/*
.commentbutton
{
    margin-left:10px;
}*/
.maildisplay {
min-width: 178px;
overflow: auto;
}

.Event_Button4 {
	display: inline-block;
	width:120px;
	height:40px;
		margin-left:1%;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
/*	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	 
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); */

	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.Event_Button4 .span {
	display: inline-block;
	width:120px;
	height:40px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#6bbce9;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: rgb(233,243,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,243,255,1) 1%, rgba(248,251,255,1) 73%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(233,243,255,1)), color-stop(73%,rgba(248,251,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,243,255,1) 1%,rgba(248,251,255,1) 73%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,243,255,1) 1%,rgba(248,251,255,1) 73%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,243,255,1) 1%,rgba(248,251,255,1) 73%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(233,243,255,1) 1%,rgba(248,251,255,1) 73%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#f8fbff',GradientType=0 ); /* IE6-9 */






	box-shadow:0px 3px 2px #89B5CD;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.Event_Button4:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.Event_Button4:active .span {
/*	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}





.Event_ButtonGrey .span {
	display: inline-block;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	border-style:solid;
	border-width:1px;
	border-color:#9bc1dc;
	float:left;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #def3fc 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#def3fc)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#def3fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#def3fc 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#def3fc 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#def3fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#def3fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	box-shadow:0px 3px 2px #609ec2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 	/*-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;
	 cursor:pointer;*/
}


.Event_ButtonGrey:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}




.notifiicon {
background-color:#FFFFFF;
position:relative;
left:-3px;
top:4px;
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
border-radius: 95px;
}

.bannerprofileimg {
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
border-radius: 95px;
width: 31px !important;
height: 33px;
background-color:#FFFFFF;
position:relative;
left:4px;
top:3px;
}

.bannerprofileimgbg {
display:block;

background-color:#aecff1;
width:40px;
height:40px;
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
 border-radius: 95px;
position: relative;
/*left:3%;*/
top:0px;
margin-left: 4%;
}


.Username
{
font-size:.7em;
position:relative;
top: 0px;
right: 10%;
/*left:5px;*/

white-space: nowrap;
width:3em;
overflow: hidden;
text-overflow: ellipsis;
}

.buddynamelist
{
font-size:1em;
position:relative;
top: -20px;
left:5%;

white-space: nowrap;
width:3em;
overflow: hidden;
text-overflow: ellipsis;
}



.bannerlist
{
font-size:.8em;
position:relative;
/*left:5px;

white-space: nowrap;
width:3em;
overflow: hidden;
text-overflow: ellipsis;*/
}


.value{
padding-left:20px;

}


.list_Button {
	display: inline-block;
	/*width:110px;*/
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .2) 0 .10em 10px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .2) 0 .10em 10px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .2) 0 .10em 10px;
	 
	 -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;
	
	cursor:pointer;
}


