/**********************************************************\
  General HTML elements
\**********************************************************/

body {
  background-color:     #000000;
  margin:               0 auto 10px auto;
  font-family:          Verdana, Helvetica, sans-serif;
  color:                #ffffff;
}

a {
  color:                #ffcc00;
  text-decoration:      underline;
}

a:hover {
  color:                #fff7df;
}

a, a:hover, a:link, a:active, a:visited {
  outline:              none;
}

h2 {
  margin:               0;
  font-size:            1.5em;
  font-weight:          normal;
}

a img {
  border:               none;
}


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

.cleaner {
  clear:                both;
}

a.quest {
  color:                #d9d9d9;
}

.floatright {
  float:                right;
}

.floatleft {
  float:                left;
}

.smaller {
  font-size:            0.85em;
}

.larger {
  font-size:            1.2em;
}

.control_img {
  display:              inline;
  vertical-align:       middle;
  margin-right:         3px;
}

.off {
  display:              none;
}


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

#page {
  width:                966px;
  margin:               auto;
}


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

#header {
  position:             relative;
  width:                966px;
  height:               172px;
  background:           url( base/header.png );
}

#header_slim {
  position:             relative;
  width:                966px;
  height:               133px;
  background:           url( base/header_slim.png );
}

#homelink {
  position:             absolute;
  left:                 50px;
  top:                  15px;
  width:                205px;
  height:               150px;
}

#utility_bar {
  position:             absolute;
  right:                18px;
  top:                  5px;
  width:                633px;
  height:               26px;
  font-size:            0.6em;
  text-align:           right;
  padding:              4px 0;
}

#utility_bar a {
  color:                #ff9900;
  font-weight:          bold;
}

#utility_bar a:hover {
  color:                #ffccaa;
}

#user_login, #user_pass {
  width:                9em;
  font-size:            1.0em;
}

#wp-submit, #rememberme {
  vertical-align:       middle;
}

#utility_links {
  padding-top:          5px;
}

#main_nav {
  position:             absolute;
  left:                 335px;
  top:                  41px;
  width:                570px;
  height:               23px;
  white-space:          nowrap;
}

#main_nav ul {
  margin:               0;
  padding:              0;
}

#main_nav ul li {
  margin:               0;
  padding:              0;
  display:              inline;
  list-style:           none;
  width: 114px;
}

#main_nav a img {
  display:              inline;
  border:               none;
  margin:               0;
  padding:              0;
}

#header_news {
  position:             absolute;
  left:                 310px;
  top:                  84px;
  width:                442px;
  height:               82px;
  background:           url( base/news_bg.png );
}

#header_news_content {
  height:               67px;
  width:                387px;
  margin:               8px 16px 7px 39px;
  overflow:             hidden;
  color:                #ffffff;
  font-size:            0.7em;
}

#header_news_content p {
  margin:               3px 0 0 0;
}


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

#navbar {
  position:             relative;
  width:                966px;
  height:               35px;
  background:           url( base/navbar/navbar_bg.png );
}

#navbar_end_left {
  display:              block;
  float:                left;
}

#navbar_end_right {
  display:              block;
  float:                right;
}

#navbar_menu {
  width:                800px;
  margin:               auto;
  text-align:           center;
}

#menu_buttons {
  border:               none;
  border-collapse:      collapse;
  margin:               0 auto 0 auto;
  padding:              0;
}

.navbar_button_link {
  width:                128px;
  cursor:               pointer;
}

.navbar_button_on .navbar_button_link {
  height:               44px;
}

.navbar_button_off .navbar_button_link {
  height:               34px;
}

.navbar_button_on, .navbar_button_off {
  width:                128px;
  height:               44px;
  margin:               0;
  padding:              0;
  border-collapse:      collapse;
  vertical-align:       top;
  font-family:          Tahoma,sans-serif;
  font-weight:          bold;
  font-size:            0.8em;
}

.navbar_button_off {
  background:           url( base/navbar/navbar_button_off.png );
  color:                #ffffff;
}

.navbar_button_on {
  background:           url( base/navbar/navbar_button_on.png );
  color:                #ffffff;
}

.navbar_button_off .navbar_button_padding {
  padding-top:          5px;
}

.navbar_button_on .navbar_button_padding {
  padding-top:          15px;
}

.navbar_button_on a, .navbar_button_off a {
  color:                #ffffff;
  text-decoration:      none;
}

.navbar_button_on a:hover, .navbar_button_off a:hover {
  color:                #ffcc00;
  text-decoration:      underline;
}

