/***********************================================*************************
* Private Message Systemt Version 4.0 
* Written by Vasplus Programming Blog
* Website: www.vasplus.info
* Do not remove this copyright information here and this script must not be sold
* All Copy Rights Reserved by Vasplus Programming Blog
***********************================================**************************/

@charset "utf-8";
*{margin:0px;padding:0px;}

.textAreaBox {font-family:Verdana, Geneva, sans-serif; font-size:12px;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 {font-family:Verdana, Geneva, sans-serif; font-size:12px;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:100%; height:25px;font-family:Verdana, Geneva, sans-serif; font-size:12px;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_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;}


#vpb_logoutBox
{
	float:left; width:78px; height:21px; padding:0px; padding-top:6px; cursor:pointer;border: solid 1px #cbcbcb;box-shadow: 0 0 20px #DF536B;-moz-box-shadow: 0 0 20px #DF536B;-webkit-box-shadow: 0 0 20px #DF536B;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-family:Verdana, Geneva, sans-serif; font-size:12px;
}

#vpb_logoutBox:hover
{
	background:#C60;
	color:#FFF;
	border: 1px solid #FFF;
}


@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(woff.woff) format('woff');
}

#vasplus_programming_blog_confirmation_alert_box
{
	background:;
	
	height:100%;
	position:fixed;
	top:0; left:0;
	z-index:9999;
}

#vasplus_programming_blog_confirmation_alert_box_contents{
	background: #FFF;
	
	position:fixed;
	left:55%;
	top:40%;
	margin:-130px 0 0 -230px;
	border: solid 1px #cbcbcb;box-shadow: 0 0 20px #666666;-moz-box-shadow: 0 0 20px #666666;-webkit-box-shadow: 0 0 20px #666666;
	-webkit-border-radius: 15px 15px; 15px 15px;-moz-border-radius: 15px 15px; 15px 15px;border-radius: 15px 15px; 15px 15px;
	
}

div#vasplus_programming_blog_confirmation_alert_box_headers{
	background: #F1F1F1;
	border-bottom: solid 3px #dfdfdf;
	padding: 10px;
	padding-top:8px;
	-webkit-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;
	font-family: 'Tangerine', serif;font-size: 30px;text-shadow: 2px 2px 2px #aaa;
	color: #888;
	letter-spacing:0.6px;
}

#vasplus_programming_blog_confirmation_alert_box_contents p{
	background: #FFF;
	padding: 10px;
	font-size:16px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
}

#vpb_confirmation_buttons{
	text-align:center;
	
	height:50px;
	margin-top:20px;
}

#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: 8px;-moz-border-radius: 8px;border-radius: 8px;
  color: #fff;
  font: bold 15px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 100px;
  padding:9px;
  padding-left:13px; padding-right:13px;padding-bottom:7px;
}
.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;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    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: 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: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 100px;
  padding:11px;
  padding-left:14px; padding-right:14px;
}
.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; 
}

#vpb_info{font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:10px; background:#FFFFB7; border:1px solid #F1F1F1;box-shadow: 0 0 20px #cbcbcb;-moz-box-shadow: 0 0 20px #cbcbcb;-webkit-box-shadow: 0 0 20px #cbcbcb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:20px;}


/*FRIENDS LIST*/
.vpb_friends_list_box{border:1px solid #F1F1F1;box-shadow: 0 0 20px #cbcbcb;-moz-box-shadow: 0 0 20px #cbcbcb;-webkit-box-shadow: 0 0 20px #cbcbcb;}.vpb_friends_list_box .vpb_friends_list_inner_box{ border:0px solid;border-bottom: 2px solid #E1E1E1;font: bold 12px Verdana;color: #FFF;background: #027eaf url(../images/vpb_left_icon.gif) no-repeat 8px 6px;margin-bottom: 0;text-transform: none;padding: 7px 0 7px 31px; list-style-image:none;}.vpb_friends_list_box ul{ list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; }.vpb_friends_list_box ul li{ border:1px solid #F4F4F4; border-bottom: 2px solid #E1E1E1;}.vpb_friends_list_box ul li a{ font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal;color: black;background: #F9F9F9;display: block;padding: 10px 0;line-height: 20px;padding-left: 8px;text-decoration: none; padding-bottom:10px;padding-top:8px;}.vpb_friends_list_box ul li a:hover{color: #FFF;background: #b60002;}


.aadileds{
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	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;
}



/*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-family:Verdana, Geneva, sans-serif;font-size:11px;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-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  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}
.ccc A:visited {text-decoration: none}
.ccc A:active {text-decoration: none}
.ccc A:hover {text-decoration:underline; font: Arial, Helvetica, sans-serif;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-family: 'Georgia',Times New Roman,Times,serif;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; }