.list_Button .span {
	display: inline-block;
	/*width:110px;*/
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	*/
	background: #fff;
	border-style:solid;
	border-width:1px;
	border-color:White;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
 	/*-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.list_Button:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, .8);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, .8);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, .8);
}


.list_Button:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}

/*--------------------  gradient button   --------------------*/

.list_Button2 {
	display: inline-block;
	width:110px;
		margin-left:1%;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
/*	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	 
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); */

	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	 /*-webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.list_Button2 .span {
	display: inline-block;
	width:110px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color: #AAC2D1;

	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #DAEDFF; /* Old browsers */


	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
 	/*-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.list_Button2:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.list_Button2:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}


/*----------------------------------   list button2 end  ----------------------------------*/

.list_Button3 {
	display: inline-block;
	width:130px;
		margin-left:1%;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
/*	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	 
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); */

	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	 -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;
	
	cursor:pointer;
}


.list_Button3 .span {
	display: inline-block;
	/*width:130px;*/
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#AAC2D1;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #DAEDFF; 
/*background: -moz-linear-gradient(left,  #DAEDFF 0%, #dff4fc 40%, #dff4fc 62%, #DAEDFF 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#DAEDFF), color-stop(40%,#dff4fc), color-stop(62%,#dff4fc), color-stop(100%,#C8E3F8)); 
background: -webkit-linear-gradient(left,  #DAEDFF 0%,#dff4fc 40%,#dff4fc 62%,#C8E3F8 100%); 
background: -o-linear-gradient(left,  #DAEDFF 0%,#dff4fc 40%,#dff4fc 62%,#C8E3F8 100%); 
background: -ms-linear-gradient(left,  #DAEDFF 0%,#dff4fc 40%,#dff4fc 62%,#C8E3F8 100%);
background: linear-gradient(to right,  #DAEDFF 0%,#dff4fc 40%,#dff4fc 62%,#C8E3F8 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DAEDFF', endColorstr='#C8E3F8',GradientType=1 ); */


	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.list_Button3:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.list_Button3:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}


/*----------------------  listbutton3  end -----------------------*/

.list_Buttonprox {
	display: inline-block;
	width:40px;
		margin-left:1%;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
/*	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	 
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); */

	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	 -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;
	
	cursor:pointer;
}


.list_Buttonprox .span {
	display: inline-block;
	width:40px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#aac2d1;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
	background-color:#FFFFFF;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.list_Buttonprox:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.list_Buttonprox:active .span {
/*	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}


/*----------------------  proxbg end  -----------------------*/


.list_Buttonbottom {
	display: inline-block;
	width:40px;
		margin-left:1%;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
/*	-webkit-box-shadow:
 	0 0x 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	-moz-box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	box-shadow:
	 0 0px 0 #92b5d2,rgba(40, 66, 92, .6) 0 .10em 5px;
	 
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); */

	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.list_Buttonbottom  .span {
	display: inline-block;
	width:40px;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:10px;
	
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#aac2d1;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
	background-color:#FFFFFF;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
 	/*-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.list_Buttonbottom:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.list_Buttonbottom:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}


/*----------------------  bottom buttons end  -----------------------*/

.mygridsharearea
{
border:1px solid #82bbdb;
border-radius: 10px;
width:100%;

}
.slaterow
{
    position: relative;
    margin-top: 9px;
    padding-top: 10px;
}
.mygridbg
{

position:relative;
top:50px;
height:170px;
background-color:#FFFFFF;
width:97%;
border:solid 1px #DAEDFF;
border-top-right-radius:20px;
border-bottom-left-radius:20px;

}

.mygridbgcomments
{

position:relative;
top:50px;
background-color:#FFFFFF;
width:99%;
border: solid 2px #DAEDFF;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom: 3px solid #A8BEDB;

}

.mygridprofileimg {
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
border-radius: 95px;
width: 35px !important;
height: 37px;
background-color:#FFFFFF;
position: relative;
left: 5px;
top: 4px;
}
.msg img {
width: 300px;

}
.mygridprofileimgbg {
display:block;

background-color:#aecff1;
width:45px;
height:45px;
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
 border-radius: 95px;
position: relative;
/*left:3%;*/
top:-5px;
margin-left:0;
}


.buddylistBg {
width:96%;
height: 50px;
border: 3px solid #cddeef;
border-radius: 80px;
background-color: #F2F7FA;
float: left;
/*margin-right: 1%;
margin-left: 14px;
margin-bottom: 15px;*/
margin-top: 20px;
text-overflow: ellipsis;
overflow: hidden;


 /*
 -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);*/
}

.buddylistBgselectedblue {
width:96%;
height: 50px;
border: 3px solid #cddeef;
border-radius: 80px;
background-color: #F2F7FA;
float: left;
/*margin-right: 1%;
margin-left: 14px;
margin-bottom: 15px;*/
margin-top: 20px;
text-overflow: ellipsis;
overflow: hidden;


-webkit-box-shadow: 0px 0px 18px rgba(3, 124, 221, 0.75);
-moz-box-shadow:    0px 0px 18px rgba(3, 124, 221, 0.75);
box-shadow:         0px 0px 18px rgba(3, 124, 221, 0.75);
}

.buddylistimg {
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
border-radius: 95px;
padding-left: 0px;
padding-right: 0px;
width: 50px !important;
height: 50px;
}


/*-----------------------Dropdown menu --------------------------*/

 .calloutUp
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 60px;
        z-index: 10;
    }
    .calloutUp2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainerUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: absolute !important;
        top: 122px;
        height: 350px;
        overflow: auto;
        z-index: 9;
        width: 210px;
		height:190px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe;  
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );  

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Dropdown menu end --------------------------*/

/*-----------------------Mygrid_Menu Dropdown menu --------------------------*/

 .calloutmenuUp
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 110px;
        z-index: 10;
    }
    .calloutmenuUp2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutmenuDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutmenuDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainermenuUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 210px;
		height1:540px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe; 
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 ); 

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Mygrid_Menu menu end --------------------------*/



/*-----------------------Mygrid_Feeds Dropdown menu --------------------------*/

 .calloutfeedsUp
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 40px;
        z-index: 10;
    }
    .calloutfeedsUp2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutfeedsDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutfeedsDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainerfeedsUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 210px;
		height:290px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe;   
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Mygrid_Feeds menu end --------------------------*/


