/* CSS Document */
body {margin:0;}
body {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;}
form {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;}
img {border:0;}
.inline {display:inline;}

/* LAYOUT */
#title {background:url(image/tl-repeat.jpg) repeat-x; margin:0; padding:0;}
#iwmtitle {background:url(image/iwm-toplogo.jpg) no-repeat; margin:0; padding:0;}
#tab {z-index:10; position:relative; padding-left:10px; /*width:770px;*/}
#nav {z-index:1; background:url(image/tb-repeat.jpg) repeat-x; position:absolute; top:143px; left:0; width:100%;}
#left {margin-left: 5px; width:125px; float:left;}

#left div.innerbox {background-color:#DBDCF1;}
#mainframe {width:850px;}
#content { width:680px;
margin-left:10px;
/* commented backslash hack v2 for Mac IE5.0 \*/
margin-left:10px;
/* end hack */
 position:relative; float:left; }
#content div.innerbox, #contentpopUp div.innerbox {background:#dbdbbd url(image/ic-repeat.gif) repeat-x;}
.right div.innerbox {background-color:#DBDCF1 !important; background-image: none !important;}
#footer {padding:0; text-align:left; background-color:#818181; background:url(image/ft-repeat.jpg) repeat-x;}
.spacer {clear:both;}

/* TITLE */
#tabList { display: block; margin:0; padding:0; }
#tabList li { display: block; float: left; }
#tabList li .tabbutton { display: block; width: 180px; height: 35px; background-repeat: no-repeat; text-indent: -2000px; text-decoration:none; background-position: top center; }
#tabList li .tabbutton:hover { background-position: center -35px; }
/*#tabList li #ww1Tab     { background-image: url(image/tb-ww1.jpg); }*/
#tabList li #ww1Tab     { background-image: url(image/tb-sd-all.jpg); }
#tabList li #ww2Tab     { background-image: url(image/tb-ww2.jpg); }
#tabList li #nrTab     { background-image: url(image/tb-nationalroll.jpg); }
#tabList li #rndTab     { background-image: url(image/tb-rnd.jpg); }
#tabList li #drTab     { background-image: url(image/tb-dr.jpg); }
#tabList li #wmrTab     { background-image: url(image/tb-wmr-all.jpg); }

/*#tabList li #ww1TabSel     { background: url(image/tb-ww1-sel.jpg); }*/
#tabList li #ww1TabSel     { background: url(image/tb-sd-all.jpg) center bottom; }
#tabList li #ww2TabSel     { background: url(image/tb-ww2-sel.jpg); }
#tabList li #nrTabSel     { background: url(image/tb-nationalroll-sel.jpg); }
#tabList li #rndTabSel     { background: url(image/tb-rnd-sel.jpg); }
#tabList li #drTabSel     { background: url(image/tb-dr-sel.jpg); }
#tabList li #wmrTabSel     { background: url(image/tb-wmr-all.jpg) center bottom; }



#nav p {display:inline;}
#nav p a:link, #nav p a:visited {font:bold 8pt Arial, sans-serif; letter-spacing:0.5px; text-decoration:none; color:#000; padding:0 40px 4px; margin:0; display:inline; vertical-align:middle;}
#nav p a:hover {text-decoration:underline;}
#nav img {vertical-align:top; margin:0; padding:0;}

/* LEFT MENU */
#left h1 {font:bold 12pt times; display:block; margin:0; padding:5px 5px 5px 10px; background-color:#818181; color:#fff;}
#left p {font:normal 9pt Arial, sans-serif; color:#000; margin:0; padding-bottom:5px;	 }
#left input {width:118px;}
#left input[type="text"], #left input[type="password"] { width:114px; }
#left ul { margin: 0; padding: 0;}
#left li { display: block; margin: 0 0 5px 0; padding: 0}
#left ul {margin-left:10px;}
/* commented backslash hack v2 for Mac IE5.0 \*/
#left ul {margin-left:0;}
/* end hack */

/* RIGHT MENU */
#rightpane { float:left; position:relative; width:140px; }
.right h1 {font:bold 12pt times; display:block; margin:0; padding:5px 5px 5px 10px; background-color:#818181; color:#fff;}
.right h2 { font:bold 9pt Arial, sans-serif; color:#000; background-color:transparent; border-width:0; padding-left:0; }
.right p, .right ul { font:normal 9pt Arial, sans-serif; color:#000; }
.right ul { margin:0; padding:0; list-style:none; }
.right ul li {  margin-bottom:10px; }
.right form { margin-left:5px;}
/* commented backslash hack v2 for Mac IE5.0 \*/
.right form { margin-left:0;}
/* end hack */
a#btnRSoldiersDied { background: url(image/img-advert-soldiersdied.jpg); width:125px !important; height:202px !important;}
a#btnRSoldiersDied2 { background: url(image/img-advert-soldiersdied2.jpg); width:125px !important; height:202px !important;}


/* DIV PADDING AND MARGINS */
div.innerbox div {margin-left:10px; padding:5px;}
#left div.innerbox div {padding:3px;}
.right div.innerbox div {padding:3px;}
#content div.innerbox div, #contentpopUp div.innerbox div {margin-left:10px;}
/* commented backslash hack v2 for Mac IE5.0 \*/
div.innerbox div, #content div.innerbox div, #contentpopUp div.innerbox div {margin-left:0;}
/* end hack */
span.IEmac { height:0; margin:0; padding:0; font-size:0; display:block; }

/* CONTENT */
h1.heading {font:normal 20pt times; margin:0; padding:4px; color:#fff; float:left; padding-top:40px; position:relative;}
div#noIcon.innerbox { background-image:none; }
div#noIcon.innerbox { background-image:url(image/ic-repeatnoIcon.gif); }
div#noIcon h1.heading { padding:5px 0 0 10px; }
img.heading {float:left; position:relative; margin-top:-6px; margin-left:-5px;}
/* commented backslash hack v2 for Mac IE5.0 \*/
img.heading {margin:0;}
/* end hack */
h1 {font:normal 20pt times; display:block; margin:0; color:#000;}
h2 {font:bold 12pt times; color:#000; margin:0; padding:2px; padding-left:5px;  background-color:#B2B387; border-left:10px solid #A1A070;}
h2 .h2main { display: block; float: left;}
h2 .h2rgt  { display: block; margin-right:10px; float: right; margin-top: 0.1em;}
h2 a { font:bold 9pt arial; color:#000; margin-left:20px; }
h3 {font:bold 12pt times; color:#000; margin:0; padding-bottom:2px; border-bottom:2px solid #818181; display:block;}
p, ul, ol, td {font:normal 9pt/1.75em Arial, sans-serif; color:#000; margin-top:0;}
ul {list-style-type:square;}
a:link, a:visited {color:#445060; text-decoration:underline;}
a:hover { text-decoration:none; }

/* FOOTER */
#footer {height:34px;}
#footer p { font:normal 7pt Arial, sans-serif; letter-spacing:0.5px; color:#fff; top:5px; }
#footer div {position:relative; top:8px; padding-left:25px;}
#footer a:link, #footer a:visited { color:#000; padding-right:25px; }


/* ELEMENT DROP SHADOW */
.dropshadow{
float:left;
/*clear:left;*/
background: url(image/shadowAlpha.png) no-repeat bottom right !important;
background: url(image/shadow.gif) no-repeat bottom right;
/* commented backslash hack v2 for Mac IE5.0 \*/
margin: 10px 0 10px 10px !important;
/* end hack */
margin: 10px 0 10px 5px;
width:650px;
padding: 0px;
}
.dropshadow3{
float:left;
/*clear:left;*/
background: url(image/shadowAlpha.png) no-repeat bottom right !important;
background: url(image/shadow.gif) no-repeat bottom right;
/* commented backslash hack v2 for Mac IE5.0 \*/
margin: 10px 0 10px 10px !important;
/* end hack */
margin: 10px 0 10px 5px;
width:500px;
padding: 0px;
}
.dropshadow4{
/*clear:left;*/
background: url(image/shadowAlpha.png) no-repeat bottom right !important;
background: url(image/shadow.gif) no-repeat bottom right;
/* commented backslash hack v2 for Mac IE5.0 \*/
margin: 10px 0 10px 10px !important;
/* end hack */
margin: 10px 0 10px 5px;
/* commented backslash hack v2 for Mac IE5.0 \*/
min-width:450px !important;
width:auto !important;
/* end hack */
width:450px;
padding: 0px;
}
.dropshadowLeft{
float:left;
/*clear:left;*/
background: url(image/shadowAlpha.png) no-repeat bottom right !important;
background: url(image/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
width: 125px;
padding: 0px;
}
.dropshadowRight{
float:left;
/*clear:left;*/
background: url(image/shadowAlpha.png) no-repeat bottom right !important;
background: url(image/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
width: 125px;
padding: 0px;
}
.shadowWhite {
background: url(image/shadowWhite.gif) no-repeat top;
}
.innerbox{
position:relative;
bottom:6px;
right: 6px;
padding:0px;
margin: 0px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}

/** Buttons **/

a.imgbutton, a.imgbuttonhelp {
  display: block;
  text-indent: -2000px;
  text-decoration:none;
  background-repeat: no-repeat;
  background-position: top center;
}
a.imgbutton:hover, a.imgbuttonhelp:hover { background-position: bottom center; }
#left a.imgbutton, #content .right a.imgbutton { width: 118px; height: 21px; }
#content a.imgbutton, #contentpopUp a.imgbutton { width: 118px; height: 26px; }
#footer a.imgbutton { width:165px; height:34px; }
a.imgbuttonhelp { width:50px; height:26px; }
h1 a#imgtitle { width:768px; height:113px; background-image: url(image/tl-military-genealogy.jpg); }
h1 a#imgiwmtitle { width:768px; height:113px; background-image: url(image/?.jpg); }

a#lbtnBuyCredits { background-image: url(image/left-bn-buycredits.jpg); }
a#lbtnChangePass { background-image: url(image/left-bn-changepassword.jpg); }
a#lbtnLogin { background-image: url(image/left-bn-login.jpg); }
a#lbtnLogout { background-image: url(image/left-bn-logout.jpg); }
a#lbtnPrevPurchases { background-image: url(image/left-bn-previouspurchases.jpg); }
a#lbtnRegister { background-image: url(image/left-bn-register.jpg); }
a#lbtnViewMyList { background-image: url(image/left-bn-viewmylist.jpg); }
a#lbtnUpdateDetails { background-image: url(image/left-bn-updatedetails.jpg); }
a#lbtnUsePromotion { background-image: url(image/left-bn-promotion.jpg); }

a#btnActivate { background-image: url(image/bn-activateaccount.jpg); }
a#btnBack { background-image: url(image/bn-back.jpg); }
a#btnBuyCredits { background-image: url(image/bn-buycredits.jpg); }
a#btnCancel { background-image: url(image/bn-cancel.jpg); }
a#btnChangeEmail { background-image: url(image/bn-changeemail.jpg); }
a#btnChangePass { background-image: url(image/bn-changepassword.jpg); }
a#btnCloseWindow { background-image: url(image/bn-closewindow.jpg); }
a#btnContinue { background-image: url(image/bn-continue.jpg); }
a#btnContinueSearching { background-image: url(image/bn-continuesearching.jpg); }
a#btnDownload { background-image: url(image/bn-download.jpg); }
a#btnHelp { background-image: url(image/bn-small-help.jpg); }
a#btnNewSearch { background-image: url(image/bn-new-search.jpg); }
a#btnNo { background-image: url(image/bn-no.jpg); }
a#btnPrint { background-image: url(image/bn-print.jpg); }
a#btnPrintFriendly { background-image: url(image/bn-printfriendly.jpg); }
a#btnRegister { background-image: url(image/bn-register.jpg); }
a#btnReset { background-image: url(image/bn-reset.jpg); }
a#btnResetPass { background-image: url(image/bn-resetpassword.jpg); }
a#btnSearch { background-image: url(image/bn-search.jpg); }
a#btnSend { background-image: url(image/bn-send.jpg); }
a#btnSignup { background-image: url(image/bn-signup.jpg); }
a#btnSubmit { background-image: url(image/bn-submit.jpg); }
a#btnUpdateDetails { background-image: url(image/bn-updatedetails.jpg); }
a#btnView { background-image: url(image/bn-view.jpg); }
a#btnViewMyList { background-image: url(image/bn-viewmylist.jpg); }
a#btnYes { background-image: url(image/bn-yes.jpg); }

a#rbtnGlossary { background-image: url(image/right-bn-glossary.jpg); } 
a#rbtnSearch { background-image: url(image/right-bn-search.jpg); } 
a#rbtnEmailRecord { background-image: url(image/right-bn-emailrecord.jpg); }
a#rbtnPurchaseScroll { background-image: url(image/right-bn-purchasescroll.jpg); }

a#fbtnTitle { background: url(image/ft-military-genealogy.jpg) no-repeat; float:left; }

/** Jerome's additions **/

em.pending { color: gray; }

table.results { border-collapse: separate; border-spacing:2px; width:640px !important; width:630px; margin-bottom:10px; }
table.results td { padding: 0.1em 0.3em; }
table.results thead td { font-weight: bold; margin-bottom: 0.5em; background-color:#e0e0e0;}
/* table.results tbody tr:hover td { background-color: #DBDBBD; } */
table.results tr.even      { background-color: #e9e9e9; }
table.results tr.odd       { background-color: #F5F5F5; }
table.results tr.purchased { background-color: #DBDBBD; }
table.results p { margin:0; }

.offsetBar { text-align: center; margin-top: 1em; }
.offsetBar .offsetCurr { font-weight: bold; color: maroon; }

table.record .label { font-weight: bold; text-align: right; }
table.record .data  { padding: 0.1em; }

.tblform { border-collapse: separate; border-spacing:2px; width:640px !important; width:630px; margin-bottom:10px;}
.tblform p {margin:0; padding:0;}
.tblform th label { font-weight: bold; text-align: right; }
.tblform th { background-color:#e0e0e0; padding:2px; padding-right:5px; vertical-align:middle; text-align:right; width:150px; }
.tblform td { background-color:#e9e9e9; padding:2px; vertical-align:middle; }
.tblform tr.error th { background-color:#e8b9a2; }
.tblform tr.error td { background-color:#f3cebb; }
.tblform td input { width:300px; }
.tblform td input[type="text"], .tblform td input[type="password"] { width:296px; }
.tblformRecord {width:490px !important;}