﻿.PGBody
{
    margin: 4px 0 20px 0;
    height: 100%;
    background: #999999;
}
.PDFShellTable {
	padding: 0;
	margin: 0;
	width: 827px;
	border-collapse:collapse;
}
.PDFShellTableCenter
{
    height: 100%;
    width: 100%;
    background-color: #fff;
}
.ShellTable {
	padding: 0;
	margin: 0;
	width: inherit;
	border-collapse:collapse;
}
.ShellTableLeftBorder
{
    height: 100%;
    background-image: url(../../images/shadbg_l.gif);
    background-repeat:repeat-y;
    background-position:right;
    width:7px;
}
.ShellTableCenter
{
    height: 100%;
    width: 801px;
    background-color: #fff;
}
.ShellTableCenterFB
{
    height: 100%;
    width: 518px;
    background-color: #fff;
}
.ShellTableRightBorder
{
    height: 100%;
    background-image: url(../../images/shadbg_r.gif);
    background-repeat:repeat-y;
    width:7px;
}
.TopBanner
{
    vertical-align:bottom;   
    height: 108px;
    background: #fff;
    width: 816px;
}
.TopBannerPDF
{
    vertical-align:bottom;   
    height: 14px;
    background: #fff;
}
.TopBannerFB
{
    vertical-align:bottom;   
    height: 108px;
    background: #fff;
    width: 518px;
}
#LogoBanner
{
    position:relative;
}
.SponsorLogo
{
    position:absolute; 
    top:22px; 
    right:20px;
    font-size: 11px;
    text-align: center;
}
#sitetitle
{
    padding: 0; 
    position: absolute;
    top: 3px;
    left: 200px;  
}

