/*-Globals-------------------------------------------------------------------*/
body {
    font-size: medium;
    font-family: Century Gothic,AppleGothic,Verdana;
    background: #f0f0f0;
    margin: 0px;
}

/*-jQuery UI Overrides-------------------------------------------------------*/
.ui-tabs 
{
    border: 0px;
    background: none;
}

.ui-tabs-nav 
{
    font-size: .7em;
}

.ui-tabs .ui-tabs-panel 
{
    height: 440px;
    overflow: hidden;
    background: #fff;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    background-color: #fff;
}

.ui-tabs-panel 
{
    font-size: small;
    border-bottom: 1px #aaa solid;
}

.ui-widget-header 
{
    background: none;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
}

.ui-accordion-header a
{
    font-weight: bold;
}

/*-Common Styles-------------------------------------------------------------*/
#container 
{
    margin: 5px;
    width: 758px;
    height: 940px;
}

.tdName 
{
    font-variant: small-caps;
    font-size: smaller;
    text-align: right;
    border-right: 1px #f0f0f0 solid;
}

.tdNameTop 
{
    font-variant: small-caps;
    font-size: smaller;
    border-bottom: 1px #f0f0f0 solid;
}

.tdData 
{
    padding-left: 8px;
    color: #777;
    padding-bottom: 8px;
}

.smaller 
{
    font-size: smaller;
}

/*-Basic Info Styles---------------------------------------------------------*/
.BasicInformation 
{
    width: 47.5%;
    height: 380px;
    float: left;
    border: 1px #aaa solid;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    position: relative;
}

.BasicInformation table
{
    width: 100%;
    padding: 2px;
}

#StatContainer 
{
    padding-top: 8px;
}

.AbilityLine 
{
    width:85%; background:#777; color:White; padding:4px; position:relative; text-align:center; margin:auto auto; margin-bottom: 4px;
}

.AbilityLine .AbilityScore
{
    float:left; width:15%; background:#FFF; color:#777; text-align:center; margin-right:4px;
}

.AbilityLine .AbilityMod
{
    float:left; width:15%; background:#FFF; color:#777; text-align:center;
}

/*-OtherSummary Styles-------------------------------------------------------*/
.OtherInformation 
{
    width: 47.5%;
    height: 380px;
    float: right;
    border: 1px #aaa solid;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    position: relative;
}

#DefenseContainer, #HealthContainer, #SurgeContainer
{
    padding-top:8px;
}

.OtherInformation table
{
    width: 100%;
    padding: 2px;
}

#HPLine, #SurgeLine
{
    width:85%; background-color:#777; position:relative; text-align:center; color:#fff; font-size:larger; margin:auto auto; padding:4px;
}

#HPIndicator, #SurgeIndicator
{
    background-color:#fff; color:#777; width:100px; margin:auto auto; position:relative; font-size:larger;
}

/*-Tab browser Styles--------------------------------------------------------*/
#InfoTabs 
{
    width: 752px;
    float: left;
}

/*-Power Styles--------------------------------------------------------------*/

#PowerList 
{
    width: 300px;
    height: 500px;
    overflow: auto;
}

.PowerButton 
{
    width: 95%;
    text-align: left;
    margin: 4px;
}