#friendsContent .leftColumn {float:left; width:190px; padding-right:15px;}
#friendsContent .rightColumn {float:left;width:430px;}
#allFriend .friendContainer, #requestStatus .friendContainer, #receiveRequest .friendContainer, #findFriend .friendContainer, #myRequest .friendContainer,  #grpReceive .friendContainer  {display:inline-block; border-bottom:1px solid #EEEEEE; padding:10px 0 5px; margin-right:15px; width:305px; float:left;height:100px;}
.friendContainer {display:inline-block; border-bottom:1px solid #EEEEEE; padding:10px 0 5px; float:left;}
.friendListPic img{border:solid 1px #CCCCCC; margin-right:10px; }
.friendImg {float:left; width:70px;}
#allFriend .friendImg, #requestStatus .friendImg,#receiveRequest .friendImg,#myRequest .friendImg {float:left;}
#requestStatus h3 {font-size:12px;}
#receiveRequest h3 {font-size:12px;}
#myRequest h3 {font-size:12px;}
#allFriend .friendListPic, #requestStatus .friendListPic, #receiveRequest .friendListPic, #myRequest .friendListPic {margin-right:10px; height:54px;}
.friendListPic img{padding:1px;}
.friendListData {float:left;width:565px;}
#allFriend .friendListData,  #requestStatus .friendListData,  #receiveRequest .friendListData, #findFriend .friendListData, #myRequest .friendListData{float:left; width:200px;}
.friendListData .profileInfo {float:left; width:300px;}
.friendListData .profileAction {float:left; width:200px;}
#grpReceive .friendListData .profileAction {float:left; width:260px;}
#grpReceive .friendListData .profileAction input{margin:2px 0;}
#allFriend .friendListData .profileAction {float:left;}
#requestStatus .friendListData .profileAction {float:left; width:200px;}
#receiveRequest .friendListData .profileAction {float:left; width:200px;}
.friendListData .profileAction div.small{font-style:italic;}
#myRequest .friendListData .profileAction {float:left; width:200px;}
.friendContainer .friendListData .friendNumber, .number {border: 1px solid #CCCCCC; min-width:25px; float:left; text-align: center; background-color: #999999; color: #FFFFFF;font-weight:bold; margin: -1px 5px 2px 0; padding:0; -moz-border-radius:5px; -webkit-border-radius:5px;}
.friendContainer .friendName {float:left;}
.friendCountry {height:20px; height:auto !important;}
.friendListData .profileAction ul li{list-style:none;border-bottom:solid 1px #EEEEEE;}
.friendListData .profileAction ul li select{margin-bottom:2px; font-size:10px;}
#allFriend .friendListData .profileAction ul li{list-style:none;border-bottom:solid 1px #EEEEEE;}
#requestStatus .friendListData .profileAction ul li{list-style:none; padding:2px 0;}
#receiveRequest .friendListData .profileAction ul li{list-style:none; padding:2px 0;}
#myRequest .friendListData .profileAction ul li{list-style:none; padding:2px 0;}
.profileState {padding-left: 5px;}
#searchFriendBox h2 {font-size:11px;}
#friendTab .tabs-container {padding:10px 0px;}
#searchResult {padding-top:20px;}
/* Add Friend Dialogue */
.friendAddData ul li {list-style:none;}
.friendAddData a {color:#0177B8;}
.friendAddData h2.title {font-size:120%; font-weight:bold; color:#666666;}
.addFriend_dialogue .friendContainer {display:block; border:none; float:none;}
.confirmFriend_dialogue .friendContainer {display:block; border:none; float:none;}
.cancelRrequest_dialogue .friendContainer {display:block; border:none; float:none;}
.ignoreRrequest_dialogue .friendContainer {display:block; border:none; float:none;}
/* View Friend Dialogue */
.viewFriend_dialogue .friendContainer a {color:#0177B8;}
.viewFriend_dialogue .searchFriend {float:left; margin-bottom:5px;}
.viewFriend_dialogue .allFriendList {border:solid 1px #CCCCCC; margin-top:5px; height:265px;overflow-x:hidden !important;overflow-y:auto !important; padding-left:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.viewFriend_dialogue .friendListData {float:left;width:200px;}
.viewFriend_dialogue .friendListData .profileAction {float:left;width:190px;}
.viewFriend_dialogue .friendContainer {border-bottom:1px solid #EEEEEE;display:inline-block;float:left;margin-right:15px;padding:10px 0 5px; width:275px;}
#divViewFriend {width:610px;}
#btnSearchViewFriend,#btnSearchFriend, #btnSearchCurrentFriend {background:transparent none repeat scroll 0 0;border:medium none;cursor:pointer;font-size:166%;height:22px;position:absolute;right:5px;top:0;width:24px;}
#txtSearchViewFriend,#txtSearchFriend, #txtSearchCurrentFriend {background:transparent none repeat scroll 0 0;border:medium none;font-size:100%;left:5px;position:absolute;right:5px;top:3px;width:155px;}
#searchFriend fieldset, #searchCurrentFriend fieldset{background:transparent url(images/search_friend.gif) no-repeat scroll 0 0;height:22px;padding-right:5px;position:relative;width:190px;}
/* Send Msg Dialogue */
.composerField {width:450px; display:block; padding-top:10px;}
.composerField a{color:#0177B8;}
.composerField dt{float:left;margin:0;padding:0 10px 0 0;text-align:right;width:95px; clear:both; display:block;}
.composerField .field{float:left; display:block;}
.composerField .field div{padding:5px 0;}
.composerField .field .inputtext {width:338px;}
.composerField label{display:block;padding-top:6px;}
.msgSubmit {text-align:center; clear:both; padding-top:20px;}
.msgSubmit input {margin:2px;}
.friendList .friendImg .friendImgIn {height:52px;}
.commentPortrait .friendListPic {height:34px;}
.viewFriend_dialogue {overflow:hidden !important;}

/* Request Status */
.requestTitle {background-color:#EEEDED; padding:2px 5px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:10px;}
.fMap {position:relative;}
.countryHighlight {position: absolute; left: 500px; top: 360px;}
.countryHighlight span {width:70px; display:block;float:left;}
.countryHighlight ul li {height:25px;}
.provinceCount {width:50px; text-align:center;}
/*#friendReceivedTitle {margin-top:20px;}*/

/* Find Friend */
.fAction {color:#CCCCCC;}
.fAction a {padding:0 2px; color:#0177B8;}
.fAction a.active {color:#666666;}
.fAction a:hover.active {text-decoration:none;}
.flocmap {padding-top:15px;}
.uniList{float:left; margin:5px 7px;width:305px; border-bottom:solid 1px #EEEEEE;}
.universityList {padding-top:15px;}
.uniList a{color:#666666;}
#searchFriendBox {background:transparent url(images/bshadow.gif) repeat-x scroll 0 0;}
#searchFriendBox .selectbox {width:158px;}
#searchFriendBox input, #searchFriendBox select {margin-bottom:2px;}
#searchFriendBox .rightAlign {width:120px;}
#searchFriendResultTab .tabs-selected, #searchFriendResultTab .tabs-container{border-color:#FFA901;}
#searchFriendResultTab .tabs-nav a span {padding:0; color:#666666; font-size:90%;height:16px;}
.seachButton {padding-top:10px; color:#CCCCCC; text-align:center;}
#txtMinAge, #txtMaxAge {width:46px; padding:2px 0;}
.ui-spinner {width:50px; margin-right:5px; float:left;}
#ignoreGroupRrequest_dialogue .friendContainer {display:block; border:none; float:none;}
#findFriendContent .boxShadow {margin-top:0;}

.genAddFriend {background:transparent url(images/addfriend.gif) no-repeat scroll 0 0;padding-left:20px; }
.genCurrentFriend {background:transparent url(images/currentfriend.gif) no-repeat scroll 0 0;padding-left:32px; display:inline-block;height:17px;}
.pageTitle {background-color:#EEEDED;height:20px;padding:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}