/*-----------------------Mygrid_cubeecontrolmenu  start --------------------------*/

 .calloutcubeecontrolUp
    {
height: 0;
width: 0;
border-right: 12px solid white;
border-bottom: 12px dotted transparent;
border-top: 12px dotted transparent;
position: relative;
left: 0px;
top: 80px;
margin-left: -11px;
z-index: 10;
    }
    .calloutcubeecontrolUp2
    {
position: relative;
left: 2px;
top: -10px;
height: 0;
width: 0;
border-right: 10px solid #D0E5FE;
border-bottom: 10px dotted transparent;
border-top: 10px dotted transparent;
z-index: 11;
}
    }
    .calloutcubeecontrolDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutcubeecontrolDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainercubeecontrolUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: absolute;
        top: 30px;
        z-index: 9;
        width: 210px;
		/*height:140px;*/
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe;  
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff)); 
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );  

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Mygrid_cubeecontrol menu end --------------------------*/


/*-----------------------Mygrid_Sharemenu  menu --------------------------*/

 .calloutSharemenuUp
    {
        height: 0;
        width: 0;
        border-left: 12px solid #ffffff;
        border-bottom: 12px dotted transparent;
        border-top: 12px dotted transparent;
		position:relative;
        left: 0px;
        top: 130px;
        margin-left: 211px;
        z-index: 10;
    }
    .calloutSharemenuUp2
    {
        position: relative;
        left: -12px;
        top: -10px;
        height: 0;
        width: 0;
        border-left: 10px solid #D0E5FE;
        border-bottom: 10px dotted transparent;
        border-top: 10px dotted transparent;
        z-index: 11;
    }
    .calloutSharemenuDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutSharemenuDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainerSharemenuUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 210px;
		height:240px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe;  
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%); 
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );  

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Mygrid_Sharemenu end --------------------------*/



.postblogtextbox {

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 11px 10px;
width: 291px;
color: #666;
font-size: 14px;
border-style: solid;
border-width: 1px;
border-color: #779EB9;
outline: none;
/*margin-top: 20px;*/
-moz-box-shadow: inset 0px 2px 0px #aac0d1,0px 0px 40px 8px rgba(255, 255, 255, 1);
-webkit-box-shadow: inset 0px 2px 0px #AAC0D1,0px 0px 40px 8px rgba(255, 255, 255, 1);
box-shadow: inset 0px 2px 0px #AAC0D1,0px 0px 40px 8px rgba(255, 255, 255, 1);
-webkit-appearance: none;
background-image: url(img/mygrid/dropdownarrow.png);
background-repeat:no-repeat;
/*-webkit-background-size: 341px 41px;*/
background-color: white;
height: 27px;

}

.postblogtextfield {

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*padding: 11px 10px;*/
width: 291px;

color: #666;
font-size: 14px;
border-style: solid;
border-width: 1px;
border-color: #779EB9;
outline: none;
/*margin-top: 20px;*/
-moz-box-shadow: inset 0px 2px 0px #aac0d1,0px 0px 40px 8px rgba(255, 255, 255, 1);
-webkit-box-shadow: inset 0px 2px 0px #AAC0D1,0px 0px 40px 8px rgba(255, 255, 255, 1);
box-shadow: inset 0px 2px 0px #AAC0D1,0px 0px 40px 8px rgba(255, 255, 255, 1);
-webkit-appearance: none;
/*background-image: url(img/mygrid/dropdownarrow.png);
background-repeat:no-repeat;*/
/*-webkit-background-size: 341px 41px;
background-color: white;  */


}