.NavItem
{
    height: inherit;
    padding: 4px 10px 0 10px;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    color: #fff;
    border-right: 1px solid #999999;
    float: right;
}
.NavItemR
{
    height: inherit;
    padding: 4px 10px 0 10px;
    font-family:Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #fff;   
    float: right;
}
.SearchLabel
{
    padding-top: 3px;
    width: 80px;  
    float: left;  
    color: #fff;  
    padding-left: 5px;  
}
.SearchFields
{
    width: 180px; 
    float: left;  
}
.MiniSearch
{
    border-style: solid;
    border-width: 1px;
    border-color: #C0C0C0 #E5E5E5 #E5E5E5 #CCCCCC;
    height: 15px;
    font-size: 10px;
    margin-left: 3px;
}
.MiniSearchButton
{
    height: 22px;  
    font-size: 10px; 
}
#titleband
{
    width: inherit;
    height: 87px;
    color: #fff;
    position: relative;
    border-top: 1px solid #c0c0c0;
    /*background-color: #8F672A; */
}
.ArmyBG
{
    background-color: #8F672A;
}
.NavyBG
{
    background-color: #221E55;
}
.MarineCorpsBG
{
    background-color: #BF203A;
}
.AirForceBG
{
    background-color: #00529A;
}
.CoastGuardBG
{
    background-color: #0078AD;
}
#regtitle
{
    padding: 10px 0 5px 20px;   
    font-size:15px;
    font-weight: bold;   
    height: 24px;
    background-image: url(../../images/titlebg.gif);
    background-repeat:repeat-x;
    border-bottom: 2px solid #000000;
    width:auto;
    position: relative;
}
#DeceasedFlag
{
    position: absolute;
    right: 20px;
    top: 10px;
}
#pagetitle
{
    padding: 0 0 0 20px;   
    font-size:14px;
    font-weight: bold;   
    height: 34px;
}
#BodyBag
{
    background: #fff;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width:799px;
    position: relative;
	height: auto;
}
#BodyBagPDF
{
    background: #fff;
    width:827px;
}
#BodyBagFB
{
    background: #fff;
    width:inherit;
}
.bodycontentfb
{
    padding: 8px 2px 5px 3px;
    height: auto;
    min-height: 400px;
    width: auto;
    position: relative;
}
.bodycontenthome
{
    padding: 12px 12px 15px 16px;
    height: auto;
    min-height: 400px;
    width: auto;
    position: relative;
}
.bodycontent
{
    padding: 17px 22px 15px 26px;
    height: auto;
    min-height: 400px;
    width: auto;
    position: relative;
}
.bodycontentpdf
{
    padding: 12px 12px 2px 16px;
    height: auto;
    min-height: 400px;
    width: auto;
    position: relative;
}
.FooterBar
{
    background-image: url(../../images/footerbar.gif);
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: middle;
    text-align:center;
    height: 60px;
    width: 816px;
}
.FooterTop
{
    height: 2px;
    color: #fff;
    background-color: #000;
    position: relative;
    clear: both;
}
#FooterNav
{
    position: relative;
    width: 100%;
    font-size: 10px;
    color: #C0C0C0;
    padding: 0 0 2px 0;
}
#FooterNavPDF
{
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight:bold;
    color: #fff;
    padding: 0 0 2px 0;
}
#AddThis
{
    position:absolute;
    top:2px;
    left: 66px;
}
#FBFooterButton
{
    position:absolute;
    top:-5px;
    left: 25px;
}
.FooterText
{
    font-size: 10px;
    color: #999999;
    padding: 2px 0 5px 0;
}
.ListProfiles
{
    padding:0;
    border:0;
    width:100%;
}
.ListProfDataHeader
{
    min-width:130px;
    text-align:left;  
    padding: 3px 10px 3px 0; 
    white-space:nowrap;
    font-weight: bold;
}
.ListProfData
{
    min-width:130px;
    text-align:left;  
    padding: 3px 10px 3px 0; 
    white-space:nowrap;
}
.ListProfContainer
{
    width: 100%;
    padding: 4px;  
    border-top: 1px solid #cccccc; 
    font-size: 12px;
    line-height: 21px;
    float: left;
}
.ListProfContainer:hover
{
    background-color: #eeeeee;
}
.ListProfContainer .MemPhoto
{
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 10px 0 0;
    padding: 2px 0;
}
.ListProfContainer .MemPhoto img
{
    margin: -5px 0 -25px 0;
}
.ListProfContainer .MemDetLeft
{
    float: left;
    width: 320px;
}
.ListProfContainer .MemDetRight
{
    float: right;
    width: 280px;
}
.ListProfContainer .MemDetFarRight
{
    float: right;
    width: 80px;
}
.ListProfContainer .MemDetFarRightSpecial
{
    float: right;
    width: 140px;
}
.ProfPager
{
    background: #cccccc;
    height: 22px;
    width: 100%;   
    float: left;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 4px;
    padding-top: 6px;
}
.Font2
{
    font-weight: bold;
    font-size: 12px;   
}
.Font3
{
    font-size: 12px;  
    color: #666666; 
}
.SBGraphic
{
    margin-top: 2px;
    width:100%;
    height: 60px;
    text-align: center;
}
a.MiniButton 
{
    float: left;
    border: 1px solid #000D3E;
    background-color: #1C4A71;
    color: #ffffff;   
    text-align: center;
    font-size: 9px;
    line-height: 19px;
    display:block;
    width: 104px;
    height: 19px;
    text-decoration: none;
    padding: 0;
}
a.LongButton
{
    width: 140px;
}
.RightAlign
{
    text-align:right;  
}
.NarrowColumn
{
    min-width: 60px;
}
.UserWizard
{
    font-size: 12px;   
    padding: 2px;
    border: 1px solid #000;
    width: 360px;
}
.UserWizardInputTxt
{
    width: 180px;   
    margin: 2px;
    font-size: 10px;
}
.UserWizardTitle
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #808080;
    text-align: center;
    height: 18px;
}
.GetPasswordIntro
{
    font-weight: bold;   
    padding-bottom: 10px;
}
.ChangePasswordButtons
{
    text-align: center;
    margin: 2px 0 2px 0;   
}
.RegistrationForm td
{
    padding-top: 5px;
}
td.FormText
{
    text-align: right;
    white-space:nowrap;
}
td.FormTextRequired
{
    color: #CC0000;
    text-align: right;
}
td.WizInstruct
{
    text-align: left;
}
table.UserRegistration
{
    width: 420px;   
}
.FormIntro
{
    font-weight: bold;
}
.FormIntroProminent
{
    font-weight: bold;
    color: #990000;
    border: 2px solid #003366;
    padding: 10px;
}
.InstructionList
{
    margin: 0 20px 0 10px;
    padding: 0 20px 0 20px;
}
.InstructionList li
{
     line-height: 16px;
}
.FormInstructionSmall
{
    font-size: 11px;
    font-family: Verdana;
}
.UserRegText
{
    width: 160px;   
}
.UserRegValue
{
    /*width: 260px; */  
}
#UpdateProgress1
{
    position:absolute;
    top: 146px;
    left: 18px;
    z-index:100001;
}
.BoldRed
{
    color: #CC0000;
    font-weight: bold;
}
.TermsBox
{
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma;
    height: 120px;
    width: 730px;
    padding: 5px;
    border: 1px solid #C0C0C0;
    margin: 5px 0 10px 0;
}
/*HTML Details Page*/
.HTMLDetails
{
    margin: 0;
    height: 100%;
}
#HTMLPageContainer
{
    padding:15px 15px 40px 15px;
    background-color: #FFFFFF;
    height: inherit;
    position: relative;
}
#HTMLClose
{
    margin: 10px auto;
    display: block;
    width: 60px;
    height: 20px;
    border: 1px solid #C0C0C0;
    background: #EFEFEF;
    text-align: center;    
    padding-top: 5px;  
}
#HTMLClose a
{
    display: block;
    width: inherit;
    height: inherit;
    margin: 0 auto;
    text-align: center;
    color: #666666;
}
#HTMLTitle
{
    font-weight:bold;   
    font-size:16px;
    padding-bottom: 4px;
}
#HTMLSubTitle
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 6px;
    color: #808080;
}
#HTMLText
{
    font-size:12px;
}
#SearchInput
{
    padding: 0;
}
.EmbeddedImg
{
    margin: 0 40px 10px 40px;   
}
.EmbeddedMemberList
{
    float: right; 
    margin: 0 0 4px 10px; 
    width: 170px; 
    clear: both; 
    border: 1px solid #CCCCCC;
    font-size:11px;
}
.EmbeddedMemberList .Title
{
    background: #CCCCCC;
    color: #666666;
    font-weight: bold;
    text-align: center;
}
.EmbeddedMemberList .MemberItem
{
    color: #666666;
    border-bottom: 1px solid #C0C0C0;
}
#ServBranchGraphic
{
    border: 0;
    left: 40px;
    top: -1px;
    position: absolute;
}
#MemberTitleText
{
    left: 180px;
    top: 15px;
    width: 460px;
    overflow:hidden;
    position: absolute;
}
.TitleRank
{
    color: #fff;
    font-family: Arial;
    font-size: 20px;   
}
.TitleName
{
    color: #fff;
    font-family: Arial;
    font-size: 24px;   
    font-weight: bold;
}
.TitleSBAbbr
{
    color: #fff;
    font-family: Arial;
    font-size: 24px;   
}
#PhotoAndTextDiv
{
    float:left;
    width:237px;
}
.ProfPhotoDiv
{
    border: 1px solid #000080;   
    padding: 0;
    margin: 5px 0 0 0;
    max-width: 235px;
    height: 296px;
}
.PDFProfPhotoDiv
{
    padding: 0;
    margin: 5px 0 0 0;
    max-width: 235px;
    height: 296px;
}
.TextDetails
{
    margin: 0 0 10px 0;   
    font-size: 12px;
    font-family: Tahoma,Verdana,Arial;
    width: 235px;
}
.ProfRankDiv
{
    width:125px;
    height: 296px;
    line-height: 296px;
    float:left;
    margin: 0 15px 30px 35px;
    display: table;
}
.RankImg
{
    /*display: table-cell;
    vertical-align: middle;*/
}
.MOSDiv
{
    width:125px;
    position:absolute;
    top: 240px;
    left: 260px;
    margin: 0 15px 0 10px;
}
.RibbonContainerDiv
{
    width: 330px;
    text-align: center;
    float: right;
    margin-bottom: 5px;
}
.RibbonDiv
{
    width: 107px;
    float: left;   
}
.RibbonDivNewRow
{
    width: 107px;
    float: left;
    clear:both;
}
.RibbonDivRow
{
    clear: both;
}
.BadgeImg
{
    margin: 0 0 3px 0;   
}
.BadgeImgMMS
{
    margin: 0;   
}
.BadgeContainerDiv
{
    width: 332px;
    text-align: center;
    float: right;
    clear: right;
    margin-bottom: 10px;
}
.BadgesNoBars
{
    float: right;
    
}
.BadgesWithBars
{
    float: right;
    padding-top: 0;
}
.BadgeDiv
{
    float:left;
    margin-left:3px;
    text-align: center;
}
.UnitContainerDiv
{
    float:right;
    width: 457px;
    padding-top: 10px;
    text-align: right;
}
.UnitImgMMS
{
    margin: 0;   
}
.UnitDiv
{
    /*float:right;*/
    width: 109px;
    padding: 0 0 10px 2px;
    text-align: center;
    display: inline-block;
    
}
.TL
{
    margin: 2px 0 2px 2px;  
    padding: 0 0 0 12px;
}
.TL li
{
    margin-left: 1px;
    padding-left: 2px;
    color: #414141;
    list-style-image: url(../../images/arrows.gif);
}
.DL
{
    margin: 2px 0 2px 2px;  
    padding: 0 0 0 12px;
}
.DI
{
    margin-left: 1px;
    padding-left: 2px;
    color: #414141;
    list-style-image: url(../../images/arrows.gif);
}
.EL
{
    margin: 2px 0 4px 2px;  
    padding: 0 0 0 12px;
    list-style-image: url(../../images/bullet.gif);
}
.EI
{
    padding-left: 2px;
    margin-left: 1px;
    color: #414141;
    list-style-image: url(../../images/bullet.gif);
}
.DetailsHeader
{
    color: #808080;
    background-color: #F0F0F0;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    width: 233px;
    height: 16px;
    padding: 5px 4px 2px 6px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #C0C0C0;
}
.DetailsContent
{
    padding: 7px 4px 4px 3px;
    width: 235px;
}
#HomeLeft
{
    width:523px;
    float: left;
    margin-right: 0;
    padding-top: 0;
    line-height: 16px;
}
#HomeLeftRMS
{
    width:503px;
    float: left;
    margin-right: 20px;
    padding: 0 0 10px 0;
    line-height: 16px;
}
#HomeLeftROH
{
    width:538px;
    float: left;
    padding: 0 0 10px 0;
    line-height: 16px;
}
#HomeLeftFB
{
    width:538px;
    float: left;
    padding: 0 0 10px 0;
    line-height: 16px;
}
#HomeLeftROH p
{
    margin-right: 20px;
}
#HomeLeftFB p
{
    margin-right: 10px;
    padding: 0 3px 0 10px;
}
#HomeRight
{
    width:210px;
    height: 100%;
    min-height: 400px;
    padding-left: 20px;
    padding-top: 11px;
    float: left;
    background-image: url(../../images/homediv.gif);
    background-repeat:repeat-y;
    background-position: top left;
}
.HomeButtons {
	width: 566px;
	margin: 0 auto;
	padding: 0;
}
		
