.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

body{
background-color:#ece190;
margin:0;
padding:0;
font-family:helvetica, arial, sans-serif;
background-attachment:fixed;
}

p{
font-family:helvetica, arial, sans-serif;
font-size:15px;
}

form{
margin:0;
}

a, .pagebox span{
color:#99cc66;
text-decoration:none;
cursor:pointer;
}

a:hover, .pagebox span:hover{
color:#99cc66;
text-decoration:underline;
cursor:pointer;
}

.pagebox{
border:1px dotted black;
border-left:0;
border-right:0;
text-align:center;
margin:0;
padding:6px 0 5px 0;
line-height:16px;
}

.pagination{
clear:both;
padding:10px 0;
}

img
{
border:none;
}

input:focus {  
outline:none;  
}

#result img{
border:1px solid #a7a9ac;
}

#top {
background-color:#abc8e9;
border-bottom:solid 10px #99cc66;
}

#happy-top {
background:#abc8e9 url(http://c3340665.r65.cf0.rackcdn.com/FoF-homepage.png) no-repeat center 24px;
height:460px;
width:844px;
margin:0 auto;
}

#logo{
z-index:3;
width:210px;
position:relative;
left:60px;
top:18px;
margin:0;
padding:127px 0 0 0;
float:left;
overflow:hidden;
background-image:url(http://c3340665.r65.cf0.rackcdn.com/friend-or-follow.png);
background-repeat:no-repeat;
height: 0px !important;
height /**/:127px;
}
a #logo{
cursor:pointer;
}

.center {
width:900px ;
margin-left:auto ;
margin-right:auto ;
}

#userList{
margin:0 auto;
width:702px;
}

#intro{
color:#FFFFFF;
font-weight:bold;
left:475px;
position:relative;
text-align:justify;
top:19px;
width:226px;
clear:both;
}

#intro p{
padding:0;
margin:0;
position:relative;
line-height:22px;
font-size:15px;
}
body.lang-es #intro p{
line-height:18px;
}
body.lang-ja #intro p{
line-height:19px;
}
body.lang-de #intro p{
line-height:19px;
}


#footer p{
margin:65px 0 0;
background:transparent url(http://c3340665.r65.cf0.rackcdn.com/footer-yellow.png) no-repeat center;
text-align:center;
font-size:13px;
color:#6c6d70;
height:34px;
clear:both;
padding-top:19px;
font-weight:bold;
}

#ads, #brought-to{
margin:10px 0 0 100px;
}

.left-ad{
float:left;
margin:0 19px 0 0;
}

#front-form #username{
border:0 solid #fff;
color:#A7A9AC;
font-size:45px;
left:100px;
margin:0;
padding:0;
position:relative;
text-align:center;
top:80px;
width:500px;
display:block;
}
body.lang-es #front-form #username{
font-size:31px;
top:88px;
}
body.lang-ja #front-form #username{
font-size:40px;
}
body.lang-fr #front-form #username{
font-size:33px;
top:90px;
}
body.lang-ru #front-form #username{
font-size:31px;
top:90px;
}
body.lang-de #front-form #username{
top:77px;
}



#front-form #submit{
color:#fff;
height:72px;
width:150px;
background-color:transparent;
border:none;
font-size:40px;
position:relative;
cursor:pointer;
top:17px;
left:632px;
display:block;
}
body.lang-es #front-form #submit{
height:101px;
}
body.lang-fr #front-form #submit{
font-size:28px;
height:95px;
}
body.lang-ru #front-form #submit{
font-size:22px;
height:103px;
}
body.lang-de #front-form #submit{
font-size:28px;
height:60px;
}

#user-info{
width:455px;
float:right;
background:transparent url(http://c3340665.r65.cf0.rackcdn.com/thought-white.png) no-repeat top left;
position:relative;
top:25px;
left:-60px;
}
#user-info h2, #user-info p{
position:relative;
top:10px;
padding:0 12px 0 12px;
width:341px;
}

#user-info h2{
padding:0 0 5px 12px;
margin:0;
line-height:20px !important;
text-transform:lowercase;
}

#user-info .profile-icon{
border:none;
}

#user-info p{
margin:0;
font-size:12px;
line-height:15px;
}
#user-info #user-bio{
background:transparent url(http://c3340665.r65.cf0.rackcdn.com/thought-white.png) no-repeat bottom left;
padding-bottom:13px;
}

.user-real-name, .user-location{
font-weight:bold;
}


#user-image{
float:right;
border:1px solid #a7a9ac;
}

#content-wrap{
clear:both;
width:780px;
margin:0 auto;
}

.sys-message
{
font-size:12px;
color:Red;
}

.sys-message a, .sys-message a:hover{
color:Red;
text-decoration:underline;
}

.highlight{
background:yellow;
}

/* begin css tabs */

#tabnav {
width:100%;
line-height:normal;
padding:25px 0 0;
height:51px;
background:transparent url(http://c3340665.r65.cf0.rackcdn.com/nav-n-footer-780.png) no-repeat 0 61px;
}

* html #tabnav{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom:1em;
}

#tabnav ul{
list-style-type:none;
margin:0 12px 0 10px;
padding:0;
float:right;
}

#tabnav li{
display:inline;
margin:0;
padding:0;
}

#tabnav a {
float:left;
background:url(http://c3340665.r65.cf0.rackcdn.com/tabs.png) no-repeat left top;
margin:0 0 0 13px;
padding:0 0 0 9px;
text-decoration:none;
color:#fff;
cursor:pointer;
width:130px;
}

