/*
@import url(/css/properties/popupDialogTabs_properties.css);
*/
/* TABLE OF CONTENTS ----------------------------------------------------------
PAGE
- loader
- q-tip
- display view icons
- info panel
- network profile item footer
- network profile overview list
- network profile details
- network profile tiles
- network profile names list
- incomming-, outgoing requests

POPUPS
- profiles roles
...
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
**** PAGE ****
-----------------------------------------------------------------------------*/

/* LOADER
-----------------------------------------------------------------------------*/
.loadingImageContainer
{
	clear: left;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}

.loadingImage 
{
	margin-left: auto;
	margin-right: auto;
}
/* END LOADER
-----------------------------------------------------------------------------*/


/* Q-TIP
-----------------------------------------------------------------------------*/
.qtip-wrapper
{
	border: none 0px;
	background-color: #f7f5f2;
	background: none;
	width: auto !important;
}

/*---- systemlinks qtip */
.linkSystemContainerQtip
{
	float: left;
	white-space: nowrap;
}

.linkSystemContainerQtip .qtip-wrapper
{
	background: #F7F5F2;
}

.linkSystemContainerQtip, .linkSystemContainerQtip .qtip-wrapper, .qtip-content
{
	overflow: visible !important;
	white-space: nowrap;
}

.linkSystemContainerQtip a.linkSystemImg
{
	float: left;
	outline: none;
	margin-right: 5px;
}
/* END Q-TIP
-----------------------------------------------------------------------------*/


/* DISPLAY VIEW ICONS 
-----------------------------------------------------------------------------*/
.displayViewContainer
{
	position: relative;
	z-index: 1;
	float: right;
	margin-top: -18px;
}

.displayViewContainer a
{
	outline: none;
	margin-right: 3px;
}