.HomeButtons .HomeButton {
	display: block;
	width: 266px;
	float: left;
	font-weight: bold;
	margin: 0 4px 4px 0;
	background-color: #000;
	text-align: center;
	vertical-align:middle;
	
}
#Button1
{
    background: url(../../images/buttons/homebutton1.png) no-repeat left;   
    padding: 18px 0 0 0;
    height: 52px;
}
#Button2
{
    background: url(../../images/buttons/homebutton2.png) no-repeat left;   
    padding: 27px 0 0 0;
    height: 43px;
}
#Button3
{
    background: url(../../images/buttons/homebutton3.png) no-repeat left;   
    padding: 25px 0 0 0;
    height: 45px;
}
#Button4
{
    background: url(../../images/buttons/homebutton4.png) no-repeat left;   
    padding: 18px 0 0 0;
    height: 52px;
}
#Button5
{
    background: url(../../images/buttons/homebutton5.png) no-repeat left;   
    padding: 18px 0 0 0;
    height: 52px;
}
#Button6
{
    background: url(../../images/buttons/homebutton6.png) no-repeat left;  
    padding: 25px 0 0 0; 
    height: 45px;
}		
.HomeButtonsFB {
	width: 516px;
	margin: 0 auto;
	padding: 0;
}
.HomeButtonsFB .HomeButtonfb {
	display: block;
	width: 256px;
	float: left;
	font-weight: bold;
	margin: 0;
	background-color: #000;
	text-align: center;
	vertical-align:middle;
	
}
.HomeButtons .HomeButton a, .HomeButtonsFB .HomeButtonfb a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana;
}
#Button1fb
{
    background: url(../../images/buttons/homebutton1fb.png) no-repeat left;   
    padding: 16px 0 0 0;
    height: 51px;
}
#Button2fb
{
    background: url(../../images/buttons/homebutton2fb.png) no-repeat left;   
    padding: 25px 0 0 0;
    height: 42px;
}
#Button3fb
{
    background: url(../../images/buttons/homebutton3fb.png) no-repeat left;   
    padding: 23px 0 0 0;
    height: 44px;
}
#Button4fb
{
    background: url(../../images/buttons/homebutton4fb.png) no-repeat left;   
    padding: 16px 0 0 0;
    height: 51px;
}
#Button5fb
{
    background: url(../../images/buttons/homebutton5fb.png) no-repeat left;   
    padding: 16px 0 0 0;
    height: 51px;
}
#Button6fb
{
    background: url(../../images/buttons/homebutton6fb.png) no-repeat left;  
    padding: 23px 0 0 0; 
    height: 44px;
}		

