﻿
#ja-header
{
	background-color:White;
}


 .logo
 {
margin-top:5px;
min-height:172px;
text-align:center;
margin-left:auto;

 }
h2
{
	font-size:medium;
}

h7
{
	color:Maroon;
	font-size:large;
}

.bubbleCluster
{
	margin-bottom:15px;
}


.bubbleImage
{
	position:absolute;
	margin-top:-8px;
}

.bubbleClusterName
{
	margin-left:23px;
	position:absolute;
	font-weight:bold;
}


/*###############################################################################################
GMAP layout 
##################################################################################################*/

#statusbar { position: absolute; bottom: 0; left: 10px; right: 10px;
	 height: 20px; font-size: 11px; padding: 3px 0 0 0; color:Red; font-weight:bold;
	  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) no-repeat; width: 150px; 
	 height: 18px; margin: 2px 10px 0 0; overflow: hidden; }
#progresschunk { background-color: #555; width: 10px;
	 height: 100%; display: none }
	#loadstatus{font-size: 21px;color:Red; font-weight:bold; }


#mapHolder
{
	background-color:Lime;
}

	#GMap
	{
	width:961px;
	background-color:#fff;
min-height:622px;
height:100%;
border: solid 0px #e5e5e5;
		margin-left:-18px;
		margin-top:-23px;
		 border-top:solid 0px #fff;
		
			}
	
	
	#GMap #topRowGMap
{
		 border-bottom:solid 1px #e5e5e5;
		 padding:0 0px 0   0px;
		 height:38px;
		 	background-color:#f8f8f8;
		 	 border-top:solid 1px #e5e5e5;
	
}


#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:#696799;
}

/*####  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;
	 	  background: url("../images/arrow.png") no-repeat scroll  10px  16px transparent;
	  	padding-left:25px;
	padding-right:17px;
}

#topRowGMapSecond ul li a:hover {
	background-color: #dddddd;
	color:#676767;
}

/*#########################
side
####################*/


	#GMap #leftcolGMap {
	/*width: 400px;*/
	margin: 0px 0 0 0;
	width: 561px;
	float: left;
	background-color:#fff;
	position:relative;
		border-right: solid 0px #e5e5e5;
		min-height:581px;

}

	#GMap #rightcolGMap {
	/*width: 550px;*/
	width: 396px;
	float: right;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	
} 


	#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;

	}
	
		#GMap #rightcolGMap h6
	{
		display:block;
		width:350px;
		background-color:#A6C0DB;
		padding:  12px  0 1px 10px;
		text-align:left;
				 border-top:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:30px;
				 margin-top:15px;
				 color:#2c2b2b;
				 height:14px;
				 font-weight:bold;

	}
	
	
	
/*###############################################################################################
MAP 
##################################################################################################*/

#map
{
	border-style:solid;
	border-color:#e5e5e5;
	border-width:0px;
	margin-top: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;
		background-color: #CC365C;
				 border-bottom:solid 1px #e5e5e5;
		 padding:0 0px 0   0px;
		 height:38px;
	background-color:#696799;
	width:962px;
		margin-left:-19px;
}


#GMapFooter ul {
	margin:  0 0 0  0;
	padding: 0;
	font-size: 1.0em;
	float:right;
	width:100%;
	
}
#GMapFooter ul li {
	list-style: none;
	float: left;
	margin: 0  0px;
	text-align:center;
	min-width:55px;
	line-height: 38px;
}

#GMapFooter 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;
	  background: url("../images/arrow.png") no-repeat scroll  10px  16px transparent;
	  	padding-left:25px;
	padding-right:17px;
}

#GMapFooter ul li a:hover {
	background-color: #dddddd;
	color:#676767;
}




div#GMapFooter div#left
{
	width:50%;
	font-size:x-small;
	color:#dddddd;
}

div#right
{
	display:none;
}


.updateInfo
{
	font-size:x-small;
	color:#dddddd;
	margin-top:10px;
}


/*###############################################################################################
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;
			border:0px dashed #000066;
	background-color:#f8f8f8;

}

#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:395px;
	height:550px;
	float:left;
	overflow-y: scroll;
	overflow-x: none;
	text-align:left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border:0px dashed #000066;
		background-color:#f8f8f8;
		min-height:578px;
}

#GMap #rightcolGMap #divInfo h3 
{
	width:377px;
	margin-left:0px;
	margin-bottom:3px;
}

/*###############################################################################################################
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:94%;
display:block;
margin-left:8px;
line-height:19px;
margin-top:10px;
}


.memberType
{
	position:relative;
	margin-left:215px;
	text-align:center;
	margin-top:-40px;
	color:Blue;
	
}

/*###############################################################################################
close buttons
##################################################################################################*/

