/*
	FB Group Feed

	Copyright (c) 2014-2015 Kalli Dan. (email : kallidan@yahoo.com)

	FB Group Feed is free software: you can redistribute it but NOT modify it
	under the terms of the GNU Lesser Public License as published by the Free Software Foundation,
	either version 3 of the LGPL License, or any later version.

	FB Group Feed is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
	See the GNU Lesser Public License for more details.

	You should have received a copy of the GNU Lesser Public License along with FB Group Feed.
	If not, see <http://www.gnu.org/licenses/>.
*/

/* Feed box */
.wrapperfb {
	border:1px solid #ccc;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	float:left;
	font-size:12px;
	overflow-y:scroll;
}

.topfb {
	float: left;
	width:96%;
	font-size:12px;
	line-height: 22px;
	margin:3px;
	padding-bottom: 10px;
	border-bottom:2px solid #e1e1e1;
}

.singlefb {
	margin:3px;
	width:97%;
	float:left;
	padding-bottom: 6px;
	border-bottom:1px dashed #e1e1e1;
}

.imgfb {
	float:left;
	width:60px;
	text-align:center;
	margin:5px 5px 5px 0px;
	border-right:1px dashed #e1e1e1;
}

.textfb {
	width:78%;
	float:left;
	font-size:11px;
	line-height: 16px;
}

.afb {
	text-decoration: none;
	color: #3b5998 !important;
	font-weight:bold;
}

/* -- ADMIN -- */
.wrap h2.fbtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #21759b;
}
.wrap h2.fbtitle > img{
	padding:10px 20px 20px 0px;
}

#settings input[type=text] { background: #FCFCFC; border: 1px solid #D1D1D1; padding: 5px; width: 250px; }
input.small, select.small { width: 70px !important;text-align:center; }

#settings table{
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:30px;
	width:700px;
}
#settings table td{
	padding: 3px;
}

/* buttons */
.btn-success {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff !important;
  background-color: #47a447 !important;
  border-color: #398439 !important;
}

/*errors, notifications */
.fbhelp-inline {
	display:inline-block;
	vertical-align: middle;
	background: #f8f8f8 url(../images/help.png) top left;
	position: relative;
	width:14px;
	height:14px;
	cursor:pointer;
}

.fberror{
	display:none;
	text-align:left; 
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color:#ff0e0e;
	white-space:nowrap;
}
.fb-sw{
	display: inline;
	font-size: 14px;
	color: #e75967;
}

/* ===== Spinner ===== */
.ui-spinner {
	width: 80px !important;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #dfdfdf;
	height: 25px;
	padding: 0 5px;
	/*background: url(../images/spinnerBg.png) repeat-x top left!important;*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 1px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 1px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 1px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 1px !important;
}
.ui-spinner-disabled { background: #F4F4F4; color: #CCC; }
.ui-spinner input.ui-spinner-box { border: none !important; background: none!important; padding: 6px 0; }
.ui-spinner input:focus{border-color:none !important;background:none !important;}
.ui-spinner-up, .ui-spinner-down { width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: default; border: none; }
.ui-spinner-up { background: url(../images/spinnerTop.png) no-repeat; height: 13px; top: 0; }
.ui-spinner-down { height: 12px; bottom: 0px; background: url(../images/spinnerBottom.png) no-repeat; }
.ui-spinner-pressed {  }
.ui-spinner-list, .ui-spinner-listitem { margin: 0; padding: 0; font-size: 11px; }
.ui-spinner ul li, .ui-spinner-data { line-height: 25px; height: 25px; }
.ui-spinner input{
	border: none !important;
}
.ui-spinner input:focus, .ui-spinner input.ui-spinner-box:focus {
  outline: 0;
  border:none !important;
  border-color:none !important;background:none !important;
}