/*==================================================================================================================*/
/* Comments - See more about Viafoura customisations at http://developers.viafoura.com/customizations.php#css_styling
/*==================================================================================================================*/
#comments{
	font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	margin-top:15px;
}

#comments .viafoura-title-area{
	border-top:2px solid #000;
	padding-top:8px;
}

#comments .viafoura-title-area .vf-title{
	font-family: "DINWeb-Bold",Arial,sans-serif; 
	font-size: 18px; 
	font-weight: 800;
	text-transform:uppercase;
	color: #000;	
}

#comments .viafoura-account a{
	font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 0 0 8px;
	color:#666;
	margin-left: 5px;
	font-weight:normal;
	cursor:pointer;
}

#comments .viafoura-account a:hover{
	color:#333;
}

#comments .viafoura-account .vf-signout{
	border-left:1px solid #D2D2D2;
}

/* Terms & Conditions */
#comments .it-comment-info {
	font-size: 12px;
	padding: 8px 5px;
	margin:8px 0 0 ;
	border-top: 1px dotted #C6C6C6;
	border-bottom: 1px dotted #C6C6C6;
	line-height: 1.5em;
	font-style:italic;
}

#comments .it-comment-info a,
#comments .it-comment-info a:hover{
	color: inherit;
    text-decoration: underline;
}

/* Comments - HTML */
#comments .viafoura {
	-webkit-font-smoothing: antialiased;
	border-bottom:3px solid #C6C6C6;
	padding-bottom:20px;
	margin-bottom:20px;
}

#comments  .viafoura .vf-comments .vf-comments-meta{
	font-size:14px;
}

#comments .viafoura a {
	color: #428bCA;
	-webkit-font-smoothing: antialiased;
}

#comments .viafoura a:hover,
#comments .viafoura a:visited{
	color: #2A6496;
}

#comments .viafoura a.vf-link{
	color: #428bCA;
}

#comments .viafoura a.vf-link:hover,
#comments .viafoura a.vf-link:visited{
	color: #2A6496;
}

#comments .viafoura .vf-comment-html,
#comments .viafoura .vf-comment-html p,
#comments .viafoura .vf-comment-html li {
	font: 400 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #515151;	
}

#comments .viafoura .vf-rt-toggle{
	line-height:1.5em;	
}

/* Share Options */
#comments .viafoura .vf-share-options{

}

#comments .viafoura .vf-share-options .vf-social-icon{

}

#comments .viafoura .vf-share-options .vf-social-icon:focus,
#comments .viafoura .vf-share-options .vf-social-icon:hover{

}

/* Comments - Avatars */

#comments .viafoura .vf-avatar-container{
	display: none;
}

/* Comments - Buttons */
#comments .viafoura .vf-comments .vf-login-widget{
	color: #FFF;
}

#comments .viafoura .vf-comments .vf-login-widget a,
#comments .viafoura .vf-comments-setting a.vf-subscribe,
#comments .viafoura .vf-comment-box .vf-comment-submit{
	font-family: "DINWeb-Bold",Arial,sans-serif;
	display: inline-block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color:#F6F6F6;
	padding:6px 14px 2px;
	font-size: 14px;
	line-height: 1.5em;
	border-radius: 3px;	
}

/* Comments - Buttons - Login & Username */
#comments .viafoura .vf-comments .vf-login-widget .vf-login-button,
#comments .viafoura .vf-comment-box .vf-comment-submit,
#comments .viafoura .vf-comments-setting a.vf-subscribe,
#comments .viafoura .vf-comments .vf-login-widget .vf-username{
	color: #666;
	border-color: #ccc;	
}

#comments .viafoura .vf-comments .vf-login-widget .vf-login-button:hover,
#comments .viafoura .vf-comment-box .vf-comment-submit:hover,
#comments .viafoura .vf-comments-setting a.vf-subscribe:hover,
#comments .viafoura .vf-comments .vf-login-widget .vf-username:hover{
	color: #333;
}

#comments .viafoura .vf-comments-setting a.vf-subscribe{
	display: none;
}

/* Comments - Buttons - Signup */
#comments .viafoura .vf-comments .vf-login-widget .vf-signup-button{
	color: #fff;
	background: #428bca;
	border-color: #357ebd;
	display: none;
}

#comments .viafoura .vf-comments .vf-login-widget .vf-signup-button:hover{
	background: #3276b1;
	border-color: #285e8e;
}

/* Comments - Buttons - Logout 
#comments .viafoura .vf-comments .vf-login-widget .vf-logout{
	color: #fff;
	background: #d9534f;
	border-color: #d43f3a;
}

#comments .viafoura .vf-comments .vf-login-widget .vf-logout:hover{
	color: #fff;
	background: #d2322d;
	border-color: #ac2925;
}*/

/* Comments - Buttons - Submit */
#comments .viafoura .vf-comment-box .vf-comment-controls{
	padding-bottom: 3px;
}

#comments .viafoura .vf-comment-container .vf-comment{
	padding: 0;
}

#comments .viafoura .vf-comment-container .vf-comment-box{
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

/* Subscribe */
#comments .viafoura a {
	color: #428bCA;
}