#closeTop
{
	margin-left:290px;
	cursor:pointer;
	margin-top:3px;
}

#closeBottom
{
	margin-left:290px;
	position:relative;
	cursor:pointer;
}

/*###########################################################################################
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;
}




/*##################################################################################################################
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:none;
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;
}


/*############################################################
pin help
##############################################################*/


.info a:hover .outerbubblePin .bubblePin, .info a:hover .outerbubblePin{
display:block;
cursor:help;
text-decoration:none;
}



.outerbubblePin
{
	position:absolute;
display: none;
padding-left: 30px;
width: 100px;
padding-top: 20px;
height: 100px;
margin-left: -200px;
margin-top: -322px;
z-index:131;
text-decoration:none;
text-align:left;
}




.outerbubblePin .bubblePin{

display: none;
border:1px dashed #000066;
background-color:#fff;
	color: #2575CE;
width: 415px;
font-weight: bold;
padding: 3px 3px 3px 7px;
z-index:131;
text-decoration:none;
text-align:left;
}

.outerbubblePin .bubblePin a{

text-decoration:none;
}

.bubblePin h1{
font-size: 1.2em;
font-weight: bold;
background-color:#fff;
color:#fff;
text-align: center;
margin-top: 0px;
margin-bottom:2px;
}





.memberViewFull
{
	color:Green;
	font-weight:bold;
	font-size:larger;
}

.viewType
{
	position:relative;
		margin-left:255px;
			margin-top:-120px;
}



/*########################################################################################
Right Hand Side filters
#######################################################################################*/

/*	#GMap #rightcolGMap #filterLists {
	
	width: 97%;
	margin-left:10px;
	margin-bottom:20px;
	background-color:White;

} 
	
	#filterLists h3 {
						background-image:url('../images/info.png');
			background-repeat:no-repeat;
			background-position: 368px center;*/
	}

/*
#filterLists ul {
	margin:  0 0 0  0;
	padding: 0;
	font-size: 1.0em;
	width:100%;
		background-color:White;

	
}

#filterLists ul li {
	list-style: none;
	margin: 0  0px;
	text-align:center;
	min-width:55px;
	line-height: 38px;
		background-color:White;
}


#filterLists ul li a {
	color: #5c5c5c;
	text-decoration: none;
	display: block;
	line-height: 38px;
	font-weight: normal;
	min-width:55px;
	padding: 0  10px;
	background-color:white;
	 border-right:solid 0px #e5e5e5;
	 text-align:right;
	 padding-right:15px;
}

#filterLists ul li a:hover {
	background-color: #f1f1f1;

}

#filterLists select
{
	margin-right:35px;
}
*/
#filterLists table {

margin-left:22px;
margin-bottom:5px;
margin-top:10px;
}

#filterLists table img {

padding-right:8px;
}


#filterLists table a:hover{
	cursor:pointer;
}

/*########################################################################################
Right Hand Side Chicklets
#######################################################################################*/
	#GMap #rightcolGMap #divChicklets {
	/*width: 550px;*/
	width: 97%;
	margin-left:10px;
	background-color:#fff;
	text-align:center;
		margin-top:5px;

} 

#divChicklets table {

margin-left:30px;
width:90%;
}

#divChicklets a:hover{
	cursor:pointer;
}


	#GMap #rightcolGMap #divChicklets h2
	{
		display:block;
		width:390px;
		background-color:#e5f1fa;
		padding:   4px 0 4px 0;
		text-align:center;
				 border-top:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:-12px;
				 color:#2c2b2b;
				 font-weight:bold;
			font-size: 100%;
			cursor:pointer;
	}
	
  #divChicklets  H2.drawer-handle {
					background-image:url('../images/arrowRight.png');
			background-repeat:no-repeat;
			background-position: 360px center;

	}
	
	    #divChicklets   H2.drawer-handle.open {
			background-image:url('../images/arrowDown.png');
			background-repeat:no-repeat;
			background-position: 358px center;
	}

#divChicklets ul 
{
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	
	
}
#divChicklets ul li {
    background:none;
    	margin-top:-10px;
	margin-bottom:0px;
	padding:5px;
		line-height: 0%;

}

#divChicklets li a {
}

#divChicklets li a:hover {


}

#divChicklets li ul 
{
	padding-bottom:0px;
	padding-top:7px;
}