/*----------------------Blue button --------------------------*/

.Event_ButtonBlue {
	display: inline-block;
	width:120px;
	height:40px;
		margin-left:1%;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	


	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.Event_ButtonBlue .span {
	display: inline-block;
	width:120px;
	height:40px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#93bbd9;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #a5dbf6;
background: -moz-linear-gradient(left,  #a5dbf6 0%, #dff4fc 48%, #a5dbf6 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a5dbf6), color-stop(48%,#dff4fc), color-stop(100%,#a5dbf6)); 
background: -webkit-linear-gradient(left,  #a5dbf6 0%,#dff4fc 48%,#a5dbf6 100%); 
background: -o-linear-gradient(left,  #a5dbf6 0%,#dff4fc 48%,#a5dbf6 100%);
background: -ms-linear-gradient(left,  #a5dbf6 0%,#dff4fc 48%,#a5dbf6 100%); 
background: linear-gradient(to right,  #a5dbf6 0%,#dff4fc 48%,#a5dbf6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5dbf6', endColorstr='#a5dbf6',GradientType=1 );





	box-shadow:0px 3px 2px #609ec2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 	/*-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.Event_ButtonBlue:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.Event_ButtonBlue:active .span {
	/*-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}

/*----------------------Blue button end --------------------------*/



/*----------------------Grey button --------------------------*/

.Event_ButtonGrey {
	display: inline-block;
	width:120px;
	height:40px;
		margin-left:1%;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	


	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.Event_ButtonGrey1 .span1 {
	display: inline-block;
	width:120px;
	height:40px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#c3c8cd;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(left,  #e8e8e8 0%, #f9f9f9 48%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(48%,#f9f9f9), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to right,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */




	box-shadow:0px 3px 2px #609ec2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.Event_ButtonGrey:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.Event_ButtonGrey:active .span {
/*	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}

/*----------------------Grey button end --------------------------*/


/*----------------------Grey button --------------------------*/

.Event_ButtonGreypendlist {
	display: inline-block;
	width:120px;
	height:40px;
		margin-left:1%;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	


	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.Event_ButtonGreypendlist .span {
	display: inline-block;
	width:120px;
	height:40px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#c3c8cd;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(left,  #e8e8e8 0%, #f9f9f9 48%, #e8e8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(48%,#f9f9f9), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* IE10+ */
background: linear-gradient(to right,  #e8e8e8 0%,#f9f9f9 48%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */




	box-shadow:0px 3px 2px #609ec2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.Event_ButtonGreypendlist:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.Event_ButtonGreypendlist:active .span {
/*	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}

/*----------------------Grey button end --------------------------*/

/*----------------------Comment section button --------------------------*/

.Buttoncomment {
	display: inline-block;



	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	


	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	 
	/* -webkit-transition: -webkit-box-shadow .1s ease-in-out;
 	-moz-transition: -moz-box-shadow .1s ease-in-out;
 	-o-transition: -o-box-shadow .1s ease-in-out;
 	transition: box-shadow .1s ease-in-out;*/
	
	cursor:pointer;
}


.Buttoncomment .span {
	display: inline-block;
	width:100px;
	height:30px;
	padding-top:1px;
	padding-bottom:1px;
/*	padding-left:9px;
	padding-right:25px;	
	background: #fff; */

	border-style:solid;
	border-width:1px;
	border-color:#fff;
	/*background:url(../Img/BuddyList/buttonpatternloop.png);*/
	
background: #a3dbf5; /* Old browsers */
background: -moz-linear-gradient(top,  #a3dbf5 0%, #7ccaf1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3dbf5), color-stop(100%,#7ccaf1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a3dbf5 0%,#7ccaf1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a3dbf5 0%,#7ccaf1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a3dbf5 0%,#7ccaf1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a3dbf5 0%,#7ccaf1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3dbf5', endColorstr='#7ccaf1',GradientType=0 ); /* IE6-9 */




	box-shadow:0px 3px 2px #609ec2;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
 /*	-webkit-transition: -webkit-transform .1s ease-in-out;
 	-moz-transition: -moz-transform .1s ease-in-out;
	 -o-transition: -o-transform .1s ease-in-out;
	 transition: transform .1s ease-in-out;*/
}



.Buttoncomment:active {
	-webkit-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	-moz-box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
	box-shadow: 
	 0 2px 0 #b9d6e7, 0 2px 1px rgba(142, 188, 218, 1);
}


.Buttoncomment:active .span {
/*	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);*/
}

/*----------------------Blue button end --------------------------*/



/*-----------------------Mygrid_Notifications Dropdown menu --------------------------*/

 .calloutNotifiUp
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 90px;
        z-index: 10;
    }
    .calloutNotifiUp2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutNotifiDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutNotifiDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainerNotifiUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 210px;
		height:190px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe;  
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%);  
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%); 
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );  

    }
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------Mygrid_Notifications menu end --------------------------*/




/*----------------------- banner Left red talkbubble --------------------------*/
.mygridcount_box {
	position: relative;
	border: 1px solid #bdbdbd;/*#bd0c0d;*/
	height:20px;
	width:20px;
	position:relative;
	left:60%;
	top:-20px;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
font-size:11px;
font-weight:bold;
color:#000000;
text-align:center;
	
background: #EBBEBE; /*#ff0001;  Old browsers */
background: -moz-linear-gradient(top,  #FCFCFC 0%, #FFE8E8 12%, #FFE8E8 28%, #FCD7D7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(12%,#FFE8E8), color-stop(28%,#FFE8E8), color-stop(100%,#FCD7D7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FCFCFC 0%,#FFE8E8 12%,#FFE8E8 28%,#FCD7D7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FCFCFC 0%,#FFE8E8 12%,#FFE8E8 28%,#FCD7D7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FCFCFC 0%,#FFE8E8 12%,#FFE8E8 28%,#FCD7D7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FCFCFC 0%,#FFE8E8 12%,#FFE8E8 28%,#FCD7D7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE8E8', endColorstr='#FCD7D7',GradientType=0 ); /* IE6-9 */


}



.mygridcount_box:after, .mygridcount_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mygridcount_box:after {
	/*border-color: rgba(99, 99, 99, 0);
	border-right-color: #bdbdbd;
	border-width: 5px;
	top: 50%;
	margin-top: -7px;*/
}
.mygridcount_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #bdbdbd;
left: 20px;
	border-width: 6px;
	top: 50%;
	margin-top: -8px;
}



/*-----------------------menu Mail talkbubble --------------------------*/
.mygridmailcount_box {
	position: relative;
	border: 1px solid #70bde0;
	height:20px;
	width:20px;
	position:relative;
	left:60%;
	top:-20px;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
font-size:11px;
font-weight:bold;
color:#3db4e5;
text-align:center;
	
background: #f1f9fd; /* Old browsers */

-webkit-box-shadow: 2px 3px 5px rgba(126, 175, 210, 0.59);
-moz-box-shadow:    2px 3px 5px rgba(126, 175, 210, 0.59);
box-shadow:         2px 3px 5px rgba(126, 175, 210, 0.59);


}



.mygridmailcount_box:after, .mygridmailcount_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mygridmailcount_box:after {
	border-color: rgba(99, 99, 99, 0);
	border-right-color: #f1f9fd;
	border-width: 5px;
	top: 55%;
	margin-top: -7px;
}
.mygridmailcount_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #70bde0;
	border-width: 6px;
	top: 55%;
	margin-top: -8px;
}




/*-----------------------My Grid Zone dropdown--------------------------*/

 .calloutUpgridZone
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 170px;
        z-index: 10;
    }
    .calloutUpgridZone2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
   
    .divContainerDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------My Grid Zone dropdown end --------------------------*/


/*-----------------------My Grid Proximity dropdown--------------------------*/

 .calloutUpProximity
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left:280px;
        z-index: 10;
    }
    .calloutUpProximity2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #D0E5FE;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
    .calloutDown
    {
        height: 0;
        width: 0;
        border-top: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 20px;
        z-index: 11;
    }
    .calloutDown2
    {
        position: relative;
        left: -10px;
        top: -12px;
        height: 0;
        width: 0;
        border-top: 10px solid #9999ff;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 10;
    }
    .divContainerProximityUp
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 320px;
		height:45px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #cee5fe; 
background: -moz-linear-gradient(top,  #cee5fe 1%, #cee5fe 84%, #eff6ff 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cee5fe), color-stop(84%,#cee5fe), color-stop(100%,#eff6ff));  
background: -webkit-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: -o-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%); 
background: -ms-linear-gradient(top,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
background: linear-gradient(to bottom,  #cee5fe 1%,#cee5fe 84%,#eff6ff 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee5fe', endColorstr='#eff6ff',GradientType=0 );  

    }
    .divContainerProximityDown
    {
        background-color: #9999ff;
        border: solid 1px #ffffff;
        position: relative;
        top: 1px;
        z-index: 3;
        width: 500px;
        padding: 4px;
    }
    .divContainerMain
    {
        background-color: #ccccff;
        padding: 8px;
		
    }
		
	.dropdownmenubg
	{
	background-image:url(mob_bannerimg/dropdowvmenu/dropdownmenubg.png);
	background-position:left top;
	background-repeat:repeat-x;
	/*height:38px;*/
	width:100%;
	}
	
	.dropdownmenubg div {
	position:relative;
	top:-10px;
	}
	
	.dropdownmenulast{
	position:relative;
	top:-10px;
	}
	
	.dropdowntext {
	position: absolute; 
	left: 60px; 
    font-size:.9em;
	color:#5d5c5c;
	}
	
/*-----------------------My Grid Proximity dropdown end --------------------------*/


/*-----------------------My Grid Proximity colors --------------------------*/

.proximitycolorsPink
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#f2c1be;
margin-left:8px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;

}


.proximitycolorsPink2
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#f1959a;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsPink3
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#e88285;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsYellow1
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#ffbc39;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}


.proximitycolorsYellow2
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#f1a82c;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsYellow3
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#f9fe80;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsYellow4
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#f1f331;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}


.proximitycolorsGreen1
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#bee085;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsGreen2
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#acd767;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}

.proximitycolorsBlue1
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#8bcee0;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}


.proximitycolorsBlue2
{
width:24px;
height:21px;
border:solid 1px #FFFFFF;
border-radius:5px;
background-color:#66bade;
margin-left:2px;
text-align:center;
padding-top:2px;
font-weight:bold;
font-size:14px;
}
/*-----------------------My Grid Comment section  --------------------------*/
/*
.commentstitle
{
font-size:12px;
font-weight:bold;
color:#73b7e4;
}

.commenttext{

position: relative;
top: 0px;

width: 70%;
font-size: 15px;
float: right;
padding-right:10px;

}

.commentscountbox
{
width:18px;
height:18px;
border-radius:5px;

border:solid 1px #0099CC;

text-align:center;
font-weight:bold;
font-size:14px;
position: relative;
top:-3px;

background: #eef9fe; 
background: -moz-radial-gradient(center, ellipse cover,  #eef9fe 0%, #cbebfa 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#eef9fe), color-stop(100%,#cbebfa)); 
background: -webkit-radial-gradient(center, ellipse cover,  #eef9fe 0%,#cbebfa 100%); 
background: -o-radial-gradient(center, ellipse cover,  #eef9fe 0%,#cbebfa 100%); 
background: -ms-radial-gradient(center, ellipse cover,  #eef9fe 0%,#cbebfa 100%);
background: radial-gradient(ellipse at center,  #eef9fe 0%,#cbebfa 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef9fe', endColorstr='#cbebfa',GradientType=1 );

-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

}*/


.commentusername
{
font-size:12px;
font-weight:bold;
}




/*-----------------------My Grid Comment section end  --------------------------*/



/*-----------------------My Grid Proximity colors end --------------------------*/

.proximityselected{
background-image:url(img/mygrid/mygrid-proximity2.png);
background-position:center;
height:36px;
width:36px;
padding-left:3px;
}

.proximityselected0{
background-color:#f2c3c0;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected1{
background-color:#f2999e;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected2{
background-color:#e88184;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected3{
background-color:#ffbe3f;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}


.proximityselected4{
background-color:#f1a729;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected5{
background-color:#fafe8d;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected6{
background-color:#f1f334;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected7{
background-color:#c0e18a;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected8{
background-color:#b0d96e;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}

.proximityselected9{
background-color:#8dcee1;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}


.proximityselected10{
background-color:#5bb5dc;
border-radius:35px;

height:21px;
width:22px;
position: absolute;
left: 8px;
top: 7px;

text-align:center;
padding-top:2px;
padding-left:1px;
font-weight:bold;
font-size:14px;
}



/*-----------------------Dropdown 3 Column --------------------------*/


 .calUp
    {
        height: 0;
        width: 0;
        border-bottom: 12px solid #ffffff;
        border-left: 12px dotted transparent;
        border-right: 12px dotted transparent;
        left: 0px;
        top: 0px;
        margin-left: 60px;
        z-index: 10;
    }
    .calUp2
    {
        position: relative;
        left: -10px;
        top: 2px;
        height: 0;
        width: 0;
        border-bottom: 10px solid #dff0fe;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        z-index: 11;
    }
 
    .divcol3Up
    {
        background-color: #D0E5FE;
        border: solid 1px #ffffff;
        position: relative;
        top: -1px;
        z-index: 9;
        width: 275px;
		height:52px;
        padding: 0px;
		border-radius:15px;
		padding-top:10px;
		
-webkit-box-shadow: 0px 1px 15px rgba(148, 180, 218, 1);
-moz-box-shadow:    0px 1px 15px rgba(148, 180, 218, 1);
box-shadow:         0px 1px 15px rgba(148, 180, 218, 1);

background: #dceefe; /* Old browsers */
background: -moz-linear-gradient(top,  #dceefe 0%, #c0defd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dceefe), color-stop(100%,#c0defd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dceefe 0%,#c0defd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dceefe 0%,#c0defd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dceefe 0%,#c0defd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dceefe 0%,#c0defd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceefe', endColorstr='#c0defd',GradientType=0 ); /* IE6-9 */


    }
	
/*-----------------------Dropdown 3 Column end --------------------------*/


.sharebutton:active {
-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
-moz-box-shadow: 0px 0px 15px 10px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, .75);
position: relative;
top: 1px;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
}
.sharebutton:hover {
background-color: #61AAF3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0070C0), to(#61AAF3));
background-color: #0051A8;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #73A6DD), color-stop(10%,#3078C4), color-stop(50%, #1E4B7B), color-stop(50%, #1B436E), color-stop(100%, #255C97));
background-image: -moz-linear-gradient(top, #73A6DD 0%, #3078C4 10%, #1E4B7B 50%, #1B436E 50%,#255C97 100%);
background-image: linear-gradient(top, #73A6DD 0%, #3078C4 10%,#1E4B7B 50%,#1B436E 50%, #255C97 100%);
border-color: #122D49;
color: white;
 text-shadow: #001428 0px 1px 1px;
-moz-box-shadow: inset 0 0 5px 5px rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 0 5px 5px rgba(255, 255, 255, .2);
box-shadow: inset 0 0 5px 5px rgba(255, 255, 255, .2);
}
.sharebutton {
background-color: #0058B7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #80AEE0), color-stop(10%, #367FCE), color-stop(50%, #215287), color-stop(50%, #1E4B7B), color-stop(100%, #3A86D8));
background-image: -moz-linear-gradient(top, #80AEE0 0%, #367FCE 10%, #215287 50%, #1E4B7B 50%, #3A86D8 100%);
background-image: linear-gradient(top, #80AEE0 0%, #367FCE 10%, #215287 50%, #1E4B7B 50%, #3A86D8 100%);
border-color: #153456;
text-shadow: #001B38 0px 1px 1px;
-moz-box-shadow: rgba(255,255,255,0.359) 0 0 0.1em 1px inset;
-webkit-box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
-o-box-shadow: rgba(255,255,255,0.359) 0 0 0.1em 1px inset;
box-shadow: rgba(255, 255, 255, 0.359) 0 0 0.1em 1px inset;
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;
border-radius: 15px;
color: white;
height: 35px;
width: 70px;
position: relative;
top: -45px !important;
cursor: pointer;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}