#cards {
    clear:both;
}

#cards div.clear {
    clear:both;
    margin:0px;
    padding:0px;
}

.identityCard {
    margin:5px 5px 0px 0px;
	padding:5px;
	border:none;
	background-color:#eee;
    float:left;
    width:429px;
}

.identityCard h1 {
	font-weight: bold !important;
    font-size:12pt !important;
    margin:0px 0px 2px 0px !important;
    padding:0px !important;
}

.identityCard .tabs ul {
    width:100%;
    margin:0px;
    padding:0px;
    list-style-type:none;
    position:relative;
}

.identityCard .tabs ul li {
    float:left;
    margin:0px;
    margin-top:1px;
    margin-right:2px;
    padding:0px;
    border:1px solid #aaa;
    border-bottom:0px;
    background:#dddddd;
    position:relative;
    cursor:pointer;
}

.identityCard .tabs ul li a:link, .identityCard .tabs ul li a:visited, .identityCard .tabs ul li a:hover {
    display:block;
    text-decoration:none;
    color:#333;
    cursor:pointer;
    padding:2px 5px 1px 5px;
}

.identityCard .tabs ul li.selected {
    float:left;
    margin:0px;
    margin-right:2px;
    padding:0px;
    border:1px solid #aaa;
    border-bottom:0px;
    background:#fefefe;
    position:relative;
    top:1px;
    cursor:pointer;
}

.identityCard .tabs ul li.selected a:link, .identityCard .tabs ul li.selected a:visited, .identityCard .tabs ul li.selected a:hover {
    display:block;
    text-decoration:none;
    color:#333;
    cursor:pointer;
    padding:2px 5px 2px 5px;
}

.identityCard .tabs div.tabstrip {
    clear:left;
    margin:0px;
    padding:5px;
    display:none;
    background:#fefefe;
    border:1px solid #aaa;
    color:#000;
    min-height:260px;
}

/**
* Der IE < 6 don't know min-height, but this stupid browser
* ignore the height and maximize the div.
*/
* html .identityCard .tabs div.tabstrip {
    height:260px;
}

.identityCard .tabs div.tabstrip p {
    color:#000;
}

.identityCard div.tabstrip .photo {
    float:right;
    padding:0px;
    margin:0px 0px 2px 2px;
    position:relative; 
}

.identityCard div.tabstrip .photo img {
    padding:0px;
    margin:0px;
    position:relative;
}

.identityCard .tabs div.tabstrip dl {
    margin-bottom:3px;
}

.identityCard .tabs div.tabstrip dt {
    float:left;
    width:80px;
    font-weight:bold;
}

.identityCard .tabs div.tabstrip dd {
    margin-left:8em;
    padding:1px;
}

.pagination {
    clear:both;
    padding-top:10px;
    text-align:center;
    font-size:10pt;
}