/*
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
 * */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table{ border-collapse:collapse;border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal; }
li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym { border:0;font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }
/*because legend doesn't inherit in IE */
legend{ color:#000; }
del,ins{ text-decoration:none; }
textarea { resize: none; }
/* end reset */
p { margin: 12px 0 }
strong { font-weight: bold; }

#Panel {
    display: inline;
    float: left;
    margin-left: 8px;
    margin-top: 4px;
    width: 528px;
}

.right { float:right; }
.left { float:left; }
.clear { clear: both; }

h2 { 
    color: #DDD; 
    margin: 12px 0 10px 0;
    font-size: 120%;
    text-transform: uppercase;
}

.error { color: red; }


.box {
    float: left;
    width: 528px;   
}

.content {
    background-color: #161B1E;
    border: 1px solid #404548;
    color: #767676;
    margin: 4px 0 0;
    padding: 12px 16px 10px 17px;
}
.content em{ font-style: italic; }
.content em strong, .content strong em {
    font-style: italic;
    font-weight: bold;
}

.menu_logged_in_name {
    color: #797979;
    padding: 4px;
}

/* Forgot Password */
#Confirmation {
    color: #FFFFFF;
}


/* Galactic Dbase and content styles */
.featuretext {
    line-height: 1.4;
    margin: 6px 0 6px 0;
    padding-bottom: 10px;
}
.featuretext p { margin-bottom: 10px; }
.featuretext p img { border: 1px solid #5B5B5B; }
.para_image_left {
    float: left;
    margin: 5px 12px 12px 0;
}
.para_image_right {
    float: right;
    margin: 5px 0 12px 12px;
}
.featureentry {
    margin-right:0;
    padding: 12px 0 0 0;
}




/* Home Page Content */
#Main { margin: 6px 0 12px 12px; }

#News_Panel {
    float: left;
    width: 342px;
}
    #News_Panel p { margin: 2px 0 0; }
    .news_item {
        float: left;
        background-color: #131A21;
        width: 342px;
    }
    .news_latest { margin-bottom: 3px; }
    .news_latest h3 { text-transform: uppercase; }

    .news_image {
        float: left;
        margin: 4px 7px;
        clear: left;
        width: 50px;
        text-align: center;
    }
    .wrap_image img { border: 1pt solid #5B5B5B; }
    .news_content {
        float: left;
        width: 266px;
        margin-top: 2px;
        padding: 2px 0;
        color: #757575;
    }
        .news_content h3 {
            font-weight: bold;
            font-size: 10px;
        }

#Headlines {
    float: left;
    width: 350px;
    margin-left: 6px;
}

#Media_Section{
    float: left;
    margin-top: 6px;
}
    #Media_Section .picture {
        float: left;
        margin-right: 29px;
    }
    .picture img { border: 1pt solid #5B5B5B; }
    #Media_Section .screenshot_3 { margin: 0; }

    .media_content {
        display: inline;
        float: left;
        width: 698px;
        padding: 4px 0 4px 6px;
        background-color: #131A21;
    }

#Community_Spotlight {
    float: left;
    margin-top: 6px;
    width: 505px;
}

#Community_Spotlight .content_header { height: 28px; }
    .community_header { float: left; }
    .communityspotlight_posted_by { 
        float: left; 
        padding: 12px 0 0 15px; 
        font-family: Arial Narrow; 
    }
    .small_blue_line { 
        float: right; 
        padding-top: 5px; 
    }
#Community_Content {
    background-color: #131A21;
    padding: 5px 5px 10px;
    color: #757575;
}

    #Community_Content img {
        margin-bottom: 5px;
    }