#LatestProfilesHeader
{
    height: 22px;
    width: inherit;
    background-color: #004D71;
    background-image: url(../../images/listheaderbg.gif);
    background-repeat:repeat-x;
    background-position: top left;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 3px 9px;
}
#LatestProfiles
{
    width: inherit;
}
.HomeProfItem
{
    border-bottom: 1px solid #C0C0C0;
    text-align:left;  
    padding: 4px 10px 3px 3px; 
}
.ProfileLink
{
    padding: 0 0 3px 0;
    width: 300px;
    float: left;
}
.HomeTown
{
    font-size: 12px;
    color: #808080;
    padding: 0 0 3px 0;
    width: 190px;
    float: right;
    text-align: right;
}
.Rank
{
    font-size: 12px;
    color: #808080;
    font-weight: bold;
    padding: 0 0 3px 0;
    width: 300px;
    float: left;
}
.Enlisted
{
    font-size: 12px;
    color: #808080;
    width: 190px;
    float: right;
    text-align: right;
}
.ProfileLink a
{
    font-size: 12px;
    color:#006699;
    font-weight: bold;
    text-decoration: none;
}
.ProfileLink a:hover
{
    font-size: 12px;
    color: #201E48;
    font-weight: bold;
    text-decoration: underline;
}
.SocNetIcon
{
    padding: 4px 0 4px 0;  
    float: left;
    width: 110px;   
}
.SocNetImg
{
    border-width: 0; 
}

