body
{
    margin: 0;
    background: #ffffff url('../images/bg.gif') repeat;
    font-family: Arial, Sans-Serif;
    line-height:normal; /* could be 1.2 */
    /* setting the font size using the SBMH for all browsers */
    font-size:small;
}
* html body 
{
    font-size: x-small; /* for IE5/Win */
    float\ont-size: small; /*for other IE versions */
}


h1, p, ul 
{
    margin:0;
    padding:10px;
}

ul 
{
    padding:10px;
    list-style-type:none; /* remove bullets */
}



.clearboth 
{
    clear:both;
}
.floatleft
{
    float:left;
}
.floatright
{
	float: right;
}


div#contentouter
{
    width:80%;
    height:100%;
    min-width:800px;
    background-color:White;
    margin: 0 auto; /* centre */
    margin-top:10px;
    border: solid 1px;
}  

img#clientlogo 
{
    float:left;
}
div#banneroptions 
{
    float:right;
    font-size:100%;
    margin: 10px 20px 10px 0;
}
img#systemlogo 
{
    float:right;
    clear:right;
    margin: 10px 20px 10px 0;
}

/* menu under banner */

#menucontent 
{
    clear:both;
}

#menulist
{
    float:left;
    margin:0;
    padding: 10px 0 0 20px;
    list-style:none;
    background: White;
}

#menulist li    
{
    float:left;
    margin:0 5px 0 0;
    padding:0;
    font-family:Arial Sans-Serif;
    font-size:120%;
}
#menulist a
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: none;
    /*border: 1px solid #00355b;
    border-left: none;
    border-top: none;
    border-bottom: none;*/
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: white;
}
/*
#menulist li#menu-home
{
       border-left: 2px solid #b9b9b9;
 }*/

#menulist a:hover
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: none;
    /*border: 1px solid #00355b;
    border-left: none;
    border-top: none;
    border-bottom: none;*/
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: #B9B9B9;
}

#menulistright 
{
    float:right;
    margin:0;
    padding: 10px 20px 0 20px;
    list-style:none;
    background: White;
}

#menulistright li    
{
    float:left;
    margin:0 5px 0 0;
    padding:0;
    font-family:Arial Sans-Serif;
    font-size:120%;
}
#menulistright a
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: White;
}
#menulistright a:hover
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: #b9b9b9;
}

/* end of menu under banner */

#datacontentouter div 
{
    background: #e8f0ff;
    padding: 20px  10px 10px 30px; 
    margin-left:20px;
    border-left: solid 1px #b9b9b9;
 /*   height:800px;
     width:92%;
    min-width:800px;*/
}

/* data banner elements */

#databanner div 
{
  /*  float:left;*/
    background: #e8f0ff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-left: none;
    width:100%;
    display:inline;
}

#databannerleft div
{
    float:left;
    background: #e8f0ff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width:50%;
}

#lblMemberName 
{
    float:left;
    font-size: 125%;
    font-weight:bold;    
    padding: 0 0 0 0;
}
#lblMemberStatus 
{
    float:left;
    font-size: 125%;
    font-weight:bold;
    font-style:italic;
    padding-left:20px;
    display:inline;
    padding: 0 0 0 20px;
}
#lnkMemberBookmark 
{
    float:left;
    padding-left:20px;
    display:inline;
}

#databannercomments
{ 
    clear:left;
    float:left;
    margin:0 0 0 0;
    list-style:none;
    display:inline;
    padding: 0 0 0 20px;
}

#databannerlinks
{
    vertical-align:text-top;
    float:right;
    margin:0 0 0 0;
    padding: 0 20px  0 20px;
    list-style:none;
}

#databannerlinks li    
{
    float:right;
    margin:0 5px 0 0;
    padding:0 0 0 0;
    font-family:Arial Sans-Serif;
    font-size:100%;
}
#databannerlinks a
{
    float:right;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px 0 0;
    color: #333;
    text-decoration: underline;
    border: none;
}

#databannerlinks a:hover
{
    float:right;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px 0 0;
    color: #333;
    text-decoration: underline;
    border: none;
    font-weight:bold;
}

