﻿/* ==== Color Theme ==== */
.headerfeed { 
	background-color:#009933; 
}
.cpfeed-element-title  a { 
	color:#009933 !important; 
}


/* ==== Overall Container ==== */
.cpfeed-container { 
	background-color:#eeeeee; 
	font-family:Calibri; 
	text-align:center; 
	line-height:14px; 
}

/* ==== Error message ==== */
.cpfeed-error  { 
	font-size:12px; 
}

/* ==== Header ==== */
.cpfeed-header-container { 
	margin:0; 
	color:#ffffff; 
	height:42px; 
	text-align: left; 
	overflow:hidden;
} 

.cpfeed-header-title { 
	font-size:14px; 
	font-weight:700; 
	display:block; 
	padding-top:5px; 
	padding-left:5px; 
	width:73%; 
	line-height:17px;
} 

.cpfeed-header-description { 
	font-size:12px; 
	display:block; 
	padding-top:1px; 
	padding-left:5px; 
	line-height:17px; 
}

.vertical .cpfeed-header-description { 
	width:73%; 
}

.horizontal .cpfeed-header-description { 
	width:90%; 
}

.cpfeed-header-container div.left.arrow { 
	position:absolute; 
	top:9px; 
	right:35px; 
	width:25px; 
	height:25px;
}	
.cpfeed-header-container div.right.arrow { 
	position:absolute; 
	top:9px; 
	right:5px; 
	width:25px; 
	height:25px;
}
.cpfeed-header-container div.up.arrow { 
	position:absolute; 
	top:9px; 
	right:35px; 
	width:25px; 
	height:25px;
}
.cpfeed-header-container div.down.arrow { 
	position:absolute; 
	top:9px; 
	right:5px; 
	width:25px; 
	height:25px;
}

/* ==== Loader ==== */
.cpfeed-loading { 
	margin-top: 10px; 
}

/* ==== Element ==== */
.cpfeed-elements-container { 
	padding:5px;
}

.cpfeed-element { 
	padding:10px; 
	background-color:#ffffff; 
	overflow:hidden; 
	text-align:center; 	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px;
} 
.cpfeed-element.over { 
	background-color:#dddddd;
}
.cpfeed-element-title  a { 
	font-size:13px; 
	font-weight:700; 
	display:block; 
	text-decoration:none; 
}
.cpfeed-element-title  a:hover { 
	text-decoration:underline; 
}
.cpfeed-element-date { 
	font-size: 10px;
	color:#bbb; 
	display:block; 
	margin:5px 0px;  
}
.cpfeed-element-text { 
	font-size:12px; 
	line-height:16px; 
	display:block; 
	color:#777; 
	margin:5px 0px;  
}

.horizontal .cpfeed-element{ 
	float:left; 
	display:block; 
	width:180px; 
	margin-right:5px; 
} 
.horizontal .cpfeed-element:last-child { 
	margin-right:0!important;
}
.horizontal .cpfeed-element span { 
	text-align:left; 
}

.vertical .cpfeed-element { 
	margin-bottom:5px;
}
.vertical .cpfeed-element:last-child { 
	margin-bottom:0!important;
}
.vertical .cpfeed-element span { 
	text-align:left; 
}

.cpfeed-element-image { 
	max-width:100%!important; 
	border:none; 
}

/* ==== Scroll Bars ==== */
.cpfeed-body-container::-webkit-scrollbar { 
	width: 10px; 
	height: 10px; 
} 
.cpfeed-body-container::-webkit-scrollbar-track { 
	margin: 10px 3px 10px 3px; 
	-webkit-box-shadow: inset 0 0 6px rgba(125,125,125,0.3);  
	-webkit-border-radius: 10px; 
	border-radius: 10px;
} 
.cpfeed-body-container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(125,125,125,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.cpfeed-body-container::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(125,125,125,0.4); 
}
