#profile {
 width: 630px;
 margin: 10px auto 10px auto;
}

#profile .items_left {
 width: 51px;
 padding-top: 25px;
}

#profile .character_info {
 width: 548px;
}

#profile .items_right {
 width: 51px;
 padding-top: 25px;
}

#profie .items_bottom {
 text-align: center;
}

#profile .item {
 margin: 3px 0px 3px 0px;
 padding: 0px;
 height: 51px;
 width: 51px;
}

#profile .items_bottom_center {
 width: 171px;
 text-align: center;
}

#profile .bottomitem {
 margin: 10px 3px 0px 3px;
 padding: 0px;
 height: 51px;
 width: 51px;
 float: left;
}

#armory_screenshot {
 background: #fff;
 width: 470px;
 padding: 15px;
 margin: 0px auto 0px auto; 
 position: relative;   
 border: 1px solid #ccc;
 text-align: center;
}

#mounts_sheet {
 background: #fff;
 width: 470px;
 height: 418px;
 overflow: auto;  
 padding: 15px;
 margin: 0px auto 0px auto; 
 position: relative;   
 border: 1px solid #ccc;
 text-align: center;
}

#character_sheet {
 background: #fff;
 height: 448px;
 width: 500px;
 margin: 0px auto 0px auto; 
 position: relative;   
 border: 1px solid #ccc;
}

#character_sheet .talent_spec {
 background: #e5e5e5;
 height: 70px;
 width: 300px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 10px;
 left: 10px;
}

#character_sheet .talent_spec_icon {
 color: #004c98;
 font-size: 16px;  
 position: absolute;
 top: 23px;
 left: 25px;
}

#character_sheet .talent_spec_name {
 color: #004c98;
 font-size: 18px;  
 font-weight: bold;
 position: absolute;
 top: 20px;
 left: 60px;
}

#character_sheet .talent_spec_vals {
 position: absolute;
 top: 42px;
 left: 60px;
 font-size: 13px;
 font-weight: bold;
}

#character_sheet .primary_prof {
 background: #e5e5e5;
 height: 95px;
 width: 300px;
 padding-top: 25px;
 
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 90px;
 left: 10px;    
}

#character_sheet .resistances {
 background: #f5f5f5;
 height: 80px;
 width: 130px;
 padding: 20px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 10px;
 left: 320px;
 text-align: left;
}

#character_sheet .pvp {
 background: #e5e5e5;
 height: 30px;
 width: 130px;
 padding: 20px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 140px;
 left: 320px;
 text-align: left;
}

#character_sheet .health {
 background: #e5e5e5;
 height: 54px;
 padding-top: 6px;
 width: 480px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 220px;
 left: 10px;
}

#character_sheet .basestats {
 background: #e5e5e5;
 height: 105px;   
 width: 112px;
 padding-top: 25px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 290px;
 left: 10px;
 text-align: left; 
 font-size: 10px;   
 display: none;  
}

#character_sheet .melee {
 background: #e5e5e5;
 height: 105px;   
 width: 112px;
 padding-top: 25px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 290px;
 left: 132px;
 text-align: left;   
 font-size: 10px; 
 display: none;   
}

#character_sheet .spell {
 background: #e5e5e5;
 height: 105px;   
 width: 113px;
 padding-top: 25px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 290px;
 left: 254px;  
 text-align: left; 
 font-size: 10px; 
 display: none;   
}

#character_sheet .defense {
 background: #e5e5e5;
 height: 105px;
 width: 113px;
 padding-top: 25px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 290px;
 left: 377px;  
 text-align: left;  
 font-size: 10px;  
 display: none;   
}

#character_sheet .bottomstats {
 background: #e5e5e5;
 height: 114px;   
 width: 235px;
 padding-top: 34px;
 margin: 0px auto 0px auto;    
 position: absolute;
 top: 290px;
 text-align: left; 
 font-size: 12px;  
}

#character_sheet .bottomstats_left {
 left: 10px;
}

#character_sheet .bottomstats_right {
 right: 10px;
}                                   