#comments .viafoura a:hover {
	color: #2A6496;
}

#comments .viafoura .vf-comments-setting a.vf-subscribe{
	padding: 4px 8px;
	font-size: 12px;
}

/* Viafoura Branding */
/*#comments .viafoura .vf-comment-meta,
#comments .viafoura .vf-comment-actions{
	height: 20px;
}*/

#comments .viafoura .vf-comments-meta .vf-right{
	display: none;
}

/* Comment Container */
#comments .viafoura .vf-comment-box .vf-textarea-container{
	-webkit-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	padding: 3px;
	box-shadow: inset 0 1px 4px #ccc;	    
}

#comments .viafoura .vf-comment-box .vf-comment-textarea{
	-webkit-box-shadow: none;
	        box-shadow: none;
}

#comments .viafoura .vf-comment-box .vf-comment-controls{
	-webkit-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}

/* Server alert message */
#torso .viafoura .vf-comment-box .alert-message{
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
	padding: 8px 14px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	border: 1px solid #eed3d7;
	font-weight: 800;
}

/* User Meta - Rank */
#comments .viafoura .vf-user-meta .vf-rank{
	padding-top: 0;
	vertical-align: baseline;
	display: none; /* Hiding for the moment */
}

/* Form  */
#acceptTocModal.viafoura .vf-form,
#acceptTocModal.viafoura .vf-form .vf-form-title{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #555;
}

#acceptTocModal.viafoura .vf-form .vf-form-title a{
	color: #428bca !important;
}

#acceptTocModal.viafoura .vf-form .vf-form-title a:hover{
	color: #2a6496 !important;
}

#acceptTocModal.viafoura .vf-form input[type='submit']{
	background-image: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px !important;
	line-height: 1.42857143;
	border-radius: 4px;
	text-shadow: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	/* Blue */
	color: #FFF;
	background-color: #428bca;
	border-color: #357ebd;
}

/* Modal - T&C */
#acceptTocModal.viafoura .vf-modal-subview .vf-form-actions{
	text-align: right;
}

#acceptTocModal.viafoura .vf-form input[type='submit']:hover{
	color: #FFF;
	background-color: #3276b1;
	border-color: #285e8e;
}

#acceptTocModal.viafoura .vf-form input#iDoAccept{
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}

#acceptTocModal.viafoura .vf-form input#iDoAccept:hover{
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e;
}

#acceptTocModal.viafoura .vf-form input#doNotAccept{
	color: #333;
	background-color: #fff;
	border-color: #CCC;
	margin-right: 10px;
}

#acceptTocModal.viafoura .vf-form input#doNotAccept:hover{
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}

/* Modal */
.viafoura .vf-modal .vf-header{
	border: none !important;
	background: #888 !important;
	padding: 10px !important;
}

.viafoura .vf-modal .vf-header .vf-modal-title{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
}

.viafoura .vf-modal .vf-header .vf-user-info .vf-left .vf-username+div{
	display: none !important; /* Hiding Rank */
}

.viafoura .vf-login-options .vf-social-button{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}

.viafoura .vf-login-options li{
	text-indent: 0 !important;
}

.viafoura .vf-modal .vf-modal-close{
	font-size: 2.2em !important;
	padding: 0 10px !important;
}

.viafoura .vf-modal .vf-inner-modal .vf-sidebar{
	width: 100% !important;
	float: none !important;
}

.viafoura .vf-user-login .vf-login-options li:first-child{
	display: none !important;
}

.viafoura .vf-user-login .vf-content form{
	display: none !important;
}

#acceptTocModal.viafoura .vf-user-login .vf-content form{
	display: block !important;
}

/* Messages */
.viafoura .vf-success-message{
	padding: 0 !important;
	margin: 10px 0 !important;
	display: inline-block !important;
	font-weight: bold;
	color: #468847 !important;
	background-color: #dff0d8 !important;
}

.viafoura .vf-error-message{
	padding: 0 !important;
	margin: 10px 0 !important;
	display: inline-block !important;
	font-weight: bold;
	color: #b94a48 !important;
	background-color: #f2dede !important;
}

/* Character Count */
.viafoura .vf-comment-box .vf-char-count{
	font-weight: bold;
	vertical-align: middle;
}

/* User Settings / Popup */
.viafoura .vf-modal .vf-inner-modal{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	box-shadow: 0 6px 10px -6px #444 !important;
	width: 96% !important;
}

.viafoura .vf-modal .vf-content{
	border-left: none !important;
}

.viafoura .vf-modal .vf-header .vf-modal-title{
	text-shadow: none !important;
}

.viafoura .vf-user-profile .vf-user-meta{
	background-color: #777 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	right: 35px !important;
}

.viafoura .vf-user-profile .vf-user-meta li{
	text-shadow: none !important;
}

.viafoura .vf-user-profile .vf-user-meta .vf-count{
	text-shadow: none !important;
}

.viafoura .vf-social-button,
.viafoura .vf-form input[type='button'],
.viafoura .vf-tabs{
	background: #EEE !important;
}

