/********************************************************************************
* Comment System Version 4.0
* Written by Vasplus Programming Blog
* Website: www.vasplus.info
***********************************************************************************/

body
{
	font-family:arial;
	font-size:14px;
}

/* Input and Textarea Boxes Style */
.textAreaBox {
	padding:5px; padding-left:10px; padding-right:10px;border: 1px solid #4195fc;outline:none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;font-size:14px;
}

.textAreaBox:focus {
	outline:none;border: 1px solid #4195fc;box-shadow: 0px 0px 14px #4195fc;-moz-box-shadow: 0px 0px 14px #4195fc;-webkit-box-shadow: 0px 0px 14px #4195fc;}#display_posted_message { width:500px; line-height:25px;
}


/*Error Message*/
.info { border: 1px solid #999; margin: 15px 0px; padding:12px 20px 12px 20px; width: 480px;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: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:20px;font-weight:normal;color: black;background: #BDE5F8;font-size:14px;}


/*Comment Wrapper*/
.vpb_commentWrapper
{
	width:500px; 
	border: solid 1px #cbcbcb;
	 background-color: #FFF;
	 box-shadow: 0 2px 20px #cbcbcb;
	-moz-box-shadow: 0 2px 20px #cbcbcb;
	-webkit-box-shadow: 0 2px 20px #cbcbcb;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; 
	padding-left:5px; 
	 
	color:black;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

/*More Comments Button*/
.vpb_show_more_or_the_end
{
	width:500px; 
	border: solid 1px #cbcbcb;
	 background-color: #F6F6F6;
	 box-shadow: 0 0px 10px #cbcbcb;
	-moz-box-shadow: 0 0px 10px #cbcbcb;
	-webkit-box-shadow: 0 0px 10px #cbcbcb;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
	padding-left:5px; 
	 
	color: #039;
	margin-top:50px;
	padding:10px;
	cursor:pointer;
}
.vpb_show_more_or_the_ends
{
	width:500px; 
	border: solid 1px #cbcbcb;
	 background-color: #F9F9F9;
	 box-shadow: 0 0px 10px #cbcbcb;
	-moz-box-shadow: 0 0px 10px #cbcbcb;
	-webkit-box-shadow: 0 0px 10px #cbcbcb;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
	padding-left:5px; 
	 
	color:black;
	margin-top:50px;
	padding:10px;
}



/*Links Style*/
.ccc A:link { color:blue;text-decoration: none; }
.ccc A:visited {color:blue;text-decoration: none;}
.ccc A:active {color:blue;text-decoration: none;}
.ccc A:hover {text-decoration: underline;color: blue;} 


vasplus_programming_blog_wrap_contents 
{
	word-wrap: break-word;      
} 


/*Vasplus Button*/
.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: 50px;
  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;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}