.friendOutPanel {
/*	min-width:375px;
	min-height:175px; */
}

.userOutPanel {
	min-width:375px;
	min-height:175px;
}
.userInPanel {
	padding-right:5px;
}

.tipOutPanel {
	min-width:550px;
	min-height:230px;
}
.tipOutPanelMin {
	width:500px;
/*	height:150px; */
	min-width:500px !important;
	min-height:175px !important;
}
.tipInPanel {
	min-width:490px;
}

.userOutPanel, .tipOutPanel {
	float:left;
}
.userInPanel, .tipInPanel {
	border:1px solid gray;
	border-radius:5px;
	margin:5px;

	background-color:rgba(232, 232, 232, 1);
}
.userInPanel:hover, .tipInPanel:hover {
	box-shadow: 0 0 15px #777;
}

/**********************************************/

.friendshipLabel{
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	color: #777777;
}

.userVerticalSep {
	height:15px;
}

.contactControlPanel {
}

.friendshipBtnPanel {
	margin-right:10px;
}
.friendshipResult {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	color:white;
	
	font-size:2.2em;
	font-wheight:bolder;
	
	padding:5px 10px 5px 10px;
	margin-left:7px;
}

/*****************************************************************/

.formLabel {
	font-weight:bold;
}

.createAccountLink, .changePasswordLink, .applicationLink {
	text-align:right;
}

/***********************************************************/
/* @deprecated */
.countLabel {
	font-size:16px;
	font-weight:bold;
}

.userName, .tipName {
	font-size:24px;
	color:#3581d0;
}

.userLogin {
	font-size:14px;
	font-weight:bold;
}

.userDate, .userLastUpdated, .userUpdater {
	font-size:10px;
}

/**********************************************/

.itemMalformed {
	background-color:Red;
}
.itemDeleted {
	background-color:DarkGray;
}

/**********************************************/
.userListTitle {
	position:absolute;
/*	border:thin solid lightgray; */
	border-radius:2px;
	background-color:#282828;
	padding-top:5px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	z-index: 9;
}
.userListName {
	color:white;
}
.userListThumb {
	width:20px;
	height:20px;
	margin:0;
	margin-right:3px;
}
/**********************************************/
.tipsControlPanel {
	padding-left:5px;
	padding-right:5px;
}

.tipInPanelH {
	width:100%;
}
.tipSumDescPanel {
	width:100%;
/*	max-width:375px; */
}
.tipSumTitlePanel {
	padding-top:5px;
	padding-right:5px;
	width:100%;
}

.tipSumScope {
}
.tipSumCategory {
	width:32px;
	height:32px;
}
.tipSumScopeDefault {
	color:#ffffff;
	line-height:1.2em;
	font-size:0.7em;
}
.tipSumScopeSelected {
	color:#333333 !important;
	font-weight:bold;
}
.tipSumVibes {
	margin-top:-5px;
	color:#3581d0;
	font-size:1.2em;
/*	font-weight:bold; */
	white-space: nowrap;
}
.tipSumRating {
	width:100px;
/*	display:inline !important; */
}
.tipSumName {
	margin-top:-3px;
	color:#3581d0;
	font-size:1.7em;
}
.tipSumAddress {
	font-size:1.1em;
	font-style:italic;
}
.tipSumGpsCoord {
	display:inline;
}
.tipSumComment {
	padding-left:5px; padding-right:5px;
	max-height:35px;
	font-weight:bold;
}

