@CHARSET "ISO-8859-1";



.box-contain { border: 2px solid #CCCCCC; }
.box-head { padding:5px; margin:0;  font-family:Arial, Helvetica, sans-serif;  font-size:17px; font-weight:bold; color:#3C508F; border-bottom:2px solid #CCCCCC;  
	
	
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;   
	        border-radius: 4px;
  
}
        
.box-col-contain { clear:both; }

/* BLOG ITEM */

.blog_contain { 
	float:left;
	margin: 0px 3px 3px 3px; 
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
	
	padding:0px 10px 10px 10px;
	background-color:white;

	
}

.blog_list { 
	float:right;
	margin: 10px 3px 3px 3px; 
	font-family:Arial, Helvetica, sans-serif;
	width:185px;

	background-color:white;
	
	
}

.blog_list .topics-contain {
	margin:5px;
}

.blog_list .topics-contain .head{
	padding-bottom:25px;
	padding-top:10px;
	border-bottom:1px dotted black;
}


.topics-contain 
.blog_contain .head { clear:both; }
.blog_contain .head a { text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.blog_contain .head a .image { float:left; width:64px; height:64px; margin:1px; width:16px; height:16px; background:url(../../../../images/extensions/document-list.png) no-repeat; }
.blog_contain .head a .image img { border:none; }
.blog_contain .head .name { float:left; padding-left:10px; font-size:15px; text-align:left; font-weight:bold; color:#3C508F; }
.head .date { float:right; margin:2px;  font-size:13px; text-align:left; font-weight:normal; color:#000; font-style:italic; }
.blog_contain .head a .from {  float:right; clear:right; margin:2px;  font-size:12px; text-align:left; font-weight:normal; color:#3C508F; font-style:italic; }
.blog_contain .head a:hover .name { color:#444444; }
.blog_contain .body { clear:both; padding:10px 0px 10px 0px; font-size:14px; }
.blog_contain .body p{text-align:justify;};
.blog_contain .body a { color: #5E7BD1; text-decoration: none; }
.blog_contain .body a:hover { color:#CCCCCC; }
.blog_contain .footer { clear:both; padding:10px 10px 20px 20px; }
.blog_contain .footer .social { float:right; clear:right; }
.blog_contain .footer .files { float:left; clear:left; padding:0; margin:0; }



/* COMMENTS */

.comment_box {
	padding:10px 10px 20px 10px; 
	margin:4px 10px 2px 10px; 

	color:#4F4F4F; 
	background:#FFFFFF; 
	font-size:13px; 
	clear:both; 
	border-bottom:1px dashed black;
	}
.comment_box .name { float:left; }
.comment_box .name strong { color:#015B25; }
.comment_box .date { float:right; }

.total_box { border:1px solid #CCCCCC; padding:5px; margin:10px 10px 10px 10px; color:#015B25; font-weight:bold; font-size:16px; }
.total_box .custom-button {
	margin:0 0 5px 0; padding:3px;
	border:1px solid #BBBBBB;
	width:150px;
}
.total_box .custom-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('../images/add.png') 1px center no-repeat;
}

.total_box textarea { 
	background:#FFFFFF; 
	padding:4px;
}

#last_msg_loader { text-align: right; margin: -175px auto 0 auto;}

/* GENERAL BOX */

.box-gradient {
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;   
	        border-radius: 4px;
			
	   -webkit-box-shadow: 3px 3px 4px #CCCCCC;	
	      -moz-box-shadow: 3px 3px 4px #CCCCCC;  
		       box-shadow: 3px 3px 4px #CCCCCC;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #DEDEDE); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DEDEDE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE)"; 
	
}

.box-shaddow {
	-webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;   
	        border-radius: 4px;
			
	   -webkit-box-shadow: 3px 3px 4px #CCCCCC;	
	      -moz-box-shadow: 3px 3px 4px #CCCCCC;  
		       box-shadow: 3px 3px 4px #CCCCCC;
			   
}

.blog-tags {  margin:5px; width:200px; }
.blog-tags a {  padding:3px; color:#133A49; border:1px solid #CCCCCC; float:left; margin:3px; text-decoration: none; text-transform:uppercase; 

    -webkit-border-radius: 4px;
	 -khtml-border-radius: 4px;
	   -moz-border-radius: 4px;   
	        border-radius: 4px;
			
	   -webkit-box-shadow: 3px 3px 4px #CCCCCC;	
	      -moz-box-shadow: 3px 3px 4px #CCCCCC;  
		       box-shadow: 3px 3px 4px #CCCCCC;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #DEDEDE); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DEDEDE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE)"; 

}