#content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
}

#containerLocator {
	width: 100%;	
	overflow: hidden;
	height: 100%;
}

#panelLocatorUserList {
	padding: 5px 5px 5px 10px;
}

#panelLocatorUserList #blockNoUsers, #panelLocatorUserList #blockDemo {
	padding: 5px 5px 5px 10px;
	border: solid 1px #f6ba89;
}

#panelLocatorUserList #blockShowOwnLocation {
	padding: 3px 3px 3px 3px;	
}

#panelLocatorUserList #blockShowOwnLocation label {
	vertical-align: 3px;
}


#panelLocatorUserList .blockListSelected {
	
}

#panelLocatorUserList .blockListSelected .title {
	background-color: #f6ba89;
}

.arrowBlockClose {
	width: 9px;
	height: 9px;
	background-image: url(/img/bg-block-arrow.png);
	float: left;
	margin: 3px 5px 2px 5px;
	background-position: 0 0;
}

.arrowBlockOpen {
	width: 9px;
	height: 9px;
	background-image: url(/img/bg-block-arrow.png);
	float: left;
	margin: 3px 5px 2px 5px;
	background-position: -9px 0;
}


#panelLocatorUserList .blockListSelected .title a {
	color: #fff;
	text-decoration: none;
}

#panelLocatorUserList .blockListSelected .listSelectedUsers {
	background-color: #f6f6f6;
}


#panelLocatorUserList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.itemUser {
	padding: 3px;
	margin: 0 0 5px 0;
}

.itemUser:hover {
	background-color: #e2fbe2;
}

a.userNameLink {
	text-decoration: none;
}

.userName {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

.timeLastPoint {
	display: block;
	color: #999999;
}

.coordinates {
	color: #999999;
}

.address {
	
}

.popupUserMarker {
	height: 90px;
	width: 200px;
}

/* Image checkboxes */
.chk-star {
	display: inline;
	font-size: 16px;
	line-height: 16px;
	cursor: pointer;
}

.chk-star .mark {
        display: inline;
}

.chk-star img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
}

.chk-star img{
        background: transparent url("/img/icons/chk_star.png") no-repeat;
}
.chk-star img{
	background-position: 0px 0px;
}
.chk-star-hover img{
	background-position: 0px -16px;
}
.chk-star-checked img{
	background-position: 0px -32px;
}
.chk-star-checked .chk-star-hover img {
	background-position: 0px -48px;
}
.chk-star-disabled img{
	background-position: 0px -64px;
}
.chk-star-checked .chk-star-disabled img{
	background-position: 0px -80px;
}

.chk-eye {
        display: inline;
        font-size: 16px;
        line-height: 16px;
        cursor: pointer;
        cursor: hand;
}

.chk-eye .mark {
        display: inline;
}

.chk-eye img {
        vertical-align: middle;
        width: 16px;
        height: 16px;
}

.chk-eye img{background: transparent url("/img/icons/chk_eye.png") no-repeat;}

.chk-eye img{
	background-position: 0px 0px;
}
.chk-eye-hover img{
	background-position: 0px -16px;
}
.chk-eye-checked img{
	background-position: 0px -32px;
}
.chk-eye-checked .chk-eye-hover img {
	background-position: 0px -48px;
}

.chk-eye-disabled img{
	background-position: 0px -64px;
}
.chk-eye-checked .chk-eye-disabled img{
	background-position: 0px -80px;
}

div.iconRemove {
        width: 16px;
        height: 16px;
        background-image: url(/img/icons/delete.png);
        display: inline-block;
        vertical-align: middle;
}

#locatorMapPanel {
	float: left;	
	width: 80%;
	height: 600px;
}

#userLocationMap {
	width: 100%;
	height: 100%;
}

.googleCustomButtonContainer {
	border: 1px solid black; 
	position: absolute; 
	background-color: white; 
	text-align: center;
	width: 185px; 
	cursor: pointer; 
}

.googleCustomButton {
	border-style: solid; 
	border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; 
	border-width: 1px; 
	font-size: 12px;
	width: 100%;
}


