/********************************************************************************
* Private Message Systemt Version 5.0 
* Written by Vasplus Programming Blog
* Website: www.vasplus.info
* Email: vasplusblog@gmail.com

*********************************Copyright Info***********************************
* This is a paid script and must not be sold by any client
* Please do not remove this copyright information from the top of this page
* All Copy Rights Reserved by Vasplus Programming Blog
***********************************************************************************/

/* PAGE DESIGN CSS CODE STARTS HERE */

@charset "utf-8";
*{margin:0px;padding:0px;}
body,html
{
	-webkit-font-smoothing: antialiased;
  	background: #f4f4f4;
	height:100%;
	font-family:arial;
	font-size:14px;
}
#all_centered
{
	 height: 100%;
	 width: 1100px; 
	 text-align: left;
	 margin-left: auto;
	 margin-right: auto;
} 
#centered
{
	 min-height: 100%;
	 width: 1100px;
	 background-color: #FFF;
	border: solid 1px #cbcbcb;
	box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	float:left;
	position:absolute;
} 
* html #centered {
height: 100%;
background-color: #FFF;
}

.report_this_item{width:569px; padding:5px; height:20px; padding-top:4px;padding-left:5px;padding-right:5px;border: 1px solid #75D2FF;}
.report_this_item:focus {outline:none;box-shadow: 0px 0px 4px #4195fc;-moz-box-shadow: 0px 0px 4px #4195fc;-webkit-box-shadow: 0px 0px 4px #4195fc;}




.vpb_login_box_wrapper
{
	width:400px; 
	margin: 0 auto;
	padding:20px;
	border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 0 20px #cbcbcb;
	-moz-box-shadow: 0 0 20px #cbcbcb;
	-webkit-box-shadow: 0 0 20px #cbcbcb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:25px;
	text-align:left;
}
/* PAGE DESIGN CSS CODE ENDS HERE */





.textAreaBox {padding:9px; padding-top:9px; padding-left:10px; padding-right:10px;border: 1px solid #CCC;outline:none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}.textAreaBox:focus {outline:none;border: 1px solid #3CF;box-shadow: 0px 0px 14px #3CF;-moz-box-shadow: 0px 0px 14px #3CF;-webkit-box-shadow: 0px 0px 14px #3CF;}


.textAreaBoxed {padding:9px; padding-top:9px; padding-left:10px; padding-right:10px;border: 1px solid #CCC;outline:none;}.textAreaBoxed:focus {outline:none;border: 1px solid #3CF;box-shadow: 0px 0px 14px #3CF;-moz-box-shadow: 0px 0px 14px #3CF;-webkit-box-shadow: 0px 0px 14px #3CF;}.textAreaBoxed:hover {outline:none;border: 1px solid #3CF;box-shadow: 0px 0px 14px #3CF;-moz-box-shadow: 0px 0px 14px #3CF;-webkit-box-shadow: 0px 0px 14px #3CF;}

.textAreaBox_reply {width:447px; height:25px;padding:9px; padding-top:9px; padding-left:10px; padding-right:10px;border: 1px solid #CCC;outline:none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px; font-size: 14px !important; font-family:arial !important;}

.textAreaBox_reply:focus {outline:none;border: 1px solid #3CF;box-shadow: 0px 0px 14px #3CF;-moz-box-shadow: 0px 0px 14px #3CF;-webkit-box-shadow: 0px 0px 14px #3CF; }


/*Error Message*/
.v_info { border: 1px solid #CCC; padding:6px; margin-left:13px; max-width:450px;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;line-height:20px;font-weight:normal;color: black;background: #BDE5F8;}



.vasplus_delete_message_a
{
	background:#FFF url(../images/vasplus_delete_reply_a.png) no-repeat scroll right center;
    display:block; 
	width:30px; 
	height:22px; 
	cursor:pointer;
	border: solid 1px #E1E1E1;
	box-shadow: 0 0 5px #cbcbcb;
	-moz-box-shadow: 0 0 5px #cbcbcb;
	-webkit-box-shadow: 0 0 5px #cbcbcb;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.vasplus_delete_message_a:hover
{
	background:#FFF url(../images/vasplus_delete_reply_b.png) no-repeat scroll right center;
    display:block; 
	width:30px; 
	height:22px; 
	cursor:pointer;
	border: solid 1px #cbcbcb;
	box-shadow: 0 0 20px #cbcbcb;
	-moz-box-shadow: 0 0 20px #cbcbcb;
	-webkit-box-shadow: 0 0 20px #cbcbcb;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}

#vasplus_programming_blog_confirmation_alert_box
{	
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	border:1px solid #cecece;
	position:fixed;
	z-index:9999999999999999;
}

#vasplus_programming_blog_confirmation_alert_box_contents{
	background: #FFF;
	width:500px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
	border: solid 1px #999;
	box-shadow:0px 0px 142px green;-moz-box-shadow:0px 0px 142px green;-webkit-box-shadow:0px 0px 142px green;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	z-index:9999999999999999;
}

div#vasplus_programming_blog_confirmation_alert_box_headers{
	background: #F3F3F3;
	border-bottom: solid 3px #dfdfdf;
	padding: 5px;
	-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
	font-size:20px;
	color: gray;
	font-weight:bold;
	
}

#vasplus_programming_blog_confirmation_alert_box_contents p{
	background: #FFF;
	padding: 10px;
	padding-bottom:0px;
	line-height:23px;
	color:#666;
	text-align:center;
}

#vpb_confirmation_buttons{
	text-align:center;
	width:500px;
	height:40px;
	margin-top:20px;
}


.vpb_search_box_submission
{
	padding:none;
	width:26px;
	height:24px;
	float:right;
	background:url(../images/vas_search_button.gif) no-repeat bottom right;
	padding-left:3px;
	cursor:pointer;
	border-left:1px solid #CCC;
	border-right:0px solid #CCC;
}




#vpb_confirmation_buttons_yes{float:left;width:240px;padding-right:20px;color:black; text-align:right;}
#vpb_confirmation_buttons_no{float:left;width:240px;color:black; text-align:left;}

/*YES and Cancel BUTTONS BEGINS*/
.vpb_confirmation_buttons_yes 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
  color: #fff;
  text-align: center;
  padding:6px;
  width:60px;
  padding-bottom: 5px;
  padding-left:8px; padding-right:8px;
}
.vpb_confirmation_buttons_yes:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}

.vpb_confirmation_buttons_no {

background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  text-align: center;
  width: 60px;
  padding:7px;
  padding-left:8px; padding-right:8px;
}
.vpb_confirmation_buttons_no:hover 
{
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; 
}

/*YES and Cancel BUTTONS ENDS*/

#vpb_info{ padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;box-shadow: 0 0 5px #cbcbcb;-moz-box-shadow: 0 0 5px #cbcbcb;-webkit-box-shadow: 0 0 5px #cbcbcb; line-height:20px; }

.vpb_new_message{ text-decoration:none; cursor:pointer; color:blue;padding-top:2px; float:left;}
.vpb_new_message:hover{ text-decoration: underline;cursor:pointer; color:blue;}


.vpb_friends_main_box{padding:5px; padding-top:7px; padding-bottom:7px;border-bottom:1px solid #E1E1E1;cursor:pointer; font-weight:bold; background-color:#FFF;width:288px;color:#000;}
.vpb_friends_main_box:hover{ background-color:#ECEFF5; color:#000;}

.vpb_friends_main_box .vpb_last_message_sent{background:none;color:#A2A2A2;}
.vpb_friends_main_box .vpb_date_sent{background:none;color:#A2A2A2;}

.vpb_friends_selected_box{padding:5px; padding-top:7px; padding-bottom:7px;border:0px solid #E1E1E1; cursor:pointer;  font-weight:bold;width:288px;background-color:#b60002;color:#FFF;}

.vpb_friends_selected_box .vpb_last_message_sent{background:none;color:#FFF;}
.vpb_friends_selected_box .vpb_date_sent{background:none;color:#FFF;}


input#vpb_search_user_term {
	font: normal 12px Verdana, Tahoma, sans-serif;
	padding:5px;
	padding-top:3px;
	outline: 0;
	height:16px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	border:1px solid  #D9D9D9;
	width: 241px;
	outline:none;

}	


.vpb_search_box {
	
	margin:0px;
	border:0px solid #1d4088;
	clear:both;
	float:left;
	color:#050505;
	width:100%;
	background:#f2f2f2;
	border-bottom:1px solid #E1E1E1;
}


.aadileds{
	text-align:center;
	background:#f2f2f2 url('../images/addfile.png') no-repeat 12px 9px;
	color:green;
	border:1px solid #ccc;
	height:30px;
	cursor: default;
	width:106px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

.addpic{
	text-align:center;
	background:#f2f2f2 url('../images/addpic.png') no-repeat 12px 9px;
	color:green;
	border:1px solid #ccc;
	height:30px;
	cursor: default;
	width:120px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}



/*checkbox*/
.vpb_press_enter_for_submit label 
{
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.vpb_press_enter_for_submit label:after 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	float:left;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.vpb_press_enter_for_submit label:hover::after 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.vpb_press_enter_for_submit input[type=checkbox]:checked + label:after 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

a.vasplus_programming_blog_tooltips {outline:none; }
a.vasplus_programming_blog_tooltips strong {line-height:30px;}
a.vasplus_programming_blog_tooltips:hover {text-decoration:none;} 
a.vasplus_programming_blog_tooltips span {
    z-index:9999;display:none; padding:6px 6px;
    margin-top:-9px; margin-left:-378px;
    width:auto; line-height:16px;
	font-weight:normal;
}
a.vasplus_programming_blog_tooltips:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:999999999999;position:absolute;top:30px;border:0;left:-12px;}
    

a.vasplus_programming_blog_tooltips span
{
    border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 0 12px #cbcbcb;
	-moz-box-shadow: 0 0 12px #cbcbcb;
	-webkit-box-shadow: 0 0 12px #cbcbcb;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	padding:10px; 
}


#message_to_delete {

background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;box-shadow: 0 2px 3px #951100;-moz-box-shadow: 0 2px 3px #951100;-webkit-box-shadow: 0 2px 3px #951100;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #FFF;
  font-weight: normal;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 40px;
  padding:5px;
  padding-left:8px; padding-right:8px;padding-top:2px;
}
#message_to_delete:hover 
{
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; 
}

/*Scroller*/
div::-webkit-scrollbar {
    overflow: visible;
    width: 18px;
}
div::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 2px
}
div::-webkit-scrollbar-track {
    border-width: 0
}
div::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
div::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}
div::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0
}
div::-webkit-scrollbar-track:hover {
    background-color: rgba(220,172,0,.05);
    box-shadow: inset 1px 0 0 rgba(220,172,0,.1);
}
div::-webkit-scrollbar-track:horizontal:hover {
    box-shadow: inset 0 1px 0 rgba(220,172,0,.1)
}
div::-webkit-scrollbar-track:active {
    background-color: rgba(220,172,0,.05);
    box-shadow: inset 1px 0 0 rgba(220,172,0,.14),inset -1px 0 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-track:horizontal:active {
    box-shadow: inset 0 1px 0 rgba(220,172,0,.14),inset 0 -1px 0 rgba(220,172,0,.07)
}
div::-webkit-scrollbar-thumb {
    background-color: rgba(220,172,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(220,172,0,.1),inset 0 -1px 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    padding: 0 0 0 100px;
    box-shadow: inset 1px 1px 0 rgba(220,172,0,.1),inset -1px 0 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-thumb:hover {
    background-color: rgba(220,172,0,.4);
    box-shadow: inset 1px 1px 1px rgba(220,172,0,.25);
}
div::-webkit-scrollbar-thumb:active {
    background-color: rgba(220,172,0,0.5);
    box-shadow: inset 1px 1px 3px rgba(220,172,0,0.35);
}
div::-webkit-scrollbar-track {
    border-width: 0 1px 0 6px
}
div::-webkit-scrollbar-track:horizontal {
    border-width: 6px 0 1px
}
div::-webkit-scrollbar-track:hover {
    background-color: rgba(220,172,0,.035);
    box-shadow: inset 1px 1px 0 rgba(220,172,0,.14),inset -1px -1px 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-thumb {
    border-width: 0 1px 0 6px
}
div::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 0 1px
}
div::-webkit-scrollbar-corner {
    background: transparent
}
div::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: #F2F2F2;
    border: solid #fff;
    border-width: 0 0 0 3px;
    box-shadow: inset 1px 0 0 rgba(220,172,0,.14),inset -1px 0 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-track-piece:horizontal {
    border-width: 3px 0 0;
    box-shadow: inset 0 1px 0 rgba(220,172,0,.14),inset 0 -1px 0 rgba(220,172,0,.07);
}
div::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px
}
div::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px
}
div::-webkit-scrollbar-corner {
    background-clip: padding-box;
    background-color: #F2F2F2;
    border: solid #fff;
    border-width: 3px 0 0 3px;
    box-shadow: inset 1px 1px 0 rgba(220,172,0,.14);
}

.ccc a:link {text-decoration: none !important;}
.ccc a:hover {text-decoration:underline;color: blue;}  /*YES MAN*/


#number_of_favorite_friends{float:left;-moz-text-shadow: #000 0 1px 1px;-webkit-text-shadow: #000 0 1px 1px;font-size: 38px;color:#999;margin-left:10px;text-shadow: #000 0 1px 1px;}



span.favorite_frends {  margin:auto; text-align:left;}
span.favorite_frends img { margin-bottom:2px; margin-left:6px; margin-right:0px;display:inline; border:5px solid #F2F2F2; }
span.favorite_frends a:hover img { border:5px solid #E9E9E9; } 



#vpb_pop_up_background
{
	display:none;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	position:fixed;
	z-index:99999999;
}





/*Enlarge this user photo Pop-up Box*/

#vpb_compose_new_message_wrapper
{
	display:none;
	width:600px;
	height:auto;
	width:auto;
	border: solid 1px #000;
	background-color: #FFF;
	box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	top: 5%; 
	left: 27.5%; 
	position:fixed;
	z-index:9999999999;
}

#vpb_photo_enlargement_wrapper
{
	display:none;
	width:600px;
	height:auto;
	width:auto;
	border: solid 1px #000;
	background-color: #FFF;
	box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	top: 5%; 
	left: 27.5%; 
	position:fixed;
	z-index:9999999999;
}



.vpb_messageholder{width:310px; background:#EFEFEF; padding:10px;color:#3B79BB; font-weight:bold; cursor:pointer;}
.vpb_messageholder:hover{ background:black; color:#FFF;}



.vpb_red_button {
background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  margin-top:10px;
  margin-left:45px;
  min-width: 80px;
  width:auto;
  padding:10px;
  padding-left:14px; padding-right:14px;
  float:left;
  text-decoration:none;
}

.vpb_red_button:hover 
{
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; 
}





.vpb_compose_textfields{width:569px; padding:5px; height:20px; padding-top:4px;padding-left:5px;padding-right:5px;border: 1px solid #75D2FF; }
.vpb_compose_textfields:focus {outline:none;box-shadow: 0px 0px 4px #4195fc;-moz-box-shadow: 0px 0px 4px #4195fc;-webkit-box-shadow: 0px 0px 4px #4195fc;}





.vpb_general_button 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  /*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  min-width: 40px;
  width: auto;
  padding:7px;
  padding-left:10px; padding-right:10px;
  text-decoration:none;
  float:right;
}

.vpb_general_button:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
    cursor: pointer; 
}



.vpb_shared_option_drop_down_box
{
	width:160px;
	position:absolute;
	left:0px;top:0;
	z-index:9999999999999999999999999999999; 
	background:#FFF; 
	border:1px solid #CCC;
	box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
	display:none;
}

#vpb_shared_option_drop_down_box_inner
{
	color:black;
	background:#FFF;
	padding:8px; 
	width:140px; 
	text-align:left;
	padding-left:10px; 
	padding-right:10px;
	color:#000;
}

#vpb_shared_option_drop_down_box_inner:hover
{
	color:#FFF;
	background:#666;
	cursor:pointer;
	box-shadow: 0 0 10px #7fbf4d;-moz-box-shadow: 0 0 10px #7fbf4d;-webkit-box-shadow: 0 0 10px #7fbf4d;right:126px;
}



.vpb_users_option_drop_down_box_suggestion
{
	width:579px;
	position:absolute;
	left:0px;top:0;
	z-index:999999999; 
	background:#FFF; 
	border:1px solid #CCC;
	box-shadow: 0 0 15px #cbcbcb;
	-moz-box-shadow: 0 0 15px #cbcbcb;
	-webkit-box-shadow: 0 0 15px #cbcbcb;
}

#vpb_shared_option_drop_down_box_inner_suggestion
{
	color:black;
	background:#FFF;
	padding:5px;
	padding-top:2px;
	padding-bottom:4px;
	width:570px; 
	text-align:left;
	color:#000;
	font-weight:bold;
}

#vpb_shared_option_drop_down_box_inner_suggestion .inner
{
	color:#999;
}
#vpb_shared_option_drop_down_box_inner_suggestion:hover .inner
{
	color:#FFF;
}

#vpb_shared_option_drop_down_box_inner_suggestion:hover
{
	color:#FFF;
	background:#b60002;
	cursor:pointer;
	box-shadow: 0 0 10px #7fbf4d;-moz-box-shadow: 0 0 10px #7fbf4d;-webkit-box-shadow: 0 0 10px #7fbf4d;right:126px;
}


.remove_selected_friends_in_tagged_list
{
	padding:3px; border:1px solid #E1E1E1;cursor:pointer; padding-left:6px; padding-right:6px; padding-top:0px; color:#000;text-align: center;
	box-shadow: 0 0px 10px #cbcbcb;
	-moz-box-shadow: 0 0px 10px #cbcbcb;
	-webkit-box-shadow: 0 0px 10px #cbcbcb;
	text-decoration:none;
}

.remove_selected_friends_in_tagged_list:hover
{
	background:#b60002;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  text-decoration:none;
    cursor: pointer; 
}


#vpb_home  {
	width:22px; height:18px;
	margin:0px;
	padding:0px;
	margin-top:0px;
	cursor:pointer;
	background: url(../images/home.png) no-repeat;
	border: 0px solid hidden;
	float: left;
}



/*For Error Messages*/

#vpb_info { width:500px; text-align:left;border: 1px solid #999; padding:8px 10px 8px 10px; font: bold 12px verdana;-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;text-shadow: 2px 2px 2px #ccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;line-height:20px;font-weight:normal;color: black;background: #BDE5F8;}


.formWrapper {
	width:530px; 
	padding:10px; 
	height:auto;
	border: solid 1px #cbcbcb;
	background-color: #FFF;
	box-shadow: 0 0 10px #cbcbcb;
	-moz-box-shadow: 0 0 10px #cbcbcb;
	-webkit-box-shadow: 0 0 10px #cbcbcb;
	-webkit-border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;
	padding:10px; 
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	display:block; 
	float:none; 
	margin: 0 auto; 
}

.info, .success, .warning, .error {border: 1px solid #999;margin: 5px 0px;padding:12px 20px 12px 55px;width: auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;line-height:20px;font-weight:normal;max-width:945px; text-align:left;}

.info {color: black;background: #BDE5F8 url('../images/info.png') no-repeat 10px center;}
.success {color: black;background: #DFF2BF url('../images/successg.png') no-repeat 10px center;}
.warning { color: #9F6000;background: #FEEFB3 url('../images/attention.png') no-repeat 10px center;}
.error {color: #D8000C; background: #FFBABA url('../images/attention.png') no-repeat 10px center;}

.field {
	padding:50px 100px;
	padding: 10px !important;
	font-size:16px;
	border: solid 1px #CD9BFF;
	background: #FFFFFF url('../images/form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	outline:none;
	/*-webkit-border-radius: 5px 5px; 5px 5px;-moz-border-radius: 5px 5px; 5px 5px;border-radius: 5px 5px; 5px 5px;*/
	}

textarea { 
	outline:none;
	}

.field:hover { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
	
}

.field:focus { 
    outline:none;
    /* create a BIG glow */
    box-shadow: 0px 0px 10px #4195fc; 
    -moz-box-shadow: 0px 0px 10px #4195fc;
    -webkit-box-shadow: 0px 0px 10px #4195fc;  
}​

.vpb_mains_buttons 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
}
.vpb_mains_buttons:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}

#vpb_mains_buttons 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  padding:9px;
  padding-left:12px; 
  padding-right:12px;
  padding-bottom:8px;
  float:left;
  margin:0px;
}
#vpb_mains_buttons:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}

.vpb_mains_buttons 
{
 background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 2px solid #63a62f;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
  -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  padding:9px;
  padding-left:15px; padding-right:15px;padding-bottom:8px;
  float:left;
  margin:0px;
}
.vpb_mains_buttons:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}


.formLeft
{
	width:110px; 
	float:left; 
	padding-top:10px;  
	color:black;
	text-align:left;
}
.formRight
{
	width:340px; 
	float:left;
	text-align:left;
}

.formTitle
{
	margin:10px 0px;
	color:#999;
	border-bottom:10px solid #F6F6F6; 
	padding-bottom:10px;
	text-align:left;
}

.fornDesc
{
	padding-right:30px;
	padding-top:5px; 
	line-height:20px;
	text-align:left !important;
}


.mainChatBox
{
	width:790px; 
	border: solid 0px #cbcbcb;
	background-color: #FFF;
	box-shadow: 0 0 6px #cbcbcb;
	-moz-box-shadow: 0 0 6px #cbcbcb;
	-webkit-box-shadow: 0 0 6px #cbcbcb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	padding:0px;
	margin:0 auto;
	margin-top:50px;
}


.mainChatBox .aaa
{
	max-width:300px; float:left;border:0px solid #CCC;
	width:100%;
}

.mainChatBox .bbb
{
	width:100%;
}

.mainChatBox .cccc .vpb_search_box
{
	width:100%; border-bottom:1px solid #E1E1E1; padding-bottom:0px;
	text-align:left;
}


.mainChatBox .usersOnline
{
	margin-top:0px;color:#999;color:#999;
	text-align:left;
	padding:11px;
}


#vpb_friends_box_desplayers
{
	width:100%;float:left;max-height:445px;height:auto;outline:none;overflow-y:auto; overflow-x: hidden;
}

#vpb_loading_users
{
	width:100%;
}

.mainChatBox .ddd
{
	max-width:470px; float:left;border:0px solid;
	width:100%;
}

.mainChatBox .eee
{
	width:100%; border-left: solid 1px #ddd;
}

.mainChatBox .fff
{
	width:100%;
}

.mainChatBox .ggg
{
	width:100%; text-align:left;
}

.mainChatBox .hhh
{
	float:left; width:100%;border: solid 0px #cbcbcb;background-color: #FFF;box-shadow: 0 0 8px #cbcbcb;-moz-box-shadow: 0 0 8px #cbcbcb;-webkit-box-shadow: 0 0 8px #cbcbcb;-webkit-border-radius: 0px 4px 0px 0px;-moz-border-radius: 0px 4px 0px 0px;border-radius: 0px 4px 0px 0px; padding:10px; padding-top:10px;padding-bottom:11px;text-align:left;
}

.mainChatBox .iii
{
	float:left; max-width:320px; width:100%;
}

#vpb_general_chat
{
	float:right;padding-top:2px; display:none; text-align:right;
}

#friends_boxs_containerd
{
	
	width:100%; word-wrap: break-word;height:323px;outline:none;overflow-y:auto; overflow-x: hidden; float:left;padding:10px; padding-left:0px; padding-right:0px;
	width:490px;
}

#vpb_display_conversation
{
	width:100%;
}

.mainChatBox .jjj
{
	float:left;width:100%;
}

.mainChatBox .kkk
{
	width:100%;
}

.mainChatBox .lll
{
	padding:10px;width:99.5%;border:1px solid #F1F1F1; background:#F9F9F9;
border-radius: 0px 0px 4px 0px;-moz-border-radius: 0px 0px 4px 0px;-webkit-border-radius:0px 0px 4px 0px;
padding-bottom:0px;float:left;
}

#vpb_submitBox
{
	float:right; width:77px;margin-top:4px; padding-right:0px; text-align:left;
}

.vpb_confirmation_buttons_yes
{
	width:50px; float:right;text-decoration:none; font-size:13px; color:#FFF !important;
}

.Press_Enter_to_send
{
	float:right;width:150px;margin-top:10px;margin-right:13px; height:33px; color:#999;
}

.pressToSend
{
	text-align:left;width:280px;  border: 0px solid black;cursor:pointer;
}

.cbottomBox
{
	float:left;width:469px; text-align:left;
}

.cbottomBoxLeft
{
	float:left; width:150px; text-align:left;
}

.cbottomBoxRight
{
	float:left; width:150px;margin-top:4px; text-align:left;
}