#dataoptions div
{
    clear:both;
    float:right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    width:100%;
}   
#chkShowAllSections 
{
    font-size:80%;
    float:right;
    line-height:90%;
    padding: 0 0 0 0;
}

/* end of data banner elements */


/*
                    <li id="datatab-personal"><a href="/">Personal Data</a></li>
                    <li id="datatab-employment"><a href="/">Employment data</a></li>
                    <li id="datatab-history"><a href="/">History</a></li>
                    <li id="datatab-PA"><a href="/">PA/PAR history</a></li>
                    <li id="datatab-pension"><a href="/">Pension</a></li>
                    <li id="datatab-termination"><a href="/">Termination</a></li>
                    <li id="datatab-exspouse"><a href="/">Exspouse</a></li>
*/
#datatabs div
{
    clear:both;
    float:left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    background: #e8f0ff;
}   

#datatablist div
{
    float:left;
    margin:0;
    padding: 10px 0 0 20px;
    list-style:none;
    background: #e8f0ff;
}

ul[id=datatablist] li    
{
    float:left;
    margin:0 5px 0 0;
    padding:0 0 0 0;
    font-family:Arial Sans-Serif;
    font-size:90%;
}

ul[id=datatablist] a
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0;
    padding: 4px 8px;
    color: #333;
    text-decoration: none;
    border: none;
    /*border: 1px solid #00355b;
    border-left: none;
    border-top: none;
    border-bottom: none;*/
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: white;
}
/*
#datatablist li#menu-home
{
       border-left: 2px solid #b9b9b9;
 }*/

#datatablist a:hover
{
    float:left;
    display:block; /* make the whole tab clickable */
    margin: 0 0 0 0;
    padding:  4px 8px 0 0;
    color: #333;
    text-decoration: none;
    border: none;
    /*border: 1px solid #00355b;
    border-left: none;
    border-top: none;
    border-bottom: none;*/
    border: 1px solid #b9b9b9;
    border-bottom: none;
    background: #B9B9B9;
}

/*div.datacontentinner
{
    clear: both; 
    float:left;
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
    border: none; 
    background-color: #FFFFFF; 
} */
#datacontentinner div 
{
  /*  float:left;*/
    background: #e8f0ff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-left: none;
    width:100%;
    display:inline;
}

  
div.databox 
{
    clear:none;
    float:left;
    margin: 0 0 0 0;
    padding: 0 40px 0 40px;
    border: none;
    background-color:#B9B9B9;
    width:600px;
}   


.container 
{
    float:left;
    color:#666;
    background: url('../images/rounded-right.gif') top right no-repeat;
}

.desc 
{
    margin: 0;
    padding:9px 9px 0 9px;
    background: url('../images/rounded-left.gif') top left no-repeat;
}    

.link 
{
    margin: 0;
    padding:0 0 0 9px;
    background: url('../images/rounded-left.gif') bottom left no-repeat;
}    

.link em
{
    display:block;
    padding:0 9px 9px 0;
    font-style:normal;
    background: url('../images/rounded-right.gif') bottom right no-repeat;
}    

.container a 
{
    font-size: 130%;
    color:#e70;
}




/* hacks for self-clearing floats */
/* for modern browsers */
/* from Bulletproof web design p114 */

div#datacontentouter:after,
div#databanner:after,
div#databannerleft:after,
div#databannercomments:after,
div#dataoptions:after,
div#datatabs:after,
div#datatablist:after,
div#datacontentinner:after
{ /* for browsers that support after */
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* for IE6 */
* html 
    #databanner,
    #databannerleft,
    #datacontentouter,
    #dataoptions, 
    #datatabs,
    #datacontentinner div { height: 1% }
    
* html 
    #databannercomments,
    #datatablist ul { height: 1% }
    
/* for IE7 */
*:first-child+html #databanner,
*:first-child+html #databannerleft,
*:first-child+html #datacontentouter,
*:first-child+html #dataoptions,
*:first-child+html #datatabs,
*:first-child+html #datacontentinner div { min-height: 1px }

*:first-child+html #databannercomments ul { min-height: 1px }
*:first-child+html #datatablist ul { min-height: 1px }