/*/////// Search ///////*/
#AdvSearchBox
{
    width: 740px;
    background-color: #E9E9E9;
    border: 1px solid #C0C0C0;
    padding: 10px 10px 10px 10px;
    margin: 0 auto;
}
#SearchResults
{
    width: 750px;
    margin: 0 auto;
}
.SearchLabel
{
    padding: 4px 5px 1px 0;
    width: 136px;
    color: #000;
}
.SearchField
{
    padding: 1px 0 1px 0;
    float:left;
    width: 580px;
}
.SearchButton
{
    width: 70px;
    float: right;
    padding: 3px 0 0 0;
    margin-right: 18px;
}
#AdvOptions
{
    display:none;
}
div.clearer {clear: left; line-height: 0; height: 0;}

.ShowHide
{
    float: left;
    width: 180px;
    padding-top: 10px;
}
#ShowHideLink a
{
    font-size: 11px;
    color: #FF0000;
    text-decoration: underline;
}
#ShowHideLink a:hover
{
    font-size: 11px;
    color: #FF0000;
    text-decoration: none;
}

/*///// Password Strength Indicator////*/
.textIndicator_poor, .textIndicator_weak,.textIndicator_good,.textIndicator_strong,.textIndicator_excellent 
{padding:2px;font-weight:bold;}
.textIndicator_poor { background-color:gray;color:#ffff00;} 
.textIndicator_weak { background-color:gray;color:#00ffff;} 
.textIndicator_good { background-color:gray;color:lightblue;} 
.textIndicator_strong { background-color:gray;color:lightgreen;} 
.textIndicator_excellent { background-color:gray;color:#00ffdd;}
.textbox {border: solid 2px #cccccc;border-top: solid 2px #a0a0a0;}

.SquareBanner
{
    float: left; margin: 10px;   
}

.ProjectImage
{
    padding: 10px 5px 5px 0;
    float: right;   
}

.BigRegButton
{
    width: 256px;
    height: 67px;
    border: 1px solid #336699;
    background-image: url('../../images/buttons/homebutton2.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.BigRegButton a
{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    display: block;
    height: 100%;
    width:100%;   
    margin: 0 auto;
    padding: 18px 0 0 0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

a.EditLink
{
    color: #999999;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
}
a.EditLink:hover
{
    color: #666666;
    text-decoration: none;
}
a.EditLink:link, a.EditLink:visited
{
    color: #999999;
    text-decoration: none;
}
.EditLinkDiv
{
    clear:both;
    margin-top: 4px;
}
.Units
{
    float: right;
    margin-top:0;
}
.EditRank
{
   margin-top: -120px;
}
.EditBadges
{
    margin-bottom: 4px;   
}
div.TextDetails div 
{
    clear: both;
}