.viafoura .vf-comment-box .vf-comment-user{
	display: none !important;
}

.viafoura .vf-comment-box .vf-comment-user+.vf-comment-form{
	padding: 0 !important;
}

#comments .viafoura button, .viafoura input, .viafoura select, .viafoura textarea{
	font-size: 16px;
}

.viafoura .vf-comment .vf-social-icon{
	padding: 0 6px 6px 6px !important;
}

.viafoura .vf-achievements .vf-videostar{
	display: none !important;
}

.viafoura .vf-account-options .vf-settings{
	display: none !important;
}

.viafoura .vf-user-profile .vf-comment-user{
	margin-right: 24px !important;
}

.viafoura .vf-user-profile .vf-user-meta li{
	display: none !important;
}

.viafoura .vf-user-profile .vf-user-meta li:first-child{
	display: inline-block !important;
	padding: 0 !important;
}

.viafoura .vf-tabs{
	background: #EEE !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
}

.viafoura .vf-tabs li.vf-current a{
	border: 1px solid #ccc !important;
	margin-top: 0px !important;
	bottom: 0px !important;
	z-index: 99 !important;
	border-bottom: none !important;
}

.viafoura .vf-comment-container{
	padding: 20px 0 !important;
	border-top: none !important;
}

/* Admin Area */
#comments .vf-thread-option{
	width: 100%;
	text-overflow: ellipsis;
}

#comments .viafoura .vf-alert{
	margin-top: 5px;
}

#comments .viafoura .vf-comments .vf-commenting .vf-global-settings{
	padding: 10px 10px 15px 10px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}

/* User Profile - Email Settings */
.viafoura .vf-email-settings td,
.viafoura .vf-email-settings th{
	vertical-align: middle;
}

/* Labels */
#comments .viafoura .vf-comment-hightlight{
	display: none;
}

#comments .viafoura .vf-user-title{
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
}

#comments .viafoura .vf-moderator{
	background: #000;
	margin-top: 0;
	color: #FFF;
	padding: 3px 5px 4px 5px;
	display: inline-block;
	vertical-align: middle;
}

#comments .viafoura .vf-trusted{
	background: #eee;
	margin-top: 0;
	color: #555;
	padding: 2px 4px 3px 4px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #cbcbcb;
}

/* Follow Button in a user's profile */
.viafoura .vf-user-profile .vf-subscribe{
	position: absolute !important;
	right: 46px !important;
	top: 70px !important;
}

.viafoura .vf-modal .vf-subscribe{
	display: none !important;
	background: #FFF !important;
	border: 1px solid #777 !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

.viafoura .vf-modal .vf-subscribe:hover{
	background: #EEE !important;
	border: 1px solid #777 !important;
}

#loginSmall .vf-inner-modal {
    width: 220px !important;
}

/* Media Queries */
@media only screen and (min-width: 480px){
	.viafoura .vf-comment-box .vf-comment-user+.vf-comment-form{
		padding: 0 !important;
	}
	#comments .viafoura button, .viafoura input, .viafoura select, .viafoura textarea{
		font-size: 100%;
	}
	.viafoura .vf-comments .vf-login-widget{
		text-align: left !important;
	}
	.viafoura .vf-user-profile .vf-comment-user{
		margin-right: 0 !important;
	}	
	#comments .vf-thread-option{
		height: auto;
	}
}

/*=========================================*/
/* Social Plugins
/*=========================================*/

.viafoura .vf-community-widget{font-size:16px;}

.viafoura .vf-community-widget .vf-list{
	font-family: Arial, Helvetica, sans-serif;
}

.viafoura .vf-community-widget .vf-list{
	list-style-type: none;
  	margin-left: 0;
	*list-style-type: decimal; 
}

.viafoura .vf-community-widget .vf-list > .vf-item.vf-page-row{
  counter-increment: customlistcounter;  
}

.viafoura .vf-community-widget .vf-list > .vf-item.vf-page-row:before {
  content: counter(customlistcounter) " ";
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:2em;
  color:#777552;
  position:absolute;
}

.viafoura .vf-community-widget .vf-list{
  counter-reset: customlistcounter;
}


#torso .viafoura .vf-community-widget .vf-article{
	margin: 0;
	padding-bottom:10px;
	border-bottom: 1px solid #C6C6C6;
}

/* Body */
.viafoura .vf-community-widget .vf-article > .vf-article-body{
	min-height: 2.7em;
	font-size:inherit;
}

/* Heading */
#torso .viafoura .vf-community-widget .vf-article .vf-article-heading{
	display: inline-block;
	padding: 0;
	color:#333;
	margin:0;
	line-height:inherit;
}

.viafoura .vf-community-widget .vf-article > .vf-article-body a{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    line-height: 1.3em;
	padding: 10px 0 0 30px;
	position:relative; 
}

.viafoura .vf-community-widget .vf-article > .vf-article-body a:hover{
	color: #074399;
}

.viafoura .vf-community-widget .vf-article > .vf-article-body a:hover .vf-article-heading{
	color: #074399;
}

/* Comment Count */
.viafoura ul.vf-hlist .vf-article-comments{
	display: none !important;
}