﻿
/*###############################################################################################
GMAP layout 
##################################################################################################*/

#statusbar { position: absolute; bottom: 0; left: 10px; right: 10px;
	 height: 20px; font-size: 11px; padding: 3px 0 0 0;
	  margin: 2px 0 0 0; border-top: 1px solid rgb(204,204,204) }
#progressmeter { float:left; display: inline; border: 1px solid #888;
	 background: white url(../images/progressbg.gif); width: 150px; 
	 height: 8px; margin: 2px 10px 0 0; overflow: hidden; }
#progresschunk { background-color: #555; width: 10px;
	 height: 100%; display: none }
	#loadstatus{font-size: 11px; }

	#GMap
	{
	width:970px;
	background-color:#f8f8f8;
min-height:641px;
height:100%;
border: solid 1px #e5e5e5;
		margin-left:-5px;
		
		
			}
	
	
	#GMap #topRowGMap
{
		 border-bottom:solid 1px #e5e5e5;
		 padding:0 0px 0   0px;
		 height:38px;
		 	background-color:#f8f8f8;
	
}


#topRowGMap ul {
	margin:  0 0 0  0;
	padding: 0;
	font-size: 1.0em;
	float:right;
	width:100%;
	
}
#topRowGMap ul li {
	list-style: none;
	float: left;
	margin: 0  0px;
	text-align:center;
	min-width:55px;
	line-height: 38px;
}

#topRowGMap ul li a {
	color: #5c5c5c;
	text-decoration: none;
	display: block;
	line-height: 38px;
	font-weight: normal;
	min-width:55px;
	padding: 0  10px;
	background-color:#f8f8f8;
	 border-right:solid 1px #e5e5e5;
}

#topRowGMap ul li a:hover {
	background-color: #f1f1f1;

}

	#GMap #topRowGMapSecond
{
		 border-bottom:solid 1px #e5e5e5;
		 padding:0 0px 0   0px;
		 height:38px;
	background-color:#666699;
}

/*####  second row #######*/

#topRowGMapSecond ul {
	margin:  0 0 0  0;
	padding: 0;
	font-size: 1.0em;
	float:right;
	width:100%;
	
}
#topRowGMapSecond ul li {
	list-style: none;
	float: left;
	margin: 0  0px;
	text-align:center;
	min-width:55px;
	line-height: 38px;
}

#topRowGMapSecond ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 38px;
	font-weight: normal;
	min-width:55px;
	padding: 0  10px;
	background-color:#666699;
	 border-right:solid 1px #e5e5e5;
}

#topRowGMapSecond ul li a:hover {
	background-color: #dddddd;
}

/*#########################
side
####################*/


	#GMap #leftcolGMap {
	/*width: 400px;*/
	margin: 0px 0 0 0;
	width: 561px;
	float: left;
	background-color:#f8f8f8;
	position:relative;
		border-right: solid 1px #e5e5e5;

}

	#GMap #rightcolGMap {
	/*width: 550px;*/
	width: 405px;
	float: right;
	padding-top:10px;
	text-align:center;
	min-height:561px;
	text-decoration:none;
	background-color:#f8f8f8;
} 


	#GMap #rightcolGMap h3
	{
		display:block;
		width:405px;
		background-color:#e5f1fa;
		padding: 4px 0 4px 0;
		text-align:center;
				 border-top:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:-2px;
				 color:#2c2b2b;

	}
	
	
/*###############################################################################################
MAP 
##################################################################################################*/

#map
{
	border-style:solid;
	border-color:#e5e5e5;
	border-width:0px;
}


.infoHead
{
	font-weight:bold;
	font-size: 0.9em;
	color: #fff;
	padding: 4px;
	background-color: #CC365C;
	margin-bottom: 4px;
		margin-top:4px;

}


.infoLink a
{
	color: #A7D208;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top:5px;
	padding-bottom:1px;
	text-decoration:underline;
	margin-top:4px;
}

#GMapFooter
{
	clear:both;
}

div#GMapFooter div#left
{
	width:70%;
	font-size:x-small;
	color:#dddddd;
}

/*###############################################################################################
MAP SEARCH
##################################################################################################*/

#GMapInfoPanel
{
}



#divSearch
{
	 text-align:left;
	 border-bottom:solid 1px #e5e5e5;
	 width:400px;
	 padding:3px;
	 	height:550px;
	float:left;
	overflow-y: scroll;
	overflow-x: none;
}

#GMapInfoPanel #divSearch input
{
	margin-bottom:2px;
	padding-left:5px;
}

#GMapInfoPanel #divAdvanced
{

}


#GMapInfoPanel #searchResults
{
	text-align:left;
		width:390px;
float:left;

}



#searchResults ul
{
	margin-left:5px;
		width:390px;
}