#Posts_Section_Container { 
    width: 495px; 
    height: 240px; 
    background-color:#131A21; 
    padding: 5px; 
    margin-top: 5px;
}
#Posts_Section_Container_Tabs { margin-top: 4px; }
    #Forum_Posts_Tab { padding-top: 5px; }
    .forum_post {
        background:#151515 url(/img/global/forumbar_blankv2.jpg) no-repeat scroll 0 0;
        font-variant:small-caps;
        height:22px;
        margin-bottom:2px;
        margin-left:4px;
        width:478px;
        clear: both;
    }
    .forum_post_date {
        display:inline;
        float:left;
        font-weight:bold;
        margin-left:8px;
        margin-top:4px;
        width:84px;
    }
    .forum_post_hyphen {
        display:inline;
        float:left;
        font-weight:bold;
        margin-top:4px;
    }
    .forum_post_link {
        display:inline;
        float:left;
        margin-left:8px;
        margin-top:4px;
        font-size: 12px;
    }
   .forum_tabs .ui-tabs-selected {
        background-color:#161B1E;
        border-bottom: 1px solid #161B1E;
        color:#D5D5D5;
    }
   .forum_tabs li {
        position:relative;
        z-index:1;
        float:left;
        height:28px;
        margin-right:4px;
        padding:2px 8px;
        border:1px solid #404548;
    }
   .ui-tabs-panel {
        background-color:#161B1E;
        border:1px solid #404548;
        display: block;
        overflow:hidden;
        position:relative;
        top:-1px;
        width:100%;
        height:194px;
    }
   .ui-tabs-hide { display: none; }

.content_header {
    background-color: #131A21;
    padding: 6px;
    margin-bottom: 4px; 
}

.content_advertising { margin: 20px 20px 0 0; }

/*
 * REGISTRATION STYLES
 */
div.centered {
    text-align: center;
}

#Key_Validation,
#Portal_Login,
#Login,
#Account_Settings,
#change_email_form,
#change_email_pref_form,
#Playername_Select,
#change_password_form,
#Forgot_Password_Username_Form { 
    border: 1px solid #4D4D4D;
    margin: 4px 0px 0px 0px;
    background-color: #161B1E;
    color: #767676;
    padding: 8px;
    min-height: 400px;
}
#Portal_Login .error {
    margin-left: 225px;
    margin-top: 20px;
}
#Portal_Login .confirmation {
    text-align: center;
}
#Portal_Login .confirmation div {
    margin: 0 auto;
    width: 385px;
    text-align: center;
}

#Login .error { width: 178px; }
#Login form,
#Login .extra_content { 
    float: left;
    margin: 20px 20px 20px 40px;
}

#Error { color: red; }

#Form_Submit { text-align: right; }

div.padded { margin: 4px 4px 0px 4px; }

#Scroll_Area { width: 450px; overflow: auto; height: 400px; border: 1px solid #4D4D4D; padding: 0px 15px 15px 15px; background: #000000; }
#User_Agreement { margin: 16px; }
#User_Agreement p { margin: 18px 0; }
#User_Agreement ul { margin-left: 30px; }
#User_Agreement li {
    list-style-type: disc;
    padding-bottom: 4px;
}
#Progress { margin: 4px 0; }

#Progress span.active {
    font-weight: bold;
    color: #FFFFFF;
}

#Progress span.title { color: #D0D0D0; }

#Generic_Form input,select,textarea {
    background-color: #1E2426;
    color: #D0D0D0;
    border: 1px solid #4D4D4D;
    padding: 2px;
}
#Generic_Form input[type=checkbox] { border: 0 none; }

#Generic_Form input:disabled { color: #4D4D4D; }

#Generic_Form ul { list-style-type: none; }

#Age_Gate {
    margin: 0;
    padding: 0;
}

#Generic_Form {
    display:inline;
    float:left;
    font-family:Verdana;
    margin-left:8px;
    margin-top:8px;
    width:528px;
    min-height: 610px;
    font-size: 1em;
}

#Generic_Form table td { padding: 4px 3px 0 3px; }

/*
 * PAGE TITLES
 */
h1.game_account_setup,
h1.beta_sign_up_title,
h1.beta_questionnaire,
h1.login_title,
h1.account_title,
h1.registration_title{
    width: 509px;
    height: 19px;
    margin: 0;
    padding: 0;
}