#character_sheet .health_bar {
 height: 16px;
 width: 350px;
 background: url('/assets/images/bar-life.gif');
 color: #fff;
 font-weight: bold; 
 font-size: 13px;   
 text-align: center;  
}

#character_sheet .mana_bar {
 height: 16px;
 width: 350px;
 background: url('/assets/images/bar-mana.gif');
 font-weight: bold;
 color: #fff;
 font-size: 13px; 
 text-align: center;
}

#character_sheet .boxheader {
 position: absolute;
 top: 3px;
 left: 5px;
 font-family: arial;
 font-weight: bold;
 color: #003366;
 text-transform: uppercase;
}

#character_sheet .boxheader_select {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 230px;
 height: 27px;
 background: #ccc;
 padding: 5px 0px 0px 5px;
 
 font-family: arial;
 font-weight: bold;
 color: #003366;
 text-transform: uppercase;
}




#character_sheet .profession {
 height: 35px;
 width: 300px;
 text-align: left;   
 position: relative;
 margin-bottom: 10px;
}

 

#character_sheet .profession_bar {
 height: 16px;
 width: 200px;
 background: url('/assets/images/bar-grey.gif');
 position: absolute;
 top: 18px;
 left: 60px;
 text-align: center;
}

#character_sheet .barfill {
 height: 16px;
 background: #0000FF;
 position: absolute;
 top: 0px;
 left: 0px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;  
 z-index: 1;
}

#character_sheet .barvalue {
 position: relative;
 margin: -1px auto 0px auto;
 padding: 0px;
 z-index: 50;
 color: #fff;
 font-size: 13px;  
 font-weight: bold;
}


#character_sheet .profession_name {
 position: absolute;
 top: 0px;
 left: 60px;
 text-transform: uppercase;   
 color: #004c98;
 font-size: 10px;
 font-weight: bold; 
}

#character_sheet .profession_icon {
 position: absolute;
 top: 3px;
 left: 20px;
}

#skills_sheet {
 background: #fff;
 border: 1px solid #ccc;
 width: 480px;
 margin: 0px auto 0px auto; 
 position: relative;  
 padding: 10px 10px 0px 10px; 
 height: 438px; 
 overflow: auto;
}


.skills_category {
 width: 459px;
 margin-bottom: 10px;
 position: relative;
 padding-top: 45px;
}

#skills_sheet .skills_category_title {
 position: absolute;                  
 top: 10px;
 left: 10px;
 font-size: 18px;
 color: #004c98;
 text-align: center;
}

#skills_sheet .skills_category_item_text {
 position: absolute;                  
 top: 8px;
 left: 10px;
}

#skills_sheet .skills_category_item {
 position: relative;
 height: 30px;
 width: 400px;
 margin: 0px auto 10px auto;
 background: #e5e5e5;
 
}

#skills_sheet .profession_bar {
 height: 16px;
 width: 250px;
 background: url('/assets/images/bar-grey.gif');
 position: absolute;
 top: 7px;
 left: 142px;
 text-align: center; 
  font-size: 13px; 
}

#skills_sheet .barfill {
 height: 16px;
 background: #0000FF;
 position: absolute;
 top: 0px;
 left: 0px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;  
 z-index: 1;
}

#skills_sheet .barvalue {
 position: relative;
 margin: -1px auto 0px auto;
 z-index: 50;
 color: #fff;
}





#reputation_sheet {
 background: #fff;
 border: 1px solid #ccc;
 width: 480px;
 height: 438px; 
 margin: 0px auto 0px auto; 
 position: relative;  
 padding: 10px 10px 0px 10px; 
 overflow: auto;
}

 .reputation_category {
 width: 459px;
 margin-bottom: 10px;
 position: relative;
 padding-top: 45px;
}

#reputation_sheet .reputation_category_title {
 position: absolute;                  
 top: 10px;
 left: 10px;
 font-size: 18px;
 color: #004c98;
 text-align: center;
}

#reputation_sheet .reputation_category_item_text {
 position: absolute;                  
 top: 8px;
 left: 10px;
}

