/*-----------------------------------------------------------------------------
	Development details side pane
-----------------------------------------------------------------------------*/

#SecondaryContentPane fieldset.personal-details { /* Arrange a call back form */
	position:relative;
		overflow:hidden; /* IE6 */
	width:270px;
	border:none;
	}
	#SecondaryContentPane #newsletters{
		margin:-46px 0 0;
		background: transparent url(/images/branding/sideBarBg.png) no-repeat left bottom;
		width:269px;
		padding-bottom:19px;
	}
	body.investors #SecondaryContentPane #newsletters{
		padding-bottom:62px;
		margin-top: 0;
	}
	#SecondaryContentPane fieldset.personal-details legend {
		width:100%;
		}
		#SecondaryContentPane fieldset.personal-details legend span {
			line-height:2.2em;
			text-indent:20px;
			font-size:1.4em;
			font-weight:bold;
			color:#fff;
			background:#10365a;
			}
    		#SecondaryContentPane fieldset.personal-details legend span {
    			position:absolute;
    			top:0;
    			left:0;
    			width:100%;
    		    }
		#SecondaryContentPane #newsletters #personal-details legend span {
			width:268px;
			margin-left:1px;
		}
	#SecondaryContentPane fieldset.personal-details p {
		margin:50px 0 0;
		padding:0 18px 8px;
		}
	#SecondaryContentPane #newsletters p,
	#SecondaryContentPane #newsletters label{
		color:#FFFFFF;
		}
	#SecondaryContentPane fieldset.personal-details label,
	#SecondaryContentPane fieldset.personal-details input,
	#SecondaryContentPane fieldset.personal-details span.error {
		display:block;
		margin:0 48px 8px 18px;
		}
    	#SecondaryContentPane fieldset.personal-details span.error {
    	    margin-bottom:0;
    	    margin-right:10px;
    	    }
		#SecondaryContentPane fieldset.personal-details input {
			width:200px;
			margin-bottom:10px;
			padding:1px 0;
			border:2px solid #b8c2c9;
			text-indent:5px;
			background:#8aaabe;
			}
			#SecondaryContentPane fieldset.personal-details input:focus,
			#SecondaryContentPane fieldset.personal-details input.sfFocus,
			#SecondaryContentPane fieldset.personal-details input:hover,
			#SecondaryContentPane fieldset.personal-details input.sfHover {
				background:#fff;
				}
		#SecondaryContentPane fieldset.personal-details button {
			margin:0 0 0 18px;
			padding:0 10px;
			}
		#SecondaryContentPane div.thanksgiving {
		    padding:10px 25px;
		    }
			#SecondaryContentPane div.thanksgiving h3 {
				font-size:1.4em;
				}

/* =Google Map
-------------------------------------------------------*/
#GMap {
    display:none; /* hide map placeholder if JS is disabled */
    }
    html.js #GMap {
        display:block;
		overflow:hidden;
        padding:0 0 3.5em;
        background:#b6cf40;
    	}
    	html.js #GMap.static-map {
    		padding:0;
    		}
    		html.js body.gmap #GMap {
				margin:0 0 24px;    		
    			}
    	#GMap h3 {
    		position:relative; /* :KLUDGE: prevent background disappearing in ie6 */
    		padding:0;
			font-weight:bold;
			color:#fff;
    		background:#256289 url(/images/branding/tabs/currentTopLeftCorner.gif) 0 0 no-repeat;
    		}
    		body.gmap #GMap h3 {
    			background:#256289 url(/images/branding/googleMaps/TopLeftCorner.gif) 0 0 no-repeat;
    			}
    			body.gmap.lettings #GMap h3 {
    				background:#256289 url(/images/branding/tabs/currentTopLeftCorner.gif) 0 0 no-repeat;
    				}
        		#GMap h3 span {
        			display:block;
        			line-height:normal; /* :KLUDGE: prevent ipx green line above heading in ie6-7 */
    				padding:10px 20px;
        			background:url(/images/branding/tabs/currentTopRightCorner.gif) 100% 0 no-repeat;
        			}
        			body.gmap #GMap h3 span {
        				background:url(/images/branding/googleMaps/TopRightCorner.gif) 100% 0 no-repeat;
        				}
        				body.gmap.lettings #GMap h3 span {
        					background:url(/images/branding/tabs/currentTopRightCorner.gif) 100% 0 no-repeat;
        					}
        #GMap img {
            padding:0;
            border:none;
            background:none;
            }
        #GMap #MapCanvas {
            position:relative;
            height:360px;
            border:1px solid #256289;
            background:#e5e3df;
            }
            #GMap #MapCanvas.static {
				height:auto;
				margin:0 0 -3.5em;
				}
            #GMap #MapCanvas.static img {
				display:block; /* :KLUDGE: prevent appearing space under image (ie) */
				}
        	#GMap p.map-tooltip {
        		width:220px;
        		line-height:1.4;
        		color:#333;
        		}
        	#GMap ul.zoom-controls {
        	    position:absolute;
        	    bottom:-6px;
        	    left:0;
        	    width:100%;
        	    padding:0;
        	    text-indent:-999em;
        	    list-style:none;
        	    }
            	#GMap ul.zoom-controls li {
            	    position:absolute;
            	    top:0;
            	    width:31px;
            	    height:31px;
            	    padding:0;
            	    cursor:pointer;
            	    }
                	#GMap ul.zoom-controls li.zoom-in {
                	    left:10px;
                	    background:url("/images/branding/googleMaps/icons/zoomIn.gif") 0 0 no-repeat;
                	    }
                	#GMap ul.zoom-controls li.zoom-out {
                	    right:10px;
                	    background:url("/images/branding/googleMaps/icons/zoomOut.gif") 0 0 no-repeat;
                	    }
             #GMap ul.type-controls { /* map type switchers */
                 position:absolute;
                 bottom:-26px;
                 left:50%;
                 width:170px;
                 margin:0 0 0 -85px;
                 padding:0;
                 list-style:none;
                 }
                 #GMap ul.type-controls li {
                     float:left;
                     padding:0 0 0 12px;
                     line-height:1.2em;
                     font-weight:bold;
                     text-decoration:underline;
                     cursor:pointer;
                     color:#043c5d;
                     }
                     #GMap ul.type-controls li.type-map {
                         padding:0 12px 0 0;
                         border-right:1px solid #333;
                         }
                         
/* =vCard 
-------------------------------------------------------*/
#SecondaryContentPane div.vcard {
	padding:24px 0 50px 60px;
	line-height:1.8;
	background:url("/shared/images/icons/vcf.gif") 22px 29px no-repeat;
	
	}
	#SecondaryContentPane div.vcard span,
	#SecondaryContentPane div.vcard a.vcard-download {
		display:block;
		}
		#SecondaryContentPane div.vcard a.vcard-download {
			margin:20px 0 0;
			outline:none;
			}
	#SecondaryContentPane div.vcard a {
		color:#fff;
		}