h1.legal_title_TOS,
h1.legal_title_PP{
    width: 509px;
    height: 24px;
    margin: 0;
    padding: 0;
}

h1.game_account_setup { background-image: url(/img/englishuk/headers/game_account_setup.gif); } 
h1.beta_sign_up_title { background-image: url(/img/englishuk/headers/beta_sign_up.gif); }
h1.beta_questionnaire { background-image: url(/img/englishuk/headers/questionnaire.gif); }
h1.login_title { background-image: url(/img/englishuk/headers/login.gif); }
h1.account_title { background-image: url(/img/englishuk/headers/account_settings.gif); }
h1.registration_title { background-image: url(/img/englishuk/headers/registration.gif); }
h1.legal_title_TOS { background-image: url(/img/englishuk/headers/terms_of_service.gif); }
h1.legal_title_PP { background-image: url(/img/englishuk/headers/privacy_policy.gif); }

h1.game_account_setup span,
h1.beta_sign_up_title span,
h1.beta_questionnaire span,
h1.login_title span,
h1.account_title span ,
h1.registration_title span,
h1.legal_title_TOS span,
h1.legal_title_PP span { display:none; }

.beta_box { margin: 2px; border: 1px solid #4D4D4D; padding: 8px; }
.beta_box p { margin-bottom: 8px; }

.guildbeta_form { margin-left:auto; margin-right:auto; }
.guildbeta_form hr { height: 1px; color: rgb(77, 77, 77); background-color: rgb(77, 77, 77); border: 0; }
.gb_input { width: 20em; }
.gb_submit { margin: 25px 55px 25px 0; }
.gb_text { width: 22em; height: 5em; }
.gb_instructions {
  background-color:#461B1E;
  border:1px solid #4D4D4D;
  color:#D5D5D5;
  margin-bottom:12px;
  margin-top:12px;
  padding:8px;
}

/*
 * MEDIA STYLES
 */
.content_element {
    float: left;
    margin: 0px 10px 10px 0px;
    text-align: center;
}

.content_element img { border:1pt solid #4B4B4B; }

.data_rows td { padding: 0 8px 2px 0; }

.titlebar_title {
    color:#B0B5B8;
    font-weight:bold;
    float: left;
}

.titlebar_arrows {
    display: inline;
    margin-left: 10px;
}

.section_titlebar {
    padding-top: 6px;
    margin-bottom: 10px;
}

div.caption a { color: #595D60; }

div.caption a:hover { color: #FFFFFF; }

/*
 * MEDIA/VIDEOS STYLES
 */
#select_video { margin-left:8px; }

.paddless_content {
   background-color: #161B1E;
   border: 1px solid #404548;
   color: #767676;
   margin: 4px 0 0;
}

.a_video {
    border-top:1pt solid #404040;
    min-height:106px;
    padding-bottom:4px;
    padding-top:4px;
    width:490px;
}

.video_title {
    clear:both;
    color:#E0E0E0;
    float:left;
    font-family:Arial Narrow;
    font-size:10pt;
    font-weight:bold;
    padding-bottom:4px;
    padding-top:1px;
    width:100%;
}

.video_desc {
    clear:both;
    float:left;
    width:100%;
}

.video_leftside {
    float:left;
    width:100px;
}

.video_rightside {
    float:left;
    padding-left:16px;
    width:360px;
}

.video_thumbnail {
    border:1pt solid #808080;
    float:left;
    margin:4px;
    padding:4px;
}

/*
 * GALACTIC DATABASE STYLES
 */
.a_section {
    border-top:1pt solid #404040;
    padding-top:4px;
    width:492px;
}
.history_section {
    border-bottom:1pt solid #404040;
    padding-top:4px;
    width:492px;
}

.comercial_titlebar {
  margin-top: 6px;
  margin-bottom: 2px;
  cursor: pointer;
}

.craft_titlebar {
    border-top:1pt solid #404040;
    padding-top:8px;
    cursor: pointer;
}

.craft_content {
  margin-top: 4px;
  margin-bottom: 8px;
}
    .craft_content li {
        list-style-position:inside;
        list-style-type: disc;
    }

.ac_titlebar {
  border-top:1pt solid #404040;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.ac_content { 
  padding-bottom: 8px;
}

.section_content {
    border-top:1pt solid #404040;
    padding-top: 4px;
}

img.centered { margin-left: 25px; }

img.wrapped {
    padding-left: 10px;
    float: right;
}

.fansite_item {
    border-top:1pt solid #404040;
    margin-top: 4px;
    padding-top: 4px;
}

.fansite_item img { padding-right: 10px; }


.fansite_item b { color:#B0B5B8; }
.fansite_item p { margin: 0; }

/*----- SLIMBOX STYLES -----*/
/* SLIMBOX */

#lbOverlay { position: absolute; width: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; }

.lbLoading { background: #fff url(/img/lb/loading.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbPrevLink { left: 0; }

#lbPrevLink:hover { background: transparent url(/img/lb/prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink { right: 0; }

#lbNextLink:hover { background: transparent url(/img/lb/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }

#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/img/lb/closelabel.gif) no-repeat center; margin: 5px 0; }

#lbCaption, #lbNumber { margin-right: 71px; }

#lbCaption { font-weight: bold; }

.dev_blog p b { color: #819296; }


/* Tips */
#Portal_Login a { cursor:help; }
#tooltip {
      width: 170px;
      background: #06636a;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #0ad8e8;
      padding: 4px;
      border: 1px solid #0ad8e8;
      position: absolute;
      z-index: 10;
      opacity: .8;
      filter: alpha(opacity=80);
}

/* NEW STYLES!! */
.menu_solo_item {
    border-bottom: 1px solid rgb(50, 63, 72);
    cursor: pointer;
}
.menu_login {
    border-bottom: 1px solid rgb(50, 63, 72);
    cursor: pointer;
    height: 24px;
}
.menu_item {
    border-bottom: 1px solid rgb(50, 63, 72);
    cursor: pointer;
}

.menu_sub_item {
    border-bottom: 1px solid rgb(50, 63, 72);
    background-color: #000000;
}
#menu
{
    position:relative;
    float:left;
    width:142px;
    margin:0px;
    padding: 0 0 0 6px;
    margin-top:2px;
    top:0px;
    text-align:center;
}

#bmenu_slots
{
    margin-left:6px;
}
#bmenu_slot_1
{
    padding-top:32px;
    padding-bottom:32px;
}

/* LIGHTBOX STUFFS */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}       
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}                       
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;  
}

/* class work similar to those in media.ccs, but without specific height,
 * useful when only item separation is required like text lines
 */
.entry_item {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #323F48;
    
}

/* questionnaire */
#What_Games div{ float: left;}
#What_Games p { 
    margin: 0 0 5px 0; i
    padding-left: 12px; 
}
#What_Games label { padding: 0 8px 0 0; }
.answer_field { width: 160px; }

#Sectors_Main a img {
  margin-bottom: 8px;
  border: 1px solid #333532;
}

#Sectors_Main a img.first { margin-right: 4px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Dialog Popup */
.ui-widget-overlay{ background: #222 repeat scroll 50% 50%; opacity: 0.4; position: absolute; top: 0; left: 0;  }
.ui-dialog{ border: 5px solid #56676f; border-top: 30px solid #56676f; background-color: #101418; padding: 15px; } 
.ui-dialog img{ margin-right: 15px; }
.ui-dialog strong{ font-weight: bold; font-size: 9pt; text-transform: uppercase; margin-bottom: 4px; position: relative; top: -5px; color: #DDDDDD; }
.ui-dialog div.bluebar{ background-color: #00BFF3; height: 2px; width: 240px; float: right; margin-top: 15px; }
.ui-dialog div.dialog_text{ width: 358px; margin-left: 42px; }
.ui-dialog-buttonpane{ float: right; margin: 5px; }