/**
 * 
 * All content on this website (including text, images, source
 * code and any other original works), unless otherwise noted,
 * is licensed under a Creative Commons License.
 * 
 * http://creativecommons.org/licenses/by-nc-sa/2.5/
 * 
 * Copyright (C) Open-Xchange Inc., 2006-2011
 * Mail: info@open-xchange.com 
 * 
 * @author Suphi Basdemir <suphi.basdemir@open-xchange.com>
 * 
 */

#tablecontactscards 
{
	width:100%;
	border-collapse:collapse;
}

#tablecontactscards .cardDisplayName 
{
	width:100%;
	border-bottom:1px solid;
}
.cardDisplayName, .cardDisplayNameHi {
    position:relative;
    overflow:hidden;	
}
div.processDiv {
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:10;
	display:none;
}
div.processDivAnimation {
	width: 100%;
	height: 100%;
	position:absolute;
	z-index:11;
	display:none;
	background: center no-repeat;
}
.xScroller {
	overflow-x: auto;
	overflow-y: hidden;
}
.yScroller {
	overflow-x: hidden;
	overflow-y: auto;
}

.borderLineBottom
{
	border-bottom:1px solid;
}

#tablecontactscards .cardDisplayNameHi
{
	border-bottom:1px solid;
	width:100%;
}

#tablecontactscards .tdCards {
	width:25%;
	vertical-align:top;
	border-left: 1px solid;
}

.leftcarddiv {	
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}

.leftcarddivHeadline {
	-moz-user-select: none;
}

.rightcarddiv {	
    text-align:right;
    position:absolute;
    top:0;
    right:0;
    background-color:inherit;
}

.cardDivMain {
	border:solid 2px;
	overflow: hidden;
	white-space:nowrap;
	height: 7.6em;
	width: 98%;
	margin-top: 1px;
}

.cardDivMainHi
{
	border:solid 2px;
	overflow: hidden;
	white-space:nowrap;
	height: 7.6em;
	width: 98%;
	margin-top: 1px;
}

.hoverContactline {
	overflow: hidden;
	float: left;
	width:250px;
}

.hoverContactlineSmallImage {
	overflow: hidden;
	float: left;
	width:280px;
}

.hoverContactline2 {
	overflow: hidden;
	float: left;
	width:330px;
	padding-left: 7px;
}
.cardHoverImg {
	padding-right:3px;
	padding-top:2px;
	padding-bottom:2px;
	float: left;
}
.cardHoverIcon {
	padding-right:3px;
	float: left;
	padding-left: 7px;
}

.cardHoverLabel {
	padding-right:3px;
	float: left;
	padding-left: 7px;
	overflow:hidden;
	height: 1.6em;
	width: 140px;
}
.cardHoverIconRight {
	padding-right:2px;
	float: right;
	padding-left: 2px;
}

.contactMapsDiv
{
	width: 35em;
	height:20em;
	margin: 10px;
	top:8em;
	left:11em;
}
#contactPreviewMapDiv .inputFields {
	overflow: auto;
}

#contactPreviewMapDiv  .columnLeft {
	width:40%;
	float:left;
	padding:5px;
}
#contactPreviewMapDiv  .columnRight {
	width:40%;
	float:right;
	padding:5px;
}

#contactPreviewMapDiv input {
	margin: 5px 5px 5px 0px;
}

img.mapLinkActive
{
	cursor:pointer;
}

img.mapLinkNoActive
{
	cursor:default;
}

#tablecontactscards .cardAddress 
{
	width:100%;
	padding-left:5px;
	overflow: hidden;
	white-space:nowrap;
	-moz-user-select: none;
}

.cardHeaderIcons
{
	padding-right: 2px;
}

.cardHeaderContactTypeIcons {
	padding-top: 0px;
}

.div_letter_select
{	
	overflow:hidden;
	text-align:center;
}

.div_letter_single
{	
	overflow:hidden;
	text-align:center;
	padding: 1px 2px 1px 2px;
	line-height:8pt;
	cursor:pointer;
}

div.letterSelected
{
	overflow:hidden;
	text-align:center;
	padding: 1px 2px 1px 2px;
	line-height:8pt;
	cursor:pointer;
	border-bottom:1px solid;
	border-top:1px solid;
}


.contacts_list {
	overflow: hidden;
}
#contactTabContainer
{
	padding: 0px 1px;
	margin: 0px;
}

.contactDummyImage
{
	border: 1px solid; 
	margin: 0 0 0 0.4em; 
	position: absolute;
	z-index: 100;
}

.contactDummyImage img
{
	display: block;
	width: 6.3em;
	height: 6.3em;
	margin: 0;
}