#searchResults ul li {
	list-style-type:none;
	float: left;
	margin: 0  0px;
	text-align:left;
	line-height: 15px;
	width:390px;
	
}

 #searchResults ul li a  {
		display:block;
		width:390px;
		min-height:10px;
		text-decoration:none;
		border-top: solid 1px #ccc;
		padding: 4px 0 4px 0;
		vertical-align:middle;
		text-align:left;
}

 #searchResults ul li a:hover 
 {
	
background-color: #f1f1f1;
}


#searchResults .row
{
	line-height:21px;
	padding: 3px 5px 3px 5px;
	width:100%;
	float:left;
				border-top: solid 1px #ccc;
				border-bottom: solid 1px #ccc;

}

#searchResults .rowAlt
{
	background-color:White;
	float:left;
	clear:left;
	line-height:21px;
	padding: 3px 5px 3px 5px;
	border: solid 1px #ccc;
	width:100%;
}


#divSearching
{
	background-color:ButtonFace;
	padding:3px 0 3px 0;
}

#divFiltering
{
		background-color:ButtonHighlight;
	padding:3px 0 3px 0;
}

#divInfo
{
	width:405px;
	height:550px;
	float:left;
	overflow-y: scroll;
	overflow-x: none;
	text-align:left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;



}

/*###########################################################################################
advert control
#############################################################################################*/

.advetControlPremier
{
	width:405px;
	float:left;
}

.advetControlRotating
{
	width:405px;
	float:left;
	clear:left;
}


#SelectionboxPremiere a
{
		display:block;
	width:198px;
	min-height:170px;
	text-decoration:none;
		border: solid 1px #ccc;
		padding: 0 0 0 0;
		margin-left:-1px;
		vertical-align:middle;

}

#SelectionboxPremiere a:hover
{
background-color: #f1f1f1;
}

#Selectionbox a
{
	display:block;
	width:198px;
	min-height:110px;
	text-decoration:none;
		border: solid 1px #ccc;
		padding: 0px 0 0px 0;
		margin-left:-1px;

}

#Selectionbox a:hover
{
background-color: #f1f1f1;
}

.addMemberBtn
{
	float:right;
	position:absolute;
	margin-left:790px;
	margin-top:-45px;
}




.homeText
{
	color:Aqua;
	text-align:left;
}

/*###############################################################################################################
MEMBER DETAILS
##################################################################################################################*/

/*### -------------------------------------------------------------------------------------------###*/
/* member profile info */

.memberHeading
{
	font-weight:bold;
	font-size: 1.3em;
	color: #fff;
	padding: 4px;
	background-color: #CC365C;
	margin-bottom: 4px;
		margin-top:4px;
}

.spanDetails
{
width:95%;
padding-left:5px;
}

.memberDetail
{
width:95%;
display:block;
margin-left:8px;
line-height:19px;
}


/*##################################################################################################################
HELP
#################################################################################################################*/



.helpMe
{
	position:absolute;
	margin-left:335px;
	margin-top:-2px;
}



.helpMe a:hover .outerbubble .bubble, .helpMe a:hover .outerbubble{
/*LIVEdisplay:block;*/
display:none;
cursor:help;
text-decoration:none;
}




.outerbubble
{
	position:absolute;
display: none;
padding-left: 80px;
width: 140px;
padding-top: 60px;
height: 290px;
margin-left: -640px;
margin-top: -72px;
z-index: 131000;

}




.outerbubble .bubble{

display: none;
border:1px dashed #fff;
z-index: 9999999;
width: 540px;
padding: 3px;
background-color:#fff;
text-decoration: none;

}

.bubble h1{
font-size: 1.2em;
font-weight: bold;
background-color:#fff;
color:#fff;
text-align: center;
margin-top: 0px;
margin-bottom:2px;
}

.bubble p{
text-decoration: none;
margin-top: 10px;
margin-bottom: 10px;
}








/*############################################################
inline help
##############################################################*/


.info a:hover .outerbubbleI .bubbleI, .info a:hover .outerbubbleI{
display:block;
cursor:help;
text-decoration:none;
}



.outerbubbleI
{
	position:absolute;
display: none;
padding-left: 30px;
width: 100px;
padding-top: 20px;
height: 100px;
margin-left: -450px;
margin-top: -22px;
z-index:131;
text-decoration:none;
text-align:left;
}




.outerbubbleI .bubbleI{

display: none;
border:1px dashed #FAD666;
background-color:#fff;
	color: #2575CE;
width: 415px;
font-weight: bold;
padding: 3px 3px 3px 7px;
z-index:131;
text-decoration:none;
text-align:left;
}

.outerbubbleI .bubbleI a{

text-decoration:none;
}

.bubbleI h1{
font-size: 1.2em;
font-weight: bold;
background-color:#fff;
color:#fff;
text-align: center;
margin-top: 0px;
margin-bottom:2px;
}