#navbar_search {
  position:             absolute;
  right:                30px;
  top:                  4px;
  font-size:            0.7em;
  text-align:           right;
}

#navbar_search_text, #navbar_search_type {
  vertical-align:       top;
  font-size:            1.0em;
  margin-top:           3px;
}

#navbar_search form {
  display:              block;
  margin-right:         50px;
}

#navbar_search_aslink {
  display:              block;
  float:                right;
  width:                45px;
  text-align:           left;
}

#breadcrumbs {
  position:             relative;
  width:                966px;
  height:               30px;
  background:           url( common/breadcrumbs/breadcrumb_bg.png );
  font-size:            0.7em;
  font-weight:          bold;
  color:                #dbb953;
}

#bc_end_left {
  display:              block;
  float:                left;
}

#bc_end_right {
  display:              block;
  float:                right;
}

#bc_text {
  padding:               7px 20px;
}

#breadcrumbs .current {
  font-style:           italic;
}

#navbar_tabs {
  position:             absolute;
  left:                 50px;
  bottom:               0;
  font-size:            0.75em;
  font-weight:          bold;
  width:                500px;
}

.navbar_label {
  float:                left;
  height:               34px;
}

.navbar_label div {
  margin-top:           16px;
  padding-right:        5px;
}

.navbar_tab {
  float:                left;
  width:                118px;
  height:               34px;
  margin:               0 1px;
  padding:              0;
  cursor:               pointer;
  text-align:           center;
  text-decoration:      none;
  color:                #ffffff;
  font-size:            0.95em;
  background:           url( base/tab_off.png ) bottom no-repeat;
}

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

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


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

#content_outer, #content_outer_static, #content_outer_wide {
  width:                950px;
  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;
}


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

#footer {
  position:             relative;
  background:           url( base/bottom_border.png ) top no-repeat;
  color:                #afafaf;
  font-size:            0.55em;
  padding-top:          60px;
}

#footer_credit {
  position:             absolute;
  right:                20px;
  top:                  8px;
}

#footer_credit a {
  text-decoration:      none;
}

#footer_logos {
  display:              block;
  margin:               auto;
}

#footer_legal {
  padding:              20px;
  text-align:           justify;
  line-height:          1.6;
}

.footer-links {
  text-align:           center;
  margin:               0 auto 10px auto;
}

.footer-links a {
  color:                #afafaf;
}


/**********************************************************\
  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:                #ffcc00;
	background:           url( base/gradient_table/header_bg.png ) #05153a top repeat-x;
  border-left:          solid 1px #471818;
  border-right:         solid 1px #471818;
}

.hpdigest_pane {
  border:               solid 1px #471818;
  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 #471818;
  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 #471818;
  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( base/widgets/wfooter_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 #471818;
  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;
}


/**********************************************************\
  Gradient table for character list, character log, etc.
\**********************************************************/

.gradient_table {
  width:                100%;
}

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

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


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


/**********************************************************\
 Class icon styles
\**********************************************************/

.class_icon {
  display:              inline;
  position:             relative;
  width:                34px;
  height:               35px;
}

.class_icon .lvl_overlay {
  position:             absolute;
  bottom:               2px;
  right:                2px;
}

.class_icon_sm {
  display:              inline;
  position:             relative;
  width:                16px;
  height:               16px;
}

.class_icon_sm .lvl_overlay {
  position:             absolute;
  bottom:               1px;
  right:                1px;
}


/**********************************************************\
 Character list / kinship roster styles
\**********************************************************/

#clist {
  position:             relative;
}

#clist .wheader {
  position:             relative;
  height:               144px;
  width:                240px;
  background:           url( base/widgets/character_list/clist_header.png );
  background-color:     #000;
  margin-bottom:        -4px;
  z-index:              10;
}

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

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

#clist .wheader.empty div {
  padding:              10px 10px;
  font-size:            0.85em;
}

#clist .wbody {
  position:             relative;
  z-index:              5;
}

#clist_header {
  width:                 238px;
  border-collapse:       collapse;
  padding:               0px;
}

.pnote {
  margin:                0 5px;
  padding:               0;
  display:               none;
  cursor:                default;
}

.pnote.active {
  display:               inline;
  cursor:                pointer;
}


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

#clist #class_icons {
  position:             absolute;
  left:                 5px;
  top:                  29px;
}

#clist #class_icons A {
	text-decoration:     none;
}

