#chara_sheet { display: block; width: 704px; margin: 0 10px; }

/* HEADER INFO -------------------------------------------------- */

#charasheet {  background: url(../images/cs_header.jpg) no-repeat top left; padding-top: 35px; border: 0; }

.cs_header { display: block; height: 80px; width: 704px; background: url(../images/cs_header.jpg) no-repeat top left; padding-top: 35px; }
.cs_icon { display: block; width: 51px; height: 51px; border: 1px solid #333333; float: left; margin: 0 10px 10px 20px;}
.cs_icon img { width: 50px; height: 50px; }
#charasheet h3, #charasheet h4 { float: left; color: #ffffff; width: 600px; text-shadow: 3px 3px 3px #061616;}
#charasheet h3 { font: 28px Baskerville, 'Times New Roman', Times, serif; font-variant: small-caps; margin: 0; padding: 0; }
#charasheet h4 { font: 14px Arial, sans-serif; margin: 0;}


/* TABS ------------------------------------------------------ */
ul.tabnav { float: right; width: 250px; height: 0; background: none !important; border: 0 !important; margin-bottom: 30px;}
ul.tabnav li { background: none !important; border: 0 !important; padding: 0 !important; }
ul.tabnav li a { padding: 0 5px !important; color: #ecbb44 !important; }
ul.tabnav li.ui-tabs-selected a { color: #ffffff !important; }
.ui-tabs-hide { display: none; }
.tabdiv { border: 0; }
/* GLOBALS ---------------------------------------------------- */
.cs_content { clear: both; display: block; height: 704px; padding: 30px 0 0 0 !important; font-size: 11px !important; }
.cs_content h4 { float: none !important; margin: 0; padding: 0; font: 13px Baskerville, 'Times New Roman', Times, serif !important; color: #ecbb44 !important; text-transform: uppercase !important; }

#cs_stats { background: url(../images/cs_bg_stats.jpg) no-repeat top left; }
#cs_scrn { background: url(../images/cs_bg.jpg) no-repeat top left; text-align: center;}
#cs_reputation { background: url(../images/cs_bg_rep.jpg) no-repeat top left; }


/* STATS ----------------------------------------------------- */
.cs_content .items { display: block; width: 120px; float: right; margin: 10px 30px 0 0; }
.cs_content .items li { float: left; }
.cs_stats_top { padding-top: 0; }
.cs_stats_top, .cs_stats_bottom { margin: 0 0 0 30px; padding: 15px;}

.cs_stats_top h4 { clear: both; padding: 10px 0 0 0;}
.cs_stats_top div.col { float: left; width: 230px; height: 220px; margin: 0 10px 40px 0; }
.cs_stats_top div.col dl { clear: left; width: 230px;  }
.cs_stats_top dt { float: left; clear: left; font-size: 12px !important; width: 150px; margin: 0 5px 2px 0 !important; }
.cs_stats_top dd { float: left;  font-size: 12px !important;}

.cs_stats_bottom div { float: left; width: 230px; margin: 0 10px 10px 0; font-size: 12px !important; }
.cs_stats_bottom dt { float: left; clear: left; display: block; width: 90px; margin: 0 5px 1px 0 !important; font-weight: bold; }
.cs_stats_bottom dd { float: left; }

dl#talents img { width: 28px; height: 28px; float: left; margin-right: 5px;}
dl#talents dt { font-size: 16px !important; }
dl#talents dd { float: right; margin-top: 5px; margin-right: 10px; }

dl#profession img { width: 18px; height: 18px; float: left;margin-right: 5px;}

dl#hpmana { padding: 15px 0; }
dl#hpmana dt { display: block; width: 100%; }
dl#hpmana dd { display: block; width: 200px; height: 14px; padding-top: 5px;text-align: center; background: url(../images/cs_range.png) no-repeat; font-size: 11px !important;}
dl#hpmana dd span { display: block; width: 190px; background: url(../images/cs_range.png) no-repeat; }
dl#hpmana dd.hp { background-position: top left }
dl#hpmana dd.mana { background-position: left -19px; }

/* SCREENSHOT & REPUTATIONS -------------------------------- */
#cs_scrn h4, #cs_reputation h4 { text-align: left; margin: 0 0 0 20px; padding: 10px 0 0 30px;font: 16px Baskerville, 'Times New Roman', Times, serif; color: #ecbb44; text-transform: uppercase; }
#cs_scrn img { text-align: center; margin: 15px auto; }
#cs_reputation h4 { padding-top: 25px;}
#cs_reputation h5 { margin: 0; padding: 0; font: 13px Baskerville, 'Times New Roman', Times, serif; color: #ecbb44; text-transform: uppercase; } 
#cs_reputation h6 { margin: 5px 0 0 0; padding: 0 0 0 18px; font: 13px Baskerville, 'Times New Roman', Times, serif; color: #f5e320; text-transform: uppercase; background: url(../images/cs_bullet.gif) no-repeat left center ;} 

#cs_reputation div { display: block; margin: 0 40px; height: 500px; overflow-y: auto; } 
#cs_reputation dl { margin: 10px; }
#cs_reputation dd { margin: 0 10px 15px 0 ;}
#cs_reputation ul li { border-bottom: 1px solid #314f4d; padding: 5px 0; font-size: 12px !important;}
#cs_reputation ul li label { font-weight: bold; display: block; width: 200px; float: left; clear: both; }
#cs_reputation ul li span { display: block; float: left; width: 290px; text-align: center; margin-right: 10px; padding: 2px; background-color: #333333;}
#cs_reputation dd ul li ul { margin: 0 5px 0 0; }
#cs_reputation dd ul li ul li:last-child { border: 0 !important; }