#reputation_sheet .reputation_category_item {
 position: relative;
 height: 30px;
 width: 400px;
 margin: 0px auto 10px auto;
 background: #e5e5e5;
 
}

#reputation_sheet .status_text {
 height: 16px;
 width: 65px;
 background: #e5e5e5;
 position: absolute;
 top: 7px;
 left: 327px;
 text-align: center;  
}

#reputation_sheet .profession_bar {
 height: 16px;
 width: 175px;
 background: url('/assets/images/bar-grey.gif');
 position: absolute;
 top: 5px;
 left: 142px;
 text-align: center; 
}

#reputation_sheet .barfill {
 height: 16px;
 background: #0000FF;
 position: absolute;
 top: 0px;
 left: 0px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;  
 z-index: 1;
}

#reputation_sheet .barvalue {
 position: relative;
 margin: -1px auto 0px auto;
 z-index: 50;
 color: #fff;
 font-size: 13px; 
}


#achievements_sheet {
 background: #fff;
 border: 1px solid #ccc;
 width: 480px;
 margin: 0px auto 0px auto; 
 position: relative;  
 padding: 10px 10px 0px 10px; 
 height: 438px; 
 overflow: auto;
}

.achievements_category {
 width: 459px;
 margin-bottom: 10px;
 position: relative;
 padding-top: 45px;
}

#achievements_sheet .achievements_category_title {
 position: absolute;                  
 top: 10px;
 left: 10px;
 font-size: 18px;
 color: #004c98;
 text-align: center;
}

#achievements_sheet .achievements_category_item_text {
 position: absolute;                  
 top: 8px;
 left: 10px;
}

#achievements_sheet .achievements_category_item {
 position: relative;
 height: 30px;
 width: 400px;
 margin: 0px auto 10px auto;
 background: #e5e5e5;
 
}

#achievements_sheet .profession_bar {
 height: 16px;
 width: 250px;
 background: url('/assets/images/bar-grey.gif');
 position: absolute;
 top: 7px;
 left: 142px;
 text-align: center; 
  font-size: 13px; 
}

#achievements_sheet .barfill {
 height: 16px;
 background: #0000FF;
 position: absolute;
 top: 0px;
 left: 0px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;  
 z-index: 1;
}

#achievements_sheet .barvalue {
 position: relative;
 margin: -1px auto 0px auto;
 z-index: 50;
 color: #fff;
}

.achievement {
    text-align:center; 
    position: relative;
    overflow: hidden;
    height:51px; 
    width: 425px;
    margin: 0px auto 10px auto;
    background: #e5e5e5;
    padding:5px;
}

.achievement_icon {
    float:left;
}

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

.achievement_details {
    margin-top:2px;
}

.achievement_title {
    color: #004c98;
    font-weight: bold; 
}

.achievement_description {
    font-size:0.9em;
}

.achievement_date {
    color: #004c98;
    font-size:0.9em;
}

#bottomdata_basestats {
 width: 200px;
 margin: 0px auto;
}

#bottomdata_spells {
 width: 265px;
 margin: 0px auto;
}

.bottomvals {
 width: 98%;
 margin: 0px auto;
}

.lineitem {
 color: #004c98;
 font-weight: bold;
 text-align: left;
}

.linevalue {
 text-align: right;
 font-weight: bold;
}

#copyright {
 width: 100%;
 height: 20px;
 color: #fff;
 font-weight: bold;
 font-size: 10px;
 background: url('../images/copyrightbg.png') repeat-x;
 padding-top: 5px;
}

#disclaimer {
 width: 90%;
 padding: 20px 5% 20px 5%;
}

 .tabs {
  margin: 0px 0px 0px 30px;
 }
 
 .top_tab {
  float: left;
  padding: 5px 10px 5px 10px;
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0px 10px 0px 0px;
 }
 
 .top_tab a {
  color: #000;
 } 
 
 .resistance_item {
  margin-left: 5px;
  font-weight: bold;
 }
 
 .clear {
  clear: both;
  height: 0;
  width: 0;
 }
 
 .base_value {
  color: #000;
 font-weight: bold;     
 }
 
 .pvpvalues {
  font-weight: bold;  
 }