#clist .wheader .class_icon {
  left:                 0;
  margin-bottom:        2px;
}

#pchar {
  position:             absolute;
  top:                  30px;
  left:                 57px;
}

#pchar .name {
  font-size:            0.95em;
  font-weight:          bold;
}

#pchar .leader_name {
	font-size:            1.20em;
	font-weight:          bold;
	position:             relative; 
	top:                  5px;
}

#pchar .world {
  font-style:           italic;
  font-size:            0.85em;
  font-weight:          normal;
}

#pchar .race {
  position:             absolute;
  top:                  34px;
  font-weight:          bold;
  font-size:            0.85em;
}

#pchar .leader_race {
  position:             absolute;
  top:                  53px;
  font-weight:          bold;
  font-size:            0.85em;
}

#pchar .leader_rank {
  position:             absolute;
  top:                  34px;
  font-weight:          bold;
  font-size:            0.85em;
  width:                150px;
}

#pchar .gender {
  position:             absolute;
  top:                  53px;
  font-weight:          bold;
  font-size:            0.85em;
}

#pchar .alignment {
  position:             absolute;
  top:                  72px;
  font-weight:          bold;
  font-size:            0.85em;
  width:                200px;
}

#pchar .classlist {
  position:             absolute;
  top:                  93px;
  font-weight:          bold;
  font-size:            0.85em;
}

#clist_header .name {
  padding-left:         10px;
  text-align:           left;
}

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

#clist .class_icon_sm {
  margin-left:          3px;
}

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

#clist td.class DIV A {
	text-decoration:     none;
}

#clist td.class DIV {
	display:             inline;
}


/**********************************************************\
 Character List / Kinship Roster fullpage view overrides
\**********************************************************/
.fullpagew #clist .wheader {
  text-align:           center;
  height:               28px;
  width:                765px;
  background:           url( 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:                 480px;
}
.fullpagew .clist_row .class {
  width:                 150px;
}
.fullpagew .clist_row .name DIV {
	padding-left:          10px;
	width:                 470px;
}
.fullpagew #clist_header .name {
  width:                 485px;
	text-align:            left;
}
.fullpagew .clist_row .server, .fullpagew #clist_header .server {
  width:                 130px;
  padding-left:          5px;
}
.fullpagew .clist_row .rank, .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;
}

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

/* The success/error messages displayed on the message areas */
.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:               90px;
}

/** Event icons **/
.event_box IMG {
	position:            relative;
	left:                200px;
	top:                 10px;
}

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

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

.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;
  background:           url( base/widgets/wfooter_bg.png );
}

.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_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_filter TD  {
  background:           #010000 url( base/gradient_table/header_bg.png ) top repeat-x;
  border-bottom:        solid 1px #471818;
  padding:              2px;
  vertical-align:       middle;
  font-size:            0.7em;
  font-weight:          800;
}

#clog_filter TD.filter_label {
  padding-left:          5px;
  padding-right:         5px;
  text-align:            left;
  height:                23px;
  width:                 120px;
  font-size:             0.8em;
}   
#clog_filter TD.abilities {
	width:                 70px;
}
#clog_filter TD.quests {
  width:                 60px;
}
#clog_filter TD.dungeons {
  width:                 70px;
}
#clog_filter TD.spells {
  width:                 50px;
}
#clog_filter TD.skills {
  width:                 50px;
}
#clog_filter TD.feats {
  width:                 50px;
}
#clog_filter TD.classes {
  width:                 60px;
}
#clog_filter TD.submit_button INPUT {
  font-size:            1.1em;
}

#clog_filter #event_type {
	padding-left:          5px;
	padding-right:         5px;
	text-align:            left;
	font-size:             0.8em;
	font-weight:           800;
  height:                23px;
}

#clog_filter #event_type INPUT {
}

#clog_filter #event_type .filter_cbd {
	border:                1px solid white;

}

/**********************************************************\
  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 #3A0000;
  border-top:           solid 1px #3A0000;
  font-size:            0.85em;
  text-align:           left;
}

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

#managefriends .avatar_sm {
  margin:               0;
}


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

#profile_edit_title {
  color:                #ff9900;
  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 #1d0000;
}

/* 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:           #430000;
  padding:              4px 10px;
  height:               100%;
  text-align:           left;
  margin:               0;
  border-top-width:     0;
  border-bottom:        1px solid #1d0000;
  color:                #ffcc00;
  text-decoration:      underline;
}

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


/**********************************************************\
  Character sheet styles
\**********************************************************/

