#contents { width:740px; background-color:#FFF; padding:40px 20px 20px 20px; margin-top:30px; }
#contents h1 { font-size:14px; margin:10px 0 20px 30px;}
#search-box { width:700px; margin:0 auto 30px auto; padding:20px 0; text-align:center; background:#B1D2E2; }
#search-box input { padding:5px 10px; }
#search-box .filter { font-size:12px; margin-top:10px; color:#3f7c91;}
#users-list { width:700px; margin:0 auto;}
#users-list .item { width:600px; margin:5px auto; padding: 10px; border:1px solid #B1D2E2;}
#users-list h2 { font-size:15px; font-weight:bold; }
#users-list label { font-size:13px; color:#777;}
#users-list a { font-size:13px; color:#639ec8; }
#users-list a:hover { color:#cc0033; }
#users-list img { float:left; }
#users-list .meta { float:left; margin-left:15px; }
#page-list { margin:50px 0; text-align:center; }
#page-list a { margin-right:5px; padding:5px 7px; border:1px solid #597CB9; background:#88A9E4; color:#FFF; }
#page-list a:hover { background:#FFF; }
#page-list a.selected { background:#FFF; color:#cc0033; }

#loading { display:none; float:right; width:70px; margin:5px 10px 10px 0; padding:0 0px 0 20px; background:url(../../images/loading-s.gif) no-repeat; font-size:15px; color:#cc0033;}
ul#center-list { font-size:13px; height:30px; padding-left:10px; border-bottom:1px solid #CCC; font-family:Helvetica, sans-serif;}
#center-list li { float:left; }
#center-list a { float:left; margin:0 0px; padding:8px 20px 5px 20px; background-color:#FFF; color:#777; }
#center-list a:hover { color:#AAA;}
#center-list a.selected { font-weight:bold; padding:7px 20px; margin-left:0px; background-color:#FFF; color:#000; border:1px solid #CCC; border-bottom:none; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px ; -webkit-border-top-right-radius:5px; }

ul#second-list { font-size:12px; height:20px; margin:20px; font-family:Georgia; }
#second-list li { float:left; }
#second-list a { float:left; margin-right:10px; padding:3px 10px; text-decoration:underline; color:#555; }
#second-list a:hover { background-color:#C2D9E3; }
#second-list a.selected { font-weight:bold; background-color:#C2D9E3; }

#users-list-small { margin:30px 0; }
#users-list-small h2 { float:left; font-size:18px; font-weight:bold; padding:0 0 10px 10px; margin-bottom:20px; }
#users-list-small #refresh-button { float:right; margin-right:20px; padding:5px 10px; color:#FFF; background-color:#6685B8; }
#users-list-small li div.list { float:left; width:330px; padding:10px; margin:10px; border-bottom:1px solid #DDD; }
#users-list-small li div.list div.inner { width:200px; float:left; }
#users-list-small li div.list div.inner a { font-weight:bold; font-size:15px; color:#0A569E; }
#users-list-small li div.list div.inner a:hover { color:#A7C4D1; }
#users-list-small li div.list div.inner p a { font-size:12px; color:#777; }
#users-list-small li div.list:hover div.inner p a { color:#777;}
#users-list-small li div.list div.inner p a:hover { color:#cc0033; }
#users-list-small li div.list img { float:left; border:none; margin:0 10px 0 0; }
#users-list-small li div.list a:hover img { padding:0; margin:0 10px 0 0; }

.follow-button { float:right; padding:0 7px 2px 0; font-size:12px; font-weight:bold; color:#555; background:#DDD; border:1px solid #DDD; cursor:pointer; }
.follow-button label { padding:1px 5px 2px; margin-right:6px; line-height:16px; font-weight:bold; font-size:14px; border-right:1px solid #FFF; cursor:pointer; }
.follow-button:hover { border-color:#999; }
.follow-button:hover label { border-right-color:#999; }
.unfollow-button { float:right; width:18px; height:18px; color:#555; background:#DDD url(../../images/icons.png) no-repeat 0 -52px; border:1px solid #DDD;  cursor:pointer;}
.unfollow-button:hover { border-color:#999; }
.following-status { float:left; width:80px; height:16px; padding-left:22px; font-size:13px; font-weight:bold; font-family:Verdana; background:url(../../images/icons.png) no-repeat 0 -67px; }