@charset "utf-8";
/* CSS Document - VPN - 191012 */

#oneThirdcol { 
	width:305px;
	height:205px;
	float:left;
	background:url(../images/index/block-bg.gif) repeat-x;
	margin:0 5px 5px 9px;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
	}
	
.col1 span { margin:0 5px 0 0;}
	
.col1 ul li { margin:5px; display:block;}

.col1 ul li a { text-decoration:none; line-height:18px; font-size:11px; color:#444444; text-align:left;}

.col1 ul li a:hover { color:#f8981d;}

.col1 .bSep {height:1px; border-bottom:1px solid #e5e5e5;}

#oneThirdcol h1 { font-size:15px; margin:5px; color:#f8981d; text-transform:uppercase;}

.col2 span { margin:0 5px 0 5px;}

.col2 p { text-align:left; line-height:18px; margin-left:5px;}

.col3 span { margin:0 5px 0 5px;}

.col3 p { text-align:left; line-height:18px; margin-left:5px;}

#bisecCol {
	width:460px;
	height:260px;
	float:left;
	background:url(../images/index/block-bg.gif) repeat-x;
	margin:0 10px 5px 10px;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
	}
	
#bisecCol h1 { font-size:15px; margin:5px; color:#f8981d;}

#bisecCol span { margin:0 5px 0 5px; height:30px;}

#bisecCol ul li { margin:5px;}

#bisecCol ul li a { text-decoration:underline; line-height:25px; font-size:11px; color:#444444; text-align:right;}

#bisecCol ul li a:hover { color:#f8981d;}

/*---------- 1 NOV 2012 -----------*/

.topicTitle { 
	height:30px; 
	background:url(../images/index/header-bg.png) repeat #f2f2f2;	
	}
	
.topicTitle span {
	font-size:13px;
	color:#444444;
	text-shadow:0 2px 3px rgba(0,0,0,0.3);
	margin:5px 0 0 10px;
	position:absolute;
	}
	
#leftContainer { float:left; width:250px; min-height:500px;}

#middleContainer { float:left; width:460px; min-height:500px;}

#rightContainer { float:right; width:250px; min-height:500px;}

#leftBlock { 
	width:240px;
	min-height:250px;
	margin:5px 0 0 10px;
	background:#fafafa;
	
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	}
	
#middleBlock { 
	width:440px;
	min-height:250px;
	margin:5px 0 0 10px;
	background:#fafafa;
	
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	}
	
#rightBlock { 
	width:240px;
	min-height:250px;
	margin:5px 0 0 0;
	background:#fafafa;
	
	box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
	}
	
.titleBorder { height:2px; background:url(../images/index/title-border.gif) repeat-x;}

ul.listOne { margin:5px 0 0 10px;}

ul.listOne li { border-bottom:1px solid #e5e5e5;}

ul.listOne li a {
	font-size:12px;
	color:#444444;
	line-height:25px;
	text-decoration:none;
	}
	
ul.listOne li a:hover { color:#f8981d;}

ul.listOne li.bottomNone { border-bottom:none;}

.newsStream span { margin:0 5px 0 0;}
	
ul.newsStream li { margin:5px; display:block;}

ul.newsStream li a { text-decoration:none; line-height:18px; font-size:12px; color:#444444;}

ul.newsStream li a:hover { color:#f8981d;}

.newsStream .bSep { border-bottom:1px solid #e5e5e5;}

.moduleActivities { height:27px; background:url(../images/index/recent-ttt-bg.gif) repeat-x; border-bottom:1px solid #f8981d;}

.moduleActivities ul li { 
	float:left;
	list-style:none;
	}
	
.moduleActivities ul li a { 
	text-decoration:none;
	font-size:12px;
	color:#444444;
	display:block; 
	padding:5px 10px; 
	height:18px;
	}
	
.moduleActivities ul li a:hover { 
	color:#f8981d;
	background:#ffffff;
	
	box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	}

.moduleActivities ul li a.active{ 
	color:#f8981d;
	/*background:url(../images/index/pointer.png) no-repeat center 100%;*/
	background:#ffffff;
	
	box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2) inset;
	}
	
.contentBlock { width:430px; margin:10px 5px; border-bottom:1px solid #e5e5e5; overflow:hidden;}

.contentBlock p a { font-size:11px; color:#444444; line-height:18px; text-decoration:none;}

.contentBlock p a:hover { color:#f8981d;}

.contentBlock .user a { text-decoration:none; color:#f8981d;}

.contentBlock .category a { text-decoration:none; color:#1682c5;}

.contentBlock .dateTime { float:right; margin-top:3px;}

.expertPic { float:left; margin-top:5px;}

.expertSay { color:#1682c5; font-size:12px; line-height:20px; padding:5px 0 0 5px;}

.expertName { color:#444444; font-size:13px; margin:5px 5px;}

.expertProfile { color:#777777; font-size:11px; font-style:italic; margin:5px 5px;}
