/* Colors:
    Black - 333333
    Blue - 00a8c6
    Brown - 995b34
    Dark Gray - 484848
    Gray - eeeeee
    Green - 8fbe00
    Light Blue - 40c0cb
    Light Green - aee239
    Light Yellow - fff3b6
    Off White - f9f2e7
    Pale Blue - 7fa8bb
    Yellow - ebc54e

    Darkish Blue (Websafe) - 0066cc
    Darker Green - 4dcf19

    New Blue - 5a9cd7
*/
.NoScrollBars { border: none; overflow: visible; }

.NavMenuDynamic { z-index: 1; }

div.CenteredHeader { background-color: #f9f9f9; border: solid 2px #aaaaaa; margin: 0px auto 0px auto; padding: 4px; text-align: center; width: 788px; }

.LeftColumn { width: 50%; float: left; padding: 0px; margin: 0px; text-align: center; }
.LeftHeading { width: 50%; float: left; font-weight: bold; padding: 0px; margin: 0px; text-align: center; }
.RightColumn { width: 50%; float: right; padding: 0px; margin: 0px; text-align: center; }
.RightHeading { width: 50%; float: right; font-weight: bold; padding: 0px; margin: 0px; text-align: center; }
.NoPadding { padding: 0px; }
body { padding: 4px; font-family: Verdana; font-size: small; color: #333333; }
a { color: #00a8c6; font-weight: bold; }
a:hover { color: #40c0cb; }
h1 { padding: 0px; margin: 0px 0px 4px 0px; color: #00a8c6; font-weight: bold; font-size: xx-large; float: left; }
h1 a { text-decoration: none; }
h1 a:hover { color: #00a8c6; }
h4 { padding: 6px 2px 2px 6px; margin: 28px 0px 0px 0px; font-style: italic; color: #8fbe00; /*white-space: nowrap;*/ font-size: medium; float: left; /*width: 65%;*/ clear: right; }
span.BlooUserControlPanel { position: absolute; top: 4px; right: 4px; border: 1px solid #00a8c6; padding: 4px; background-color: White; text-align: right; }
.CollapseHeader { width: 790px; border: solid 1px #00a8c6; background-color: #f9f2e7; padding: 4px; margin: 4px 0px 4px 0px; }
.CollapseHeader2 { border: solid 1px #00a8c6; background: #f9f2e7 url(/i/Images/icons/bullet_toggle_plus.png) no-repeat left; cursor: pointer; overflow: hidden; padding: 4px 4px 4px 19px; margin: 0; }
.CollapseHeader2Selected { border: solid 1px #00a8c6; background: #f9f2e7 url(/i/Images/icons/bullet_toggle_minus.png) no-repeat left; cursor: pointer; overflow: hidden; padding: 4px 4px 4px 19px; margin: 0; }
.CollapsePanel2 { border: 1px dotted #00a8c6; border-top: none; margin: 0px 0px 4px 0px; overflow: hidden; }
.Accordion { margin: 0; overflow: hidden; padding: 0; }
.CollapsePanel { width: 800px; margin: 4px 0px 4px 0px; overflow: hidden; }
.FloatLeft { float: left; }
.FloatLeftHalf { float: left; width: 50%; }
.Higher { color: #00a8c6; }
.Lower { color: #8fbe00; }
.CenterText { text-align: center; }
.RightText { text-align: right; }
.Padded { padding: 4px; }
.SquadGridHeader a { color: #00a8c6; font-size: small; font-weight: bold; text-decoration: none; }
.Card { width: 800px; }
.CardCost { font-size: x-large; font-weight: bold; }
.CardHeader { border: solid 1px #00a8c6; margin-bottom: 4px; margin-top: 4px; padding: 4px; width: 790px; }
.CardFaction { vertical-align: text-bottom; }
.CardFlavorText { background-color: White; border: solid 1px #00a8c6; font-style: italic; padding: 4px; }
.CardImage { margin-left: auto; margin-right: auto; margin-top: 4px; text-align: center; }
.CardLeft { float: left; font-size: larger; width: 210px; }
.CardName { font-size: x-large; font-weight: bold; }
.CardStatName { color: #8fbe00; font-weight: bold; }
.CardStat { text-align: right; }
.SquadTabs { padding: 2px; }
.CardStats { border: solid 1px #00a8c6; padding: 4px; width: 198px; }
.CardText { float: right; width: 588px; }
.CardTextBody { background-color: White; border: solid 1px #00a8c6; margin-top: -1px; padding: 4px; }
.CardTextHeading { background-color: White; border: solid 1px #00a8c6; display: inline-block; font-size: large; font-weight: bold; padding: 4px; }
.PickAHan { border: solid 1px #00a8c6; height: 200px; margin-left: auto; margin-right: auto; position: absolute; width: 200px; }
.Pointer { cursor: pointer; }
.NavMenu { background-color: #00a8c6; color: White; margin-bottom: 16px; padding: 0px 6px 0px 6px; width: 100%; }
.NavMenuDynamicItem { padding: 4px; background-color: #8fbe00; }
.NavMenuStaticItem { padding: 4px; }
.NavMenuStaticSelectedItem { font-weight: bold; }
div#NavBar { background-color: #00a8c6; color: White; margin-bottom: 16px; width: 800px; height: 25px; }
div#NavBar a { color: White; text-decoration: none; }
div#NavBar a:hover { color: White; text-decoration: underline; }
div#PageContainer { background-color: White; margin-left: auto; margin-right: auto; padding: 4px; width: 800px; position: relative; /*overflow: hidden;*/ }
div#PageHeader { margin: 0px 0px -20px 0px; padding: 4px; text-align: right; }
.Progress { width: 150px; background-color: #8fbe00; color: White; position: fixed; bottom: 0px; left: 0px; padding: 4px; }
.PaddedBorder { border: solid 1px #00a8c6; padding: 4px; }
.CharacterDropDown { width: 375px; }
.CollectorSetDropDown { width: 375px; }
.FactionDropDown { width: 375px; }
input.Button { background-color: #00a8c6; border: 1px outset #00a8c6; font-weight: bold; color: #FFFFFF; font-family: Verdana; cursor: pointer; }
.NewCommentTextBox { border-color: #333333; border-style: solid; border-width: 1px; font-family: Verdana; color: #333333; width: 100%; height: 100px; }
div.Comment { border: 1px solid #00a8c6; padding: 4px; margin-top: 4px; position: relative; }
div.CommentReview { border: 1px solid #aaaaaa; padding: 0px; margin-top: 4px; position: relative; }
div.CommentReviewHeader { background-color: #f9f9f9; border-bottom: 2px solid #aaaaaa; padding: 4px; }
div.CommentReviewHeader a { text-decoration: none; }
.Left { position: absolute; left: 4px; top: 4px; }
.Right { position: absolute; right: 4px; top: 4px; }
.CommentDate { font-style: italic; font-size: smaller; }
div.CharacterDetails { position: relative; width: 100%; }
.CloseButton { border: 1px solid #00a8c6; position: absolute; top: 5px; right: 4px; display: block; }
div.DetailsHeader { border: 1px solid #00a8c6; margin-top: 4px; margin-bottom: 4px; padding: 4px; width: 100%; position: relative; font-size: x-large; }
img.DetailsFactionImage { vertical-align: text-bottom; }
.DetailsName { font-weight: bold; }
.DetailsCost { font-weight: bold; position: absolute; top: 4px; right: 4px; }
div.CharacterStats { width: 135px; border: 1px solid #00a8c6; padding: 4px; font-size: larger; float: left; }
.CharacterStatLabel { font-weight: bold; color: #8fbe00; width: 95px; position: relative; display: inline-block; }
div.CharacterAbilities { margin-left: 150px; margin-top: 4px; position: relative; }
div.CharacterCommanderEffectHeader { border: 1px solid #00a8c6; padding: 4px; font-size: large; font-weight: bold; width: 190px; margin-top: 4px; }
div.CharacterAbilitiesBody { border: 1px solid #00a8c6; margin-top: -1px; padding: 4px; width: 100%; }
div.OtherCharacterDetails { float: left; clear: left; width: 130px; }
div.CharacterSpecialAbilityHeader { border: 1px solid #00a8c6; padding: 4px; font-size: large; font-weight: Bold; width: 165px; }
div.CharacterForcePowerHeader { border: 1px solid #00a8c6; padding: 4px; font-size: large; font-weight: Bold; width: 140px; margin-top: 4px; }
a.PayPalButton { vertical-align: super; }
div.SquadNavigation { border: 1px solid #00a8c6; padding: 4px; margin-bottom: 4px; }
div.SquadLeft { width: 156px; }
div.SquadTopSquads { border: 1px solid #00a8c6; padding: 4px; margin-top: 4px; }
.UnreadBlooMail { font-weight: bold; background-color: #f9f2e7; }
.SquadCharactersGrid { float: left; }
.AvailableCharacters { float: right; height: 100px; overflow: scroll; }
label.linklike { color: #00a8c6; cursor: pointer; font-weight: bold; text-decoration: underline; }
label.linklike:hover { color: #40c0cb; }