#cs_lineage {
  position:             relative;
  width:                479px;
  height:               29px;
  background:           url( base/charsheet/lineage_bg.png );
  margin:               0 auto -7px auto;
}

#ancestor_controls {
  position:             absolute;
  right:                4px;
  top:                  3px;
  cursor:               pointer;
}

.ancestor_control {
  float:                right;
}

#cs_panel {
  position:             relative;
  background:           url( base/charsheet/panel_bg.png );
  width:                479px;
  padding:              0;
  margin:               auto;
}

#cs_header {
  background:           url( base/charsheet/header.png );
  width:                479px;
  height:               87px;
}

#cs_title {
  color:                #ffcc00;
  font-weight:          bold;
  font-size:            1.1em;
  text-align:           center;
  padding-top:          5px;
}

#cs_level, #cs_next_level, #cs_rank, #cs_next_rank {
  position:             absolute;
  font-weight:          bold;
}

#cs_level {
  left:                 92px;
  top:                  35px;
}

#cs_next_level {
  left:                 442px;
  top:                  35px;
}

#cs_rank {
  left:                 92px;
  top:                  62px;
}

#cs_next_rank {
  left:                 442px;
  top:                  62px;
}

#cs_level_bar {
  position:             absolute;
  left:                 132px;
  top:                  36px;
  height:               15px;
  width:                226px;
}

#cs_rank_bar {
  position:             absolute;
  left:                 132px;
  top:                  64px;
  height:               15px;
  width:                226px;
}

.progress_bar .progress_text {
  position:             absolute;
  left:                 0;
  top:                  1px;
  width:                100%;
  text-align:           center;
  font-size:            0.8em;
  font-weight:          bold;
  color:                #aaaaaa;
}

.progress_bar img {
  float:                left;
  display:              block;
  margin:               0;
  padding:              0;
}

#cs_equip {
  position:             relative;
  margin:               15px auto;
  height:               232px;
  width:                436px;
  background:           url( base/charsheet/equip_panel.png );
}

.ability {
  position:             absolute;
  left:                 364px;
  width:                25px;
  font-weight:          bold;
  font-size:            1.1em;
  text-align:           center;
}

.ability_mod {
  position:             absolute;
  left:                 394px;
  width:                25px;
  font-size:            1.1em;
  text-align:           right;
  color:                #c3c3c3;
}

#ab_str {
  top:                  36px;
}

#ab_dex {
  top:                  66px;
}

#ab_con {
  top:                  96px;
}

#ab_int {
  top:                  126px;
}

#ab_wis {
  top:                  156px;
}

#ab_cha {
  top:                  186px;
}

#cs_equip .race {
  position:             absolute;
  left:                 106px;
  top:                  114px;
  width:                136px;
  text-align:           center;
  font-weight:          bold;
  font-size:            0.9em;
}

#cs_equip .alignment {
  position:             absolute;
  left:                 106px;
  top:                  134px;
  width:                136px;
  text-align:           center;
  font-weight:          bold;
  font-size:            0.9em;
}

#cs_equip .gender {
  position:             absolute;
  left:                 106px;
  top:                  155px;
  width:                136px;
  text-align:           center;
  font-weight:          bold;
  font-size:            0.9em;
}

#cs_classes {
  position:             absolute;
  left:                 107px;
  top:                  69px;
  width:                132px;
}

#cs_classes table {
  margin:               auto;
  padding:              0;
  border-collapse:      collapse;
}

#cs_classes td {
  margin:               0;
  padding:              0 2px;
  border-collapse:      collapse;
}

#cs_currency {
  width:                432px;
  height:               30px;
  margin:               0 auto 10px auto;
  background:           url( base/charsheet/currency_bar.png );
}

#cs_points {
  position:             relative;
  width:                479px;
  height:               30px;
  margin:               0 auto 10px auto;
  background:           url( base/charsheet/points_bar.png );
}

.hp, .kp, .sp {
  position:             absolute;
  text-align:           right;
  font-size:            1.0em;
  font-weight:          bold;
  top:                  6px;
}

.hp {
  right:                330px;
}

.sp {
  right:                170px;
}

.kp {
  right:                10px;
}

#cs_stats {
  position:             relative;
  width:                445px;
  height:               109px;
  margin:               0 auto 0 auto;
  background:           url( base/charsheet/stat_bg.png );
}

#cs_time {
  color:                #cccccc;
  text-align:           right;
  padding-top:          2px;
}

