body {
 background: #000;
 color: #eee;
 margin: 0px;
 padding: 0px;
 font-family: arial;
 font-size: 12px;
}    
  
#profile_container {
 width: 689px;
 padding: 0px;
 text-align: left;
}

#profile_container a, #profile a:active, #profile a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}        

.profile_header {
 width: 689px;
 height: 50px;
 position: relative;
}

.levelraceclass {
 position: absolute;
 top: 10px;
 left: 25px;
 font-size: 18px;
 font-weight: bold;
}

.button3d {
 position: absolute;
 top: 10px;
 left: 303px;
}

.profilelink {
 position: absolute;
 top: 7px;
 right: 0px;
 font-size: 10px;
}


#profile_tube {
 width: 557px;
 margin: 0px;
 float: left; 
}

#profile_tube .profile_tube_content {
 background: url('../images/profile_bg.png') repeat-y;
 width: 557px;
}

#profile_container .profile_items_left {
 float: left;
 padding: 35px 17px 0px 0px;
 width: 49px;
 
}

#profile_container .profile_items_right {
 float: left;
 padding: 35px 0px 0px 17px;   
 width: 49px;
}


#profile_container .profile_items_bottom {
 padding: 17px 0px 20px 0px;   
 width: 689px;
 text-align: center;
}

.profile_tabs {
 padding-left: 10px;
}

#character_tab, #reputation_tab, #skills_tab, #achievements_tab, #tools_tab {
 width: 104px;
 height: 24px;
 padding: 10px 0px 0px 0px;
 margin-right: 4px;
 float: left;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}

#refresh_link {
 height: 17px;
 padding: 17px 0px 0px 0px;
 margin-left: 45px;
 float: left;
 font-size: 9px;
 font-weight: bold;
 text-align: center;
}



.tablink {
 color: #fff;
}

.profile_tabs_active {
 background: url('../images/profile_tab_active.png') repeat-y;  
}

.profile_tabs_inactive {
 background: url('../images/profile_tab_inactive.png') repeat-y;  
}

.sheet {
 position: relative;
 width: 515px;
 margin: 0px 10px;
}

.character_sheet {
 height: 500px;
}

.reputation_sheet, .skills_sheet, .achievements_sheet {
 padding: 0px 20px 10px 10px;
 position: relative;
}

.tools_sheet {
 height: 500px; 
 position: relative;
}

#tube .refreshprofile {
 width: 260px;
 position: absolute;
 top: 10px;
 left: 20px;
 font-size: 10px;     
}

#tube .snapshots {
 width: 260px;
 position: absolute;
 top: 150px;
 left: 20px;     
 font-size: 10px;
}

#tube .stats {
 width: 220px;
 position: absolute;
 top: 10px;
 left: 305px;     
 font-size: 10px;
}


.loading {
 width: 557px;
 text-align: center;
 margin-top: 130px;
}

.item {
 height: 51px;
 width: 51px;
 margin-bottom: 5px;
}

.bottomitem {
 height: 51px;
 width: 51px;
 margin-right: 5px;
 float: left;
}


#tube h4 {
 font-size: 14px;
 font-weight: normal;
 padding-bottom: 5px;
 color: #fff;
 border-bottom: 1px solid #404040;
 margin: 0px 0px 10px 0px;
}

#tube .talentspecialization {
 width: 260px;
 position: absolute;
 top: 10px;
 left: 20px;
}

#tube .talent_spec_1 {
 position: absolute;
 top: 30px;
 left: 20px;
}

#tube .talent_spec_2 {
 position: absolute;
 top: 75px;
 left: 20px;
}


#tube .talent_spec_icon {
 position: absolute;
 top: 5px;
 left: 0px;
}

#tube .talent_spec_name {
 font-size: 15px;
 font-weight: bolder;
 color: #fc0404;
 position: absolute;
 top: 0px;
 left: 30px;
 width: 200px;
 
}

.talentactive {
 border: 1px solid #333;
 background: #ccc;
}

#tube .talent_spec_vals {
 font-size: 12px;
 position: absolute;
 width: 150px;
 top: 20px;
 left: 30px; 
}

#tube .primaryprofessions {
 width: 260px;
 position: absolute;
 top: 130px;
 left: 20px;      
}

#tube .profession {
 position: relative;
 margin:  10px 0px 20px 5px;
 height: 44px;
}

#tube .profession_icon {


}

#tube .profession_name {
 position: absolute;
 top: 2px;
 left: 53px;
 color: #999999;
}

#tube .profession_icon {
 position: absolute;
 top: 0px;
 left: 0px;

}

#tube .profession_bar {
 width: 200px;
 height: 21px;
 background: url('/assets/images/professionbar_bg.png') no-repeat;
 position: absolute;
 bottom: 0px;
 left: 53px;
}

#tube .bar_fill {
 height: 21px;
 position: relative;
 float: left;
}

#tube .bar_value {
 height: 19px;
 padding-top: 2px;
 width: 100%;
 text-align: center;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
 color: #000;
 font-weight: bolder;
}

#tube .leftcap {
 position: absolute;
 left: 0px;
 top: 0px;
}

#tube .rightcap {
 position: absolute;
 right: 0px;
 top: 0px;
}
                     
