/* ------------------------------------------
*  Navigation
* ---------------------------------------- */

#friendfinder_nav{height: 50px; margin: 10px 0 20px 0;}
#friendfinder_nav #networks{float: left}
#friendfinder_nav a{margin: 0 15px 0 0}
#friendfinder_nav #networks_title{font-size: 1.5em; margin: 0 0 5px 0;}
#friendfinder_nav #search{float: right; margin: 5px 20px 0 0;}

#nav_divider {margin: 10px 0 20px 0; height:12px; border-bottom: 3px solid #CFCFCF; padding:0;}
#nav_divider #marker {font-size: 0px; line-height: 0%; width: 0px; border-bottom: 12px solid #CFCFCF; border-left: 15px solid #fff; border-right: 15px solid #fff; padding: 0;}


h3 {margin-bottom: 15px;}
.alert.message{width:400px; margin: 10px 0 0 0;}
.alert.message #login_message{font-size: 16px; padding: 10px; line-height: 22px;}

.connected_user {float: left; width: 190px; margin: 0 0 20px 0; padding:0;}
#invite_form .connected_user {width:180px;}
.connected_user .info {margin: 0 0 0 7px;float: left; width:115px; font-size: 12px; padding:0;line-height:12px;}
#invite_form .connected_user .info {width:150px;}
.connected_user .info .view_profile {font-size: 13px; padding:0;}
.connected_user .info .name {font-size: 12px; padding:8px 0 0 0;}
.connected_user .info .status {padding:8px 0 0 0;}
.connected_user .info .status label{font-size:12px;}
.connected_user .info .status .following {color: #76B924; padding:6px 0 0 0;}
.connected_user .info .status .pending {color: #EB8908; padding:6px 0 0 0;}
.connected_user .pic{border: 1px solid #DFDFDF; padding: 2px; width:50px; height:50px;float: left;}
.countbold {font-size: 22px; font-weight: bold;}
#friends_table .name {font-size: 14px;}
.invite_confirmation{font-size: 18px;}

#connect_form_selector{display:none !important;}
#connect_form_selector #instructions {display:none;}
#friend_form{}
#friend_form #friend_form_title{font-size: 1.6em; color: #4F4F4F; margin: 0 0 13px 0;}
#friend_form #controls {margin: 0 0 20px 0; clear:both;}
#controls a{margin: 0 0 0 10px; font-size: 14px;}

#nofriends_message{display:none; font-size: 1.8em; color:#4F4F4F; margin: 0 0 10px 0;}

#invite_form_container{clear:both; padding:15px 0 15px 15px; border: 1px solid #C2D9EF; border-bottom:1px solid #A7C3DF; background:#E0EFFF; margin: 10px 0 0 0;}
#invite_form_container .email{overflow:hidden;padding: 5px 0 0 0;}
#invite_form_container .invite_checkbox{float:left;margin:10px 0 0 0;}


/* ------------------------------------------
*  Facebook
* ---------------------------------------- */

#connect_container{display:none;}
#fblogin {display:none;}
#friend_loader{font-size: 18px; background: #fff; padding: 10px; width:180px;}
.fbinvite_header{width: 680px; margin: 10px 0 10px 0; font-size: 18px; line-height: 22px;}
.alert.message #login_message #fbconnect_btn{margin:10px 0 0 0;}
.alert.message#unconnected_friend_container{clear:both; width:690px; margin: 20px 0 0 0; display:none;}
.alert.message#unconnected_friend_container #connect_invites{width: 690px; margin: 10px 0 10px 0; font-size: 18px; line-height: 22px; background: #DCE7F5; height:auto;}
.alert.message#unconnected_friend_container #connect_invites #connect_invite_message{float:left; width: 300px; background: #DCE7F5; padding: 12px; margin: 0 25px 0 0px;line-height: 22px;}
.alert.message#unconnected_friend_container #connect_invites #connect_invite_message p{font-size:1em; margin: 0 0 15px 0;}
.alert.message#unconnected_friend_container #connect_invites #connect_invite_form {background: #fff; padding:10px 15px 10px 15px;float: left; height:auto;}
#invite_button{font-size: 18px; margin: 25px 0 0 0;}
#invite_container{display:none; margin:25px 0 0 0; border: 4px solid #DFDFDF; width: 700px;}