/*###############################################################################################
static buttons
##################################################################################################*/   
#divStatic
	{
			width: 95%;
	margin-bottom:20px;
	background-color:White;
	margin-top:-20px;
	padding-bottom:10px;
	margin-left:15px;
	vertical-align:text-top;
	
}

#divStatic h4
	{
		display:block;
		width:390px;
		background-color:#e5f1fa;
		padding:   4px 0 4px 0;
		text-align:center;
				 border-top:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:-12px;
				 color:#2c2b2b;
				 font-weight:bold;
			font-size: 100%;
			margin-left:-6px;
						/*background-image:url('../images/info.png');
			background-repeat:no-repeat;
			background-position: 358px center;*/
}

#divStatic img
{
	padding-left:15px;
	padding-right:5px;
}


.info a:hover .outerbubbleAbout .bubbleabout, .info a:hover .outerbubbleAbout{
display:block;
cursor:help;
text-decoration:none;
}



.outerbubbleAbout
{
	position:absolute;
display: none;
padding-left: 30px;
width: 100px;
padding-top: 20px;
height: 100px;
margin-left: -580px;
margin-top: -520px;
z-index:131;
text-decoration:none;
text-align:left;
}




.outerbubbleAbout .bubbleabout{

display: none;
border:1px dashed #000066;
background-color:#fff;
	color: #2575CE;
width: 582px;
font-weight: bold;
padding: 3px 1px 3px  1px;
z-index:131;
text-decoration:none;
text-align:left;


}

.outerbubbleAbout .bubbleabout a{

text-decoration:none;
}



/*###############################################################################################
dn only text
##################################################################################################*/

#divDnOnly
{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	border:1px dashed #000066;
	background-color:#cccccc;
	margin:25px 10px 0 10px;

}

/*#########################################################################################
redux right hand side
##########################################################################################*/
#GMap #rightcolGMap #divLocation{
		display:block;
		width:394px;
		background-color:#A6C0DB;
		padding:   4px 0    20px 0;
		text-align:center;
				 border:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:0px;
				 color:#2c2b2b;
				 font-weight:bold;
			font-size: 100%;
			cursor:pointer;
	}
	
	
	#GMap #rightcolGMap #divLocation select{
margin-left:20px;
}
	
#GMap #rightcolGMap #divChicklets{
		
		width:394px;
		background-color:#F2F2F2;
		padding:   4px 0   0px 0;
		text-align:center;
				 border:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:0px;
				 color:#2c2b2b;
				 font-weight:bold;
			font-size: 100%;

	}	
	
	
#GMap #rightcolGMap #divChicklets td
	{
		padding-bottom:10px;
	}
	
	

#GMap #rightcolGMap  #filterLists{
		display:block;
		width:394px;
		background-color:#C9DFB0;
		text-align:center;
				 border:solid 1px #e5e5e5;
				 border-bottom:solid 1px #e5e5e5;
				 margin-left:0px;
				 color:#2c2b2b;
				 font-weight:bold;
			font-size: 100%;
			cursor:pointer;
		 margin-top:4px;

		 	/*	padding:   12px  0   6px 0;*/
			
	}

#filterLists ul 
{
	margin-bottom:0px;
	background-color:#C9DFB0;
	margin-top:0px;
	
}
#filterLists ul li {
    background:none;
	margin-bottom:0px;
	padding-top:0px;
		padding-bottom:0px;
		line-height: 0%;
		background-color:#C9DFB0;

}

#filterLists li a 
{
	background-color:#C9DFB0;
}

#filterLists li a:hover {
background-color:#C9DFB0;

}

#filterLists table
{
	margin-left:50px;
			 margin-bottom:8px;
			 margin-top:18px;
}

#GMap #rightcolGMap #filterLists td
	{
		padding-bottom:10px;
	}
	
	#GMap #rightcolGMap  #filterLists p 
	{
		line-height:20px;
		text-align:left;
		font-weight:normal;
		padding-top:10px;
	}
	
	#GMap #rightcolGMap  #filterLists p ul li
	{
		line-height:20px;
		text-align:left;
	}

.social 
{
	position:absolute;
	margin-left:1005px;
	margin-top:130px;
	z-index:999;
}


.gitglogo 
{
	position:absolute;
	margin-left:850px;
	margin-top:212px;
	z-index:999;
}

.popup_block p 
{
	line-height:12px;
	text-align:left;
}

.popup_block h2
{
				 font-weight:bold;
			font-size: large;
			background-color:#fff;
}