#tube .resistances {
 width: 210px;
 position: absolute;
 top: 10px;
 left: 300px;
}


#tube .resistance_item {
 width: 210px;
 height: 23px;
 margin-bottom: 4px;
 margin-left: 10px;
}

#tube .resistance_icon {
 width: 22px;
 height: 23px;
 margin: 0px;
 padding: 0px;
 float: left;
}

#tube .resistance_value {
 width: 28px;
 height: 19px;
 margin: 0px;
 padding: 4px 10px 0px 0px;
 float: left;
 text-align: right;
 color: #fff;
 font-weight: bold;
}

#tube .resistance_name {
 height: 19px;
 margin: 0px;
 padding: 4px 0px 0px 0px;
 float: left;
 color: #666;
}

#tube .pvpstats {
 width: 210px;
 position: absolute;
 top: 190px;
 left: 300px;
}

#tube .pvpstat {
 width: 210px;
 margin-top: 10px;
 margin-bottom: 5px;
}

#tube .pvpname {
 float: left;
 margin-left: 15px;
 color: #666; 
 padding-top: 1px;      
}

#tube .pvpvalue {
 float: left;
 margin-left: 10px;
 font-weight: bold;
 font-size: 15px;
 width: 30px;
}

#tube .healthbar {
 width: 490px;
 height: 21px;
 background: url('../images/healthbar_bg.png') no-repeat;
 position: absolute;
 top: 300px;
 left: 20px;
}


#tube .manabar {
 width: 490px;
 height: 21px;
 background: url('../images/healthbar_bg.png') no-repeat;
 position: absolute;
 top: 330px;
 left: 20px;
}

#tube .characterstats {
 width: 480px;
 position: absolute;
 top: 370px;
 left: 20px;
}

#tube .jumplinks {
 position: absolute;
 right: 0px;
 top: 1px;
}

#tube .jumplink {                       
 padding: 0px 12px 5px 12px;
 float: left;
}

#tube .jumplink a, #tube .jumplink a:visited {             
 color: #666;
}

#tube .activejumplink {      
 padding: 0px 12px 5px 12px;
 float: left;       
 border-bottom: 1px solid #fff;        
}

#tube .activejumplink a, #tube .activejumplink a:visited {             
 color: #fff;
}

.characterstats_container {
 /*margin-top: 20px;*/
}

.characterstats_name {
 width: 90px;
 text-align: right;
 padding: 5px 10px 5px 5px;
 font-size: 11px;
 color: #666;
}

.characterstats_value {
 width: 55px;
 text-align: left;
 padding: 5px 10px 5px 5px;
 font-size: 13px;
 font-weight: bold;
 color: #ccc;
}



.reputation_line {
 position: relative;
 height: 21px;
 margin-bottom: 5px;
}

.reputation_item {
 position: absolute;
 top: 2px;
 left: 0px;
 width: 150px;
 text-align: right;
 color: #999999;
}

.reputation_bar {
 width: 200px;
 height: 21px;
 background: url('/assets/images/professionbar_bg.png') no-repeat;
 position: absolute;
 top: 0px;
 left: 170px;
}

.reputation_bar_fill {
 height: 21px;
 position: relative;
 float: left;
}

.reputation_bar_value {
 height: 19px;
 padding-top: 2px;
 width: 100%;
 text-align: center;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
 color: #000;
 font-weight: bolder;
}

.reputation_status {
 height: 21px;
 position: absolute;
 top: 0px;
 left: 390px;
}

.reputation_status_exalted {
 color: #0fe2ff; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/exalted.gif') no-repeat;
}

.reputation_status_revered {
 color: #1ffc1f; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/revered.gif') no-repeat;
}

.reputation_status_honored {
 color: #83c022; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/honored.gif') no-repeat; 
}

.reputation_status_friendly {
 color: #aab201; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/friendly.gif') no-repeat;
}

.reputation_status_neutral {
 color: #f9d72a; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/neutral.gif') no-repeat;
}

.reputation_status_unfriendly {
 color: #edaf2e; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/unfriendly.gif') no-repeat;
}

.reputation_status_hostile {
 color: #e28832; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/hostile.gif') no-repeat;
}

.reputation_status_hated {
 color: #cc3a3a; 
 margin-top: 1px;
 padding: 2px 0px 0px 30px;
 height: 18px;
 background: url('../images/hated.gif') no-repeat; 
 
}

.achievement {
    text-align:center; 
    height:51px; 
    border: solid 1px #404040; 
    margin-top:5px; 
    padding:5px;
}

.achievement_icon {
    float:left;
}

.achievement_score {
    float:right; 
    font-size:2em; 
    padding:10px;
    font-weight:bold;
    font-family:"Times New Roman",Georgia,Serif; 
    background: url('../images/icons/shield.png');
}

.achievement_details {
    margin-top:2px;
}

.achievement_title {
    color: #e0c020;
    font-weight: bold; 
    font-size:1.2em;
}

.achievement_description {
    color: #999999;
}

.achievement_date {

}
                        
#banner1 {
 position: absolute;
 left: 20px;
 top: 20px;
}

#banner2 {
 position: absolute;
 right: 20px;
 top: 20px;  
}