.thecontent{padding:1em; border: solid 1px #ccc;border-width:0 1px 1px 1px;}
hr{background-color:#ccc;height:1px;color:#ccc;border-width:0px;}

/*********
    Credits: 
    The tabstrip/multipage effect was done using a modification of css & javascript code from
    http://www.dynamicdrive.com/style/ Dynamic Drive CSS Library 
    and 
    http://my.aspweb.cz/	7/5/2003 by Attila Szabo 
*********/

.pbtabstrip{
border-bottom: 1px solid #bbb8a9;
}

.pbtabstrip ul{
padding: 0;
margin: 0;
font-size:10pt;
list-style-type: none;
}

.pbtabstrip li{
display: inline;
margin: 0;
}

.pbtabstrip li a
{
font-family:tahoma,arial,verdana;
padding: 3px 7px;
text-decoration: none;
padding-right: 28px; /*extra right padding to account for curved right edge of tab image*/
color: #777;
background: transparent url(righttabdefault.gif) 100% 0px no-repeat; /*give illusion of shifting 1px down vertically when set to 1px*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -18px; /*shift tabs 18px to the left so they overlap*/
left: 20px;
}

.pbtabstrip li a:visited{
color: #555;
}

.pbtabstrip li a:hover{
text-decoration: underline;
color:#000;
}

.pbtabstrip li.active a{ /*active tab style*/
color: black;
z-index: 100; /*higher z-index so active tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(righttabselected.gif) 100% 0 no-repeat;
cursor:default;
}

.pbtabstrip li.active a:hover{
text-decoration: none;
cursor:default;
}