.linkTiles 
{
	background: url(http://images.mindz.com/css/images/systemIcons/tiles_grey.png) no-repeat;
}

.linkTiles.selected
{
	background: url(http://images.mindz.com/css/images/systemIcons/tiles_blue.png) no-repeat;
}

.linkList
{
	background: url(http://images.mindz.com/css/images/systemIcons/list_grey.png) no-repeat;
}

.linkList.selected
{
	background: url(http://images.mindz.com/css/images/systemIcons/list_blue.png) no-repeat;
}

.linkDetails
{
	background: url(http://images.mindz.com/css/images/systemIcons/details_grey.png) no-repeat;
}

.linkDetails.selected
{
	background: url(http://images.mindz.com/css/images/systemIcons/details_blue.png) no-repeat;
}

.linkNames
{
	background: url(http://images.mindz.com/css/images/systemIcons/names_grey.png) no-repeat;
}

.linkNames.selected
{
	background: url(http://images.mindz.com/css/images/systemIcons/names_blue.png) no-repeat;
}
/* END DISPLAY VIEW ICONS 
-----------------------------------------------------------------------------*/


/* INFO PANEL
-----------------------------------------------------------------------------*/
.networkSearchContainer .infoPanel
{
	margin: 0 0 10px 0;
}
/* END INFO PANEL
-----------------------------------------------------------------------------*/


/* ITEM SEARCH RESULT LIST CONTAINER + NETWORK ITEM FOOTER
-----------------------------------------------------------------------------*/
/*---- search result list container */
.networkSearchResultList
{
	float: left;
	clear: left;
	width: 100%;
}

.networkSearchResultPaging
{
	clear: left;
}

/*---- item hover */
.profileListContainer:hover, .profileListContainer.hover
{
	background: white url(http://images.mindz.com/Images/gradient_witgrijs.gif) repeat-x scroll 50% 100%;
}
/* END ITEM SEARCH RESULT LIST CONTAINER + NETWORK ITEM FOOTER
-----------------------------------------------------------------------------*/


/* NETWORK PROFILE LIST
-----------------------------------------------------------------------------*/
.profileProfileListContainer
{
	overflow: hidden;
	float: left;
	margin: 0 10px 30px 0;
	width: 48%;
	height: 56px;
	line-height: normal;
}

.profileProfileListContainer:nth-child(odd)
{
	margin-right: 0px;
}

.profileProfileListContainer:nth-child(odd), .profileProfileListContainer:nth-child(even)
{
	width: 49%;
}

.profileProfileListContainer .imageMaskSmall
{
	margin-bottom: 5px;
}

.profileProfileListContainer h2.subHeaderItem
{
	float: none;
	clear: none;
	width: auto;
	color: #006CA8;
}

.profileProfileListContainer a.profileProfileNameLink
{
	text-decoration: none;
	color: #006CA8;
}

.profileListPayoffContainer, .profileListCompanyContainer
{
	margin-top: 3px;
	font-size: 11px;
}

.profileListPayoffContainer 
{
	margin-bottom: 3px;
	font-weight: normal;
}

.profileListCompanyContainer, .profileListCompanyContainer a
{
	color: #A6A098;
}
/* END NETWORK PROFILE LIST
-----------------------------------------------------------------------------*/


/* NETWORK PROFILE DETAILS
-----------------------------------------------------------------------------*/
.profileProfileDetailsContainer
{
	overflow: hidden;
	clear: left;
	margin-bottom: 30px;
}

.profileProfileDetailsContainer h2.subHeaderItem
{
	float: none;
	clear: none;
	width: auto;
}

.profileProfileDetailsContainer h2.subHeaderItem a
{
	color: #006CA8;
	text-decoration: none;
}

.profileProfileDetailsContainer .profileDetailPayoffContainer
{
	font-size: 11px;
	font-weight: bold;
}

.profileDetailCompanyContainer
{
	font-size: 11px;
	margin-bottom: 5px;
}

.profileProfileDescriptionContainer 
{
	margin-left: 109px;
}
/* END NETWORK PROFILE DETAILS
-----------------------------------------------------------------------------*/


/* NETWORK PROFILE TILES
-----------------------------------------------------------------------------*/
.profileProfileTilesContainer
{
	float: left;
	margin-bottom: 20px;
	padding-bottom: 3px;
	width: 127px;
}

.profileProfileTilesContainer .imageMaskMedium
{
	margin: 0 0 0 12px;
}

.profileProfileTilesContainer .profileProfileNameLabel
{
	display: block;
	clear: left;
	padding: 0 10px;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
}
/* END NETWORK PROFILE TILES
-----------------------------------------------------------------------------*/


/* NETWORK PROFILE NAMES LIST 
-----------------------------------------------------------------------------*/
.profileProfileNamesContainer
{
	float: left;
	width: 33.3%;
	margin: 2px 0;
}

.profileProfileNamesContainer a
{
	text-decoration: none;
}
/* END NETWORK PROFILE NAMES LIST 
-----------------------------------------------------------------------------*/


/* INCOMMING-, OUTGOING REQUESTS
-----------------------------------------------------------------------------*/
.networkProfileIncomingRequestsListContainer, .networkProfileOutgoingRequestsListContainer
{
	overflow: hidden;
	clear: left;
	margin-bottom: -10px;
}

.networkProfileIncomingRequestContainer, .networkProfileOutgoingRequestContainer
{
	overflow: hidden;
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 10px;
	width: 100%;
}

.networkProfileIncomingRequestDataContainer, .networkProfileOutgoingRequestDataContainer
{
	margin-left: 57px;
	margin-right: 21px;
}

.networkProfileIncomingRequestAcceptDenyContainer, .networkProfileOutgoingRequestDeleteContainer
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
}

.networkProfileIncomingRequestAcceptDenyContainer a, .networkProfileOutgoingRequestDeleteContainer a
{
	margin-top: 6px;
}
/* END INCOMMING-, OUTGOING REQUESTS
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
**** POPUPS ****
-----------------------------------------------------------------------------*/

/* PROFILES ROLES
-----------------------------------------------------------------------------*/
#ProfileRolesContainer .popupDialogExplanationContainer, #SingleProfileRolesContainer .popupDialogExplanationContainer
{
	float: left;
	margin-bottom: 5px;
	width: 100%;
	font-weight: bold;
}

#ProfileRolesContainer .contentContainerLargeXL, #SingleProfileRolesContainer .contentContainerLargeXL
{
	height: 452px;
}

/*---- stap 1 ----*/
#ProfileRolesContainer .selectProfilesTab
{
	position: relative;
	height: 350px;
}

#ProfileRolesContainer .selectProfilesPlazaMembersContainer, #ProfileRolesContainer .selectProfilesCircleMembersContainer, #ProfileRolesContainer .selectProfilesEventParticipantsContainer, #ProfileRolesContainer .selectProfilesGoogleContactsContainer, #ProfileRolesContainer .selectProfilesLinkedInContactsContainer
{
	height: 252px;
}

#ProfileRolesContainer .selectProfilesRightContainer
{
	float: left;
	width: auto;
}

#ProfileRolesContainer .selectProfilesSelectedProfilesContainer 
{
	width: 280px;
	height: 327px;
}

#profileRolesRoleGroupsContainer .ui-slider .ui-state-hover
{
	width: 13px;
	height: 13px;
	border: 1px solid #006ca8;
	background: #D9E9F2;
}

/*---- stap 2 ----*/
#profileRolesRoleGroupsContainer
{
	overflow: auto;
	position: relative;
	height: 410px;
}

/* item and roll names */
.profileRolesRolesContainer
{
	cursor: pointer;
	padding: 5px;
}

.profileRolesRolesContainer:hover
{
	background-color: #ddd;
}

.profileRolesItemsRows
{
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	border: 1px solid #C4BFB9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fdfdfd;
}

#profileRolesRoleGroupsContainer table
{
	width: auto;
}

#ProfileRolesContainer .itemRollNameCell, #SingleProfileRolesContainer .itemRollNameCell
{
	font-weight: bold;
	width: 305px;
}

.itemNameLabel
{
	float: left;
}

#ProfileRolesContainer .profileRolesRoleLabel, #SingleProfileRolesContainer .profileRolesRoleLabel
{
	float: right;
	margin-right: 20px;
	font-weight: bold;
	color: #006ca8;
}

/* sliders */
#profileRolesRoleGroupsContainer
{
	padding-top: 5px;
}

#profileRolesRoleGroupsContainer .ui-slider
{
	position: relative;
	width: 400px;
	height: 8px;
	background: #fff;
	border: 1px solid #C4BFB9;
}

#profileRolesRoleGroupsContainer .ui-corner-all
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#profileRolesRoleGroupsContainer .ui-slider-handle
{
	outline: none;
	position: absolute;
	top: -3px;
	margin-left: -7px;
	width: 15px;
	height: 15px;
	background: #006ca8;
}

#profileRolesRoleGroupsContainer .ui-slider .ui-state-hover
{
	width: 13px;
	height: 13px;
	border: 1px solid #006ca8;
	background: #D9E9F2;
}

/* rights overview */
.profileRolesRightsContainer
{
	padding: 0 5px 5px 5px;
}

.profileRolesRightsContainer tr
{
	border-top: 1px solid #FFF;
}

.profileRolesRightsContainer strong
{
	font-weight: normal;
}

.rightsLabelCell
{
	width: 303px;
}

#ProfileRolesContainer .true, #SingleProfileRolesContainer .true
{
	cursor: pointer;
	text-align: center;
	background: #D9E9F2;
}

#ProfileRolesContainer .false, #SingleProfileRolesContainer .false
{
	cursor: pointer;
	text-align: center;
	background: #F6F4F2;
}

#ProfileRolesContainer .true.selected, #SingleProfileRolesContainer .true.selected
{
	background: #006ca8;
}

#ProfileRolesContainer .false.selected, #SingleProfileRolesContainer .false.selected
{
	background: #A6A098;
}
/* END PROFILES ROLES
-----------------------------------------------------------------------------*/