/*
css for social media sidebar

-------------------------------------------------------------- */

#fp_social{
position:fixed;
left:0; top:25%;
width:50px;
text-align:center;
z-index:9999;
}


#fp_social.collapse{
width:0;
}

#fp_social.collapse .gray{
width:0; overflow:hidden;
display:none;	
}

#fp_social.collapse img.gurumail-updates,
#fp_social.collapse img.gurumail{
display:none;	
}

#fp_social h3{
font-size:15px;
line-height:17px;
margin:0 auto 5px auto;
position:relative;
color:#2c2569;
font-weight:500;
}

#fp_social h4{
font-size:14px;
font-weight:700;	
color:#2c2569;
background:none;
margin:0; padding:0;
}

#fp_social #fp_social_arrow{
position:absolute;
width:15px; height:15px;
top:-10px;
right:-5px;
cursor:pointer;
background:url(close.png) no-repeat center center;
}

#fp_social.collapse #fp_social_arrow{
right:-10px;
background:url(right-arrow.png) no-repeat center center;
}

#FP_Share_Links{
	z-index:9999;
	background:url(../../images/content-grad.jpg) repeat-x #fff left -20px;
	border:1px solid #CCC;
	position:absolute;
	display:none;	
	width:120px;
	top:-3px;
	left:45px;

padding:6px 3px 3px 15px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#fp_social h3:hover #FP_Share_Links{
display:block;
}

#fp_social .map{
position:absolute;
height:23px;
bottom:13px;
left:7px;
}

#fp_social h4 a{
float:right;
text-align:right;
padding:0 0 5px 0;	
}

.gray{
background:url(gray.png) bottom left no-repeat;	

padding:5px 3px 10px 3px;
color:#2c2569;

margin:0 0 10px 0;

-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;
min-height:50px;
}

.gray a{
color:#3e3e3e;	
}

.gurumail{
margin:10px 5px 0 0;	
cursor:pointer;
}

.fp_short .gurumail{
margin:0;	
}

#gurumail_lightbox{	
	display:none;
	background:#333;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	

#gurumail{
	position:fixed;
	background:#fff;
	top: 20%;
	left: 50%;
	width: 207px;
	padding:30px;
	margin: 0 0 0 -155px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	display:none;
	-moz-box-shadow: 0 0 10px 0 #666;
	-webkit-box-shadow: 0 0 10px 0 #666;
	box-shadow: 0 0 10px 0 #666;	
}

#gurumail h3.widget-title{
	background:url(email.png) no-repeat right center;
font-size:15px;
line-height:15px;
margin:0 auto 5px auto;
padding:5px 50px 5px 0;
position:relative;
color:#2c2569;
font-weight:600;
}

#gurumail input.button{
width:auto;
cursor:pointer;
background:#535353;
color:#fff;	
border:none;
font-weight:bold;	
float:right;
}

#gurumail p{
	display:inline;
}

#gurumail #gurumail_close{
position:absolute;
width:15px; height:15px;
top:-15px;
right:-10px;
cursor:pointer;
background:url(close.png) no-repeat center center;
}