.ac, .bab, .fort, .fortsave, .refsave, .willsave, .spres {
  position:             absolute;
  font-weight:          bold;
  font-size:            0.9em;
}

.ac, .bab, .fort {
  right:                260px;
}

.fortsave, .refsave, .willsave, .spres {
  right:                20px;
}

.ac, .fortsave {
  top:                  0;
}

.bab, .refsave {
  top:                  22px;
}

.fort, .willsave {
  top:                  44px;
}

.dr {
  text-align:           right;
  width:                210px;
  margin:               0 0 10px 0;
  font-weight:          bold;
  font-size:            0.9em;
}

.resists {
  position:             relative;
  width:                445px;
  height:               41px;
  margin:               0 auto 0 auto;
  background:           url( base/charsheet/resist_bg.png );
}

.spres {
  top:                  66px;
}

.acid, .frost, .electric, .fire, .sonic {
  position:             absolute;
  top:                  24px;
  font-weight:          bold;
  font-size:            0.9em;
}

.acid {
  left:                 40px;
}

.frost {
  left:                 134px;
}

.electric {
  left:                 228px;
}

.fire {
  left:                 322px;
}

.sonic {
  left:                 416px;
}

#cs_equip .item {
  position:             absolute;
  height:               36px;
  width:                36px;
}

.item {
  left: 500px;
  top: 0;
}

.weapon1 {
  left:                 13px;
  top:                  29px;
}

.weapon2 {
  left:                 13px;
  top:                  75px;
}

.ammo {
  left:                 13px;
  top:                  121px;
}

.quiver {
  left:                 13px;
  top:                  167px;
}

.eyes {
  left:                 59px;
  top:                  29px;
}

.armor {
  left:                 59px;
  top:                  75px;
}

.wrists {
  left:                 59px;
  top:                  121px;
}

.finger2 {
  left:                 59px;
  top:                  167px;
}

.head {
  left:                 122px;
  top:                  15px;
}

.neck {
  left:                 188px;
  top:                  15px;
}

.feet {
  left:                 122px;
  top:                  181px;
}

.hands {
  left:                 188px;
  top:                  181px;
}

.trinket {
  left:                 253px;
  top:                  29px;
}

.cloak {
  left:                 253px;
  top:                  75px;
}

.waist {
  left:                 253px;
  top:                  121px;
}

.finger1 {
  left:                 253px;
  top:                  167px;
}


/**********************************************************\
  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 #471818;
  border-right:         solid 1px #471818;
}

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

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

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

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}


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

/* Debug block for scroll pane positions, offsets, etc */
#scrolldebug {
  position:             absolute;
  background:           #000;
  border:               2px solid white;
  padding:              10px;
  z-index:              200;
  width:                300px;
  top:                  50px;
  right:                20px;
  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;
  /*
  if width will be 100% horizontal scrollbar will apear
  when scroll mode will be used
  */
  /*width: 100%;*/
  font:                 menu;
  font-size:            12px;
  /*
  it is very important, if line-height not setted or setted
  in relative units scroll will be broken in firefox
  */
  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;
}

UL.sortable li { }

/**** 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:                 50px;
  width:                280px;*/
  left:                 15px;
  width:                320px;

  margin:               auto;
  top:                  25px;
	font-weight:          800;
  font-size:            1.0em;
  text-align:           left;
}

#peditNotif.error {
  color:                #fe0500;
  /*background:           #3b3b3b url('base/widgets/failed.png') no-repeat 5px 25px;*/
}

#peditNotif.success {
	color:                #ffffff;
	/*background:           #3b3b3b url('base/widgets/success.png') no-repeat 5px 25px;*/
}

#peditNotif.notice {
  color:                #ffffff;
}


/**********************************************************\
  Simple tooltips
\**********************************************************/

.simple-tooltip {
  display:              none;
  z-index:              100;
  position:             absolute;
  font-weight:          bold;
  font-size:            0.9em;
  background:           #000000;
  border:               solid 1px #aa0000;
  padding:              2px 10px;
}


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

#moderation {
  background:           #3d3d3d;
}

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

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


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

/**********************************************************\
  Guild Leaderboard
\**********************************************************/

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

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

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

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

#widget_guildleaderboard th.name {
  width:                302px;
}

#widget_guildleaderboard th.level {
  width:                154px;
}

#widget_guildleaderboard th.xp {
  width:                154px;
}

#widget_guildleaderboard th.members {
  width:                154px;
}