﻿/*****************/
/*AF CSS*/
/***************/

/*Main*/
div.AFFeedMain { font-size: 75% !important; margin-top: .1em; width: 100%; background: white; /*max-width:400px;*/ }

/*Feed*/
div.AFFeedOuterPane { }

div.AFFeedPane { height: 100%; overflow-y: auto; overflow-x: hidden; max-height: 600px; box-shadow: inset 0 -5px 15px rgba(0,0,0,0.1);}
div.AFFeedItem { padding: 10px; }

div.AFFeedFirst { width: 100%; vertical-align: top; display: inline-block; }
div.AFFeedFirst:after { content: ''; display: table; clear: both; }
div.AFFeedFirst span { display: inline-block; font-size: .7em; color: #8899a6; text-decoration: none; }
div.AFFeedFirst img { width: auto; height: auto; /*padding-top:50%;*/ }

div.AFFeedSecond { width: 20%; vertical-align: top; overflow: hidden; display: inline-block; max-width: 60px; }
div.AFFeedSecond div img { height: auto; width: auto; max-height: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display: block; }

div.AFFeedThird { font-size: 1.2em; line-height: normal; padding-top: 8px; }
div.AFFeedThird img { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; padding-top: 5px; }
div.AFFeedThird div a { color: #084476; text-decoration: none !important; font-weight: 500; }
div.AFFeedThird div a.AFPostTitle { font-weight: bold !important; }

div.AFFeedThird .AFTwitterText { color: rgb(35,35,35); }
div.AFFeedSep { border-bottom: 1px solid #DCE5EC; }

/*Panel*/
div.AFPanelPane { margin-top: 1em; margin-bottom: 1em; }
div.AFNameWrapper { width: 100%; }
div.AFNameLeft { float: left; max-width: 20%; }
div.AFNameRight { float: left; padding-left: 8px; font-size: 1.8em; max-width: 80%; line-height: 1.2; }
div.AFPanelFacebook { float: left; width: 50%; }
div.AFPanelFacebook img, div.AFPanelTwitter img { width: 25%; display: inline-block; vertical-align: top; max-width: 60px; }

div.AFPanelTwitter { float: left; width: 50%; }
div.AFPanelSocialStats { display: inline-block; margin-left: .5em; width: 65%; }
div.AFPanelSocialText { color: #001a53; font-size: 2em; font-weight: bold; }
.AFPanelSocialStats a.AFPanelFacebookLike img,
.AFPanelSocialStats a.AFPanelTwitterFollow img { width: 100%; height: auto; }
.AFPanelSocialStats a.AFPanelFacebookLike img { max-width: 60px; }
.AFPanelSocialStats a.AFPanelTwitterFollow img { max-width: 70px; }

/*Tabs*/
div.AFFeedTabs { cursor: pointer; }
span.AFTabs { width: 50%; float: left; background: #e1e1e1; background: -moz-linear-gradient(top, #fafbfc 1%, #e5e9ed 100%, #e5e9ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafbfc), color-stop(100%,#e5e9ed), color-stop(100%,#e5e9ed)); background: -webkit-linear-gradient(top, #fafbfc 1%,#e5e9ed 100%,#e5e9ed 100%); background: -o-linear-gradient(top, #fafbfc 1%,#e5e9ed 100%,#e5e9ed 100%); background: -ms-linear-gradient(top, #fafbfc 1%,#e5e9ed 100%,#e5e9ed 100%); background: linear-gradient(to bottom, #fafbfc 1%,#e5e9ed 100%,#e5e9ed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#e5e9ed',GradientType=0 ); font-size: 1.7em; font-weight: bold; padding: 5px 10px; border: solid 1px #d7dde3; text-align: center; cursor: pointer; }
span.AFTabs:hover { background: #e5e9ed !important; }
span.AFTabsSelected { width: 50%; float: left; background: #fefefe; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#e5e9ed',GradientType=0 ); font-size: 1.7em; font-weight: bold; padding: 5px 10px; border: solid 1px #d7dde3; text-align: center; cursor: pointer; }

.AFFeedMainDocuments{padding: 10px}
.AFFeedMainDocuments a { display: block; margin-bottom: 5px; }