#tabnav a span {
float:left;
display:block;
background:url(http://c3340665.r65.cf0.rackcdn.com/tabs.png) no-repeat right top;
text-transform:lowercase;
font-weight:bold;
font-size:16px;
line-height:22px;
padding:7px 9px 7px 0;
text-align:center;
width:133px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav a span {float:none;}
/* End IE5-Mac hack */

#tabnav .current a {
background-position:0 -50px;
}

#tabnav .current a span {
background-position:100% -50px;
color:#a7a9ac;
}

#tabnav a:hover {
background-position:0% -50px;
}

#tabnav a:hover span {
background-position:100% -50px;
color:#a7a9ac;
}

/* end css tabs */
#content{
background-color:#fff;
clear:both;
padding:10px 26px;
}
#sponsor{
padding-bottom:10px;
background-color:#fff;
border-bottom:5px solid #a7a9ac;
}

#sponsor h2{
margin:0 0 5px;
padding:0;
line-height:24px;
}

#sponsor p{
margin:0;
}

#result{
background-color:#fff;
}

#sponsor-user-image{
float:left;
margin:3px 10px 0 0;
border:1px solid #a7a9ac;
}

#sponsor-info{
font-size:12px;
clear:both;
text-align:right;
padding:5px 0 8px 0;
}

#result-page #footer {
background:transparent url(http://c3340665.r65.cf0.rackcdn.com/nav-n-footer-780.png) no-repeat bottom left;
height:55px;
}

#result-page #footer p{
padding-top:31px;
background:none;
margin:0;
}
#result h2{
padding:10px 0 0;
margin:0;
}
#result p{
margin:0;
padding:0;
}
#result {
margin-top:0;
position:relative;
}
#result-functions-container{
text-align:right;
}
#result-functions
{
font-family:helvetica,arial,sans-serif;
font-size:15px;
background-color: #A7A9AC;
color:#fff;
padding: 5px;
margin-top: 10px;
height:41px;
}

#result-functions .button
{
float: left;
margin-right: 20px;
border-right: solid 1px #fff;
}
body.lang-ru #result-functions .button{
margin-right: 10px;
}

#result-functions .button input{
margin-right: 20px;
}
body.lang-ru #result-functions .button input{
margin-right: 10px;
}

#result-functions #filterDiv p{
text-align: left;
font-size: 18px;
padding-bottom:2px;
font-weight:bold;
}

#result-functions #filterDiv{
float:left;
}
body.lang-ru #result-functions #filterDiv{
border-right:1px solid #fff;
}

#result-functions #orderByDiv
{
float:right;
padding:11px 5px 6px 11px;
border-left:1px solid #fff;
}
body.lang-ru #result-functions #orderByDiv
{
float:none;
padding:0;
border-left:none;
}

#orderby-label
{
font-size: 18px;
font-weight:bold;
padding-right: 5px;
}

#result-functions select{
font-size:18px;
font-family:helvetica, arial, sans-serif;
}

#userList img, #newUserList img{
height:48px;
width:48px;
margin:2px;
}
#userList img{
float:left;
}


#newUserList{
margin:10px 0 0;padding:10px 12px;
}
#newUserList p{
padding:0 0 5px 2px;
}
#result-page #userList h3{
font-size:12px;
margin:0;
padding:0;
}

#result-page #userList p{
font-size:12px;
margin:0;
padding:0;
}

/* Loading Images */
#loading-between-tabs{
font-weight:bold;
text-align:center;
padding:20px 0;
margin-top:20px;
}
#content #loadingImage{
height:45px;
width:45px;
border:solid 1px black;
float:none;
display:inline;
}
.hidden, .h{
display:none;
}
.v{
display:block;
}
/* ads */
#ad-results-bottom, #ads{
height:60px;
}

#ad-results-bottom{
margin-left:130px;
}

body #bsap_1244903{
width:auto !important;
}
#userList .f{
border:solid 1px #1dcaff !important;
}
#userList .g, #newUserList .g{
height:23px !important;
width:23px !important;
position:absolute;
border:none !important;
top:26px;
left:0;
}
#userList a, #newUserList a {
display: block;
float: left;
position: relative;
}

#auth
{
padding:2px 4px;
top: 26px;
position: relative;
}

.auth-loggedin
{
font-size: 12px;
line-height: 13px;
background-color: #fff;
border:1px solid #a7a9ac;
}

#exportCSV
{
float:right;
}
#exportCSV img
{
border: none;
vertical-align:middle;
padding-left:5px
}
#exportCSV a
{
position: relative;
top: 5px;
}
#uv-feedback
{
background-image:url("http://c3340665.r65.cf0.rackcdn.com/feedback_tab_white.png");
background-repeat:no-repeat;
border-style:outset outset outset none;
border-width:1px 1px 1px medium;
left:0;
}

.uv-mouseout
{
background-color:#F00;
border-color:#F00;
}

.uv-mouseover
{
background-color:#00F;
border-color:#00F;
}


body a#uv-feedback, body a#uv-feedback:link {
background-position:2px 50% !important;
background-repeat:no-repeat !important;
display:block !important;
height:98px !important;
margin:-45px 0 0 !important;
padding:0 !important;
position:fixed !important;
text-indent:-9000px;
top:45% !important;
width:25px !important;
z-index:100001 !important;
}

#facebookFront{
left:160px;
position:relative;
top:40px;
}