.txtEllipsisM {
	max-width:490px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.txtEllipsisMinM {
	max-width:468px !important;
}
.txtEllipsisS {
	max-width:370px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.txtEllipsisMinS {
	max-width:348px !important;
}

.separator {
	color:Gray;
	margin-left:5px;
	margin-right:5px;
}

.tipSumAudit {
	width:100%;
}
.tipSumAuditPanel {
	padding-left:5px; padding-right:5px;
	color:#7d7d7d;
	font-size:0.75em;
	white-space: nowrap;
}
.tipSumAuditPanel .gwt-HTML {
	display:inline !important;
}
.tipSumDate, .tipSumUpdated {
	padding-left:5px; padding-right:5px;
	font-size:0.75em;
}
.tipSumEvent {
	background-color:#3581d0;
	color:White;
	font-size:1em;
	text-align:center;
}

.controlTabPanel {
	float: left;
}
/* override TabPanel style */
.controlTabPanel .gwt-TabBar {
	background:none !important;
	border-bottom:1px solid #cccccc;
}
.controlTabPanel .gwt-TabBarRest-wrapper {
	vertical-align:middle !important;
}
.controlTabPanel .gwt-TabBarRest {
	margin-left:10px;
	font-size:1.1em;
	font-weight:bold;
}

.controlPanel {
	margin-right:3px;
}

.selectedFiltersPanel {
	border:0px solid pink;
	margin-top:2px;
/*	background-color:rgba(255, 255, 255, 0.75); */
}
.selectedFilter {
	display:inline-block;
	border:1px solid #3581d0;
	border-radius:9px;
	background-color:#a9c9eb;
	background-color:rgba(169, 201, 235, 0.75);
/*	float:left; */
	margin-top:1px;
	margin-right:5px;
	padding-left:2px;
	padding-right:2px;
}
.removeFilter, .closeDialogBtn {
	display:inline-block;
	background: transparent url('/img/close.png');
	background-repeat:no-repeat;
	background-position:center;
	margin-left:5px;
	margin-right:1px;
	width:9px;
	height:9px;
}
.closeDialogBtn {
	display:block;
	float:right;
	margin-right:-5px;
	height:18px;
}
/*** TODO ***/

.filterSep {
	height:2px;
}
.filterPanel {
	background:#a9c9eb;
}

.detachedfilterPanel {
	position:fixed;
	right:0px; bottom:0px;
/*	width:0%; height:100%; */
	overflow:visible;
/*	z-index:10;
	display:none; */
}

.sortPanel {
	background:#3581d0;
	border-radius:3px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
}
.sortButton {
	background:#3581d0;
	border-radius:3px;
	cursor:pointer;cursor:hand;
	margin:0px;
}
.sortActiveButton {
	background:White;
	border-radius:3px;
	opacity:1;
	cursor:pointer;cursor:hand;
	margin:0px;
}
.sortListButton {
	background:#3581d0;
	border-radius:3px;
	margin:0px;
}

.headerLabel {
	color:Gray;
	font-size:12px;
	font-weight:bold;
}
.headerLabel::after {
	content: ":";
}

.submitButton {
	margin:15px;
}

.dialogCentered {
	width:100%;
	margin-top:10px;
	text-align:center;
}

/************************************************************************************/
#map-canvas {
	border:1px solid #cccccc;
/*
	width:750px;
	height:450px;
*/
	width:50%;
	height:67%;
}

.myLocation {
	position:fixed;
	width:32px;
	height:32px;
	
	background-image:url('/img/my_location.png');
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
	background-color:rgba(232, 232, 232, 0.75);
	
	border:thin solid #CCCCCC;
/*	border:1px solid rgba(232, 232, 232, 1); */
	border-radius:2px;
		
	left:30px;
	bottom:35px;
}

.mapContent {
	border:0px solid violet;
	
	position:absolute;
	left:0px;
	top:0px;

	width:100%;
	height:100%;
}

.loadingDataPanel {
	border:0px solid deeppink;
	border-radius:5px;
	
	padding:5px;
	padding-left:10px;
	padding-right:10px;
/*	
	background-color:rgba(232, 232, 232, 0.85);
	background-color:rgba(255, 255, 255, 0.85);
*/
	background-color:white;
	font-size:2em;
}

/*****************************************************************/
.controlOptionLinks {
	width:100%;
	padding-left:5px;
	padding-right:5px;
}
.controlOption {
	color:#3581d0;
	text-transform:lowercase;
	text-decoration:underline;
}

.contentScrollPanel {
	border:0px solid lightgreen;
	
	/* fixed position */
	top:112px;
    bottom:0;
/*    position:fixed; */
    overflow-y:scroll;
    overflow-x:hidden;
    
/*	width:100%; */
}

/************************************************************************************/
.tipsContentPanel {
	border:0px solid Blue;
	position:fixed;
	right:0px; top:50px;
	width:0%; height:100%;
	overflow:hidden;
	
	padding-top:5px;

	background-color:rgba(232, 232, 232, 0.85);

	font-size: 1.2em;
	font-family: sans-serif;
/*	font-weight: bold; */
	white-space:nowrap;
}

.tipInfoPanel {
}
.tipInfoThumb {
	width:70px;
	height:70px;
	margin: 5px;
}
.tipInfoTitle {
	color:#3581d0;
	font-size: 1.3em;
	font-weight:bold;
	white-space: nowrap;
}
.tipInfoComment {
	font-weight:bold;
}
.tipInfoAddress {
	font-style: italic;
}

/*****************************************************************/
.tipPanel {
/*	background:none !important; */
	background-color:#242424 !important;
	color:#ffffff;
	max-width:50%;
}
.tipPanelThumb {
	width:150px;
	height:150px;
	margin: 5px;
}
.tipPanelInfoH {
	padding-top:3px;
	width:100%;
}
.tipPanelCategory {
	width:48px;
	height:48px;
}
.tipPanelScopeDefault {
	color:#333333;
	font-size:0.9em;
}
.tipPanelScopeSelected {
	color:#ffffff !important;
}
.tipPanelDistance {
	width:100%;
	color:#7d7d7d;
}
.tipPanelVibes {
	margin-top:-5px;
	color:#3581d0;
	font-size:1.2em;
	white-space: nowrap;
}
.tipPanelRating {
	width:100px;
}
.tipPanelName {
	color:#3581d0;
	font-size:2em;
	font-weight:bold;
}
.tipPanelAddress {
	font-style: italic;
	font-size:1.2em;
}
.tipPanelComment {
	margin-top:-5px;
	font-size:1.2em;
}
.tipAuditPanel {
	width:100%;
	color:#7d7d7d;
	white-space: nowrap;
}

.tipAuditDate {
	font-weight:bold;
}
.tipAuditUser {
	color:#3581d0;
}
.tipPanelEvent {
	background-color:#3581d0;
	text-align: center;
	color:White;
	font-size:1.1em;
}

.commentUser {
	color:#3581d0;
	white-space: nowrap;
	font-weight:bold;
}
.commentTxt {
	margin-top:-10px;
	font-size:1.2em;
}
.commentDeletedTxt {
	text-decoration:line-through;
}
.commentAuditPanel {
	color:#7d7d7d;
	white-space: nowrap;
}

.sepH {
	width:100%;
	border-top:1px solid #333333;
}

/*****************************************************************/
.dialogVPanel, .dialogHPanel {
	border:0px solid yellow;
}
.contactsPanel {
	border:0px solid blue;
	border-right:1px solid #9A9A9A;
	padding-right:5px;
}
.entityControlPanel {
	background:#3581d0;
	border-radius:1px;
	width:100%;
}
.tipsContentPanel .entityControlPanel {
	margin-right:5px;
}

.sortNbItems {
	margin-top:3px;
	width:32px; height:32px;
	background-image: url('/img/sort_nb.png');
	background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
	margin-left:5px;

	line-height:28px;
	color:#3581d0;
	font-weight:bold;
	text-align: center;
	font-size:0.8em;
}
.sortLabel {
	margin-left:5px;
	color:#a9c9eb;
	font-weight:bold;
}
.searchPanel {
	border:0px solid green;
	paggind-left:5px
}
.contactThumb {
	width:66px;
	height:66px;
	margin:0;
}
.searchContactThumb {
	width:36px;
	height:36px;
	margin:0;
}
.contactName {
	color:#3581d0;
	font-weight:bold;
	font-size:1.2em;
}
.contactAccepted {
	background:url('/img/star_blue.png') right center no-repeat;
}
.contactLogin {
	color:lightGray;
}
.contactEmail {
/*	font-weight:bold; */
}
.contactAuditPanel {
	margin-top:5px;
	color:#7d7d7d;
	white-space: nowrap;
}
.contactAudit {
	font-size:0.75em;
}
.contactAuditDate {
	font-weight:bold;
}
.contactAuditFriends  {
	border:0px solid violet;
	text-decoration: underline;
}
.contactScrollPanel {
	overflow-y: scroll;
}
.contactFlexTable {
/*	border:thin solid orange; */
	border-collapse: collapse;
	white-space: nowrap;
	padding-right:15px;
}
.contactFlexTableRow {
	border-bottom:thin solid #EEEEEE;
}
.contactPanel {
	border:0px solid green;
}
.contactThumbPanel {
	border:0px solid blue;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
}
.contactInfoPanel {
	border:0px solid orange;
	width:100%;
}
.contactActionPanel {
	border:0px solid red;
}

.pendingButton {
	
}
.acceptButton {
	
}
.declineButton {
	margin-top:3px;
}
.buttonsPanel {
	width:100%;
	margin-top:3px;
}
/*****************************************************************/