/*for avatar frames/borders of 60x60 dimension- used in Get Connected and Fresh Posts*/ /* used everywhere! */
.avatarFrame60{
background-color:white;
width:60px;
height:60px;
border:4px solid white;
margin:0px;
padding:0px;
overflow:hidden;
}
.avatarBorder60 {
border:1px solid #ccc;
margin:0px;
padding:0px;
width:68px;
}
.username {font-weight:normal; color:#093;}

/* AVATAR ACTIONS AND LOGIN BALLOON - SIMILAR TRAITS */

/* circle appearance*/
.avatar-image-housing {position: relative; height: 56px; overflow: hidden;cursor:pointer; }
.avatar-image-housing .circle-cut-out { height: 56px; width: 56px; position: absolute; left: 0px;
background-image: url('/assets/avatars/todayChatterAvatarFrame.png'); 
_background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/avatars/todayChatterAvatarFrame.png');

}

#addFriendPopup{width: 247px; position: absolute; top: 10px; left: -100px; display: none; margin: 0px 0px 0px 0px;z-index: 10;}
#addFriendPopup #buttonsHolder{text-align: right; padding-top: 10px;}
#addFriendPopup #buttonsHolder #confirmButton{display: inline; padding-left: 7px; color: #1D83C1; cursor: pointer; font-size: 16px;}
#addFriendPopup #buttonsHolder #requestMessage{width: 205px; height: 40px; margin: 0px 0px 10px 0px;}


/* sending gifts via avatar actions #hovering-avatar-action*/
#hovering-avatar-action, #login-form-housing {position:absolute; z-index:999;}
#hovering-avatar-action #close-link {font-size:9px; text-align:right;padding-bottom:5px; font-weight: bold; }
#hovering-avatar-action .response { font-family: Georgia; font-size: 18px; text-align: left; padding-top: 20px; }
#hovering-avatar-action .username { font-size: 18px; font-weight: bold; }
#hovering-avatar-action .aaTitle { color:#B023AE; font-weight:bold; font-size:34px; letter-spacing:-2px; float: left; }
#hovering-avatar-action .footButtons { text-align: right; padding-top: 30px; }
#hovering-avatar-action .footButtons img { cursor: pointer; }
#hovering-avatar-action a {color:#1d83be;}

/*note*/
#hovering-avatar-action #avatar-action-pm-compose { font-size: 12px; text-align:left; width:340px; }
#hovering-avatar-action #avatar-action-pm-compose input, #hovering-avatar-action #avatar-action-pm-compose textarea { border:1px solid #B023AE; margin:0 0 5px; width:325px; }
#hovering-avatar-action #avatar-action-pm-compose span {font-weight:normal; }
#hovering-avatar-action #avatar-action-pm-compose #messageBody, #hovering-avatar-action #avatar-action-pm-compose #subject {font-size:.9em;font-family:verdana;width:200px; }
#hovering-avatar-action #avatar-action-pm-compose #messageBody { height:150px; width: 325px; display: block; clear: both; font-size:14px;}
#hovering-avatar-action #avatar-action-pm-compose #subject { margin: 5px 0 10px; width: 325px; display: block; clear: both;}
#hovering-avatar-action #avatar-action-pm-compose .chars-left{float:right;}
#hovering-avatar-action #avatar-action-pm-compose .buttons { text-align: right; }
#hovering-avatar-action #avatar-action-pm-compose .inputTitle { height: 20px; }

/*gift*/
#hovering-avatar-action #gift-housing { width:465px; font-size: 12px; text-align:left; }
#hovering-avatar-action #gift-housing .instructContainer { background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; }
#hovering-avatar-action #gift-housing .header{}
#hovering-avatar-action #gift-housing .instructions{ font-family: Georgia; }
#hovering-avatar-action #gift-housing #gift-categories {float:left; padding-right: 20px; width:120px; }
#hovering-avatar-action #gift-housing #gift-categories #header{font-family:Arial; font-size:21px; font-weight:bold;color:#999999;letter-spacing:-.5px; width:126px;}
#hovering-avatar-action #gift-housing #gift-categories #giftCategory{padding-bottom:5px; color: #B023AE; }
#hovering-avatar-action #gift-housing #gift-categories #giftCategory .onState{display:block; padding-left:15px; background-image:url(/assets/icons/magenta_carat.gif); background-repeat:no-repeat; background-position:2px 3px; font-weight: bold; }
#hovering-avatar-action #gift a { }

#hovering-avatar-action #gift-housing #gifts {width:320px;float:left; height:280px; overflow:auto; }
#hovering-avatar-action #gift-housing #gifts table{background-color:white; width: 100%; }
#hovering-avatar-action #gift-housing #gifts table tr { height: 100px; }
#hovering-avatar-action #gift-housing #gifts td{text-align:center;}
#hovering-avatar-action #gift-housing #gifts .giftItem .giftItemImage {padding-right:5px;} 
#hovering-avatar-action #gift-housing #gifts .giftItemTitle img{display:none;}

#hovering-avatar-action #gift-reason { width: 380px; }
#hovering-avatar-action #giftDesc select#reasonDropDown {width:300px;}
#hovering-avatar-action #gift-reason .instructContainer { font-size: 12px; text-align: left; font-family: Georgia; background: url(/assets/balloons/dotted_480.gif) no-repeat bottom left; height: 25px; margin-bottom: 10px; }
#hovering-avatar-action #gift-reason .sending { font-size: 18px; font-weight: bold; margin: 10px 0px; }
#hovering-avatar-action #gift-reason #reason-select { width: 380px; margin: 10px 0; }
#hovering-avatar-action #gift-reason .sendButtons { text-align: right; }

#hovering-avatar-action #gift-sent { width: 300px; }
#hovering-avatar-action #gift-sent .sending { margin: 15px 0px; padding-bottom: 30px; font-size: 18px; font-weight: bold; }
#hovering-avatar-action #gift-sent .image { padding-bottom: 50px; }
#hovering-avatar-action #giftSentCopy {display:none;}

#hovering-avatar-action #main { font-size: 18px; font-weight: bold; }
#hovering-avatar-action #main select { font-size:14px; margin-bottom:10px; margin-top:5px; }
#hovering-avatar-action #main #giftDesc { margin-top:5px; }
#hovering-avatar-action #main a { display:none; }
#hovering-avatar-action #main #sendLink a { display:block; }

/*board*/
#hovering-avatar-action .to { font-family: Georgia; font-size: 16px; padding: 0 0 10px; text-align: left; }
#hovering-avatar-action .username { font-weight: bold; }
#hovering-avatar-action textarea{ background-image:none; border:1px solid #B023AE; margin-bottom:10px; font-family:verdana; font-size:.8em; width:300px; height:100px; font-size:14px;}
#hovering-avatar-action #commentSubmitBtn { text-align: right; }
#hovering-avatar-action .sent { font-family: Georgia; font-size: 16px; padding: 20px 0; }

/*avatar actions*/
.avatar-actions {height:23px; width:70px; position: relative; }
.allUsersComments .avatar-actions {margin-left:30px;}/*for dailies comments*/
.avatar-actions a{width: 17px; background-image:url(/assets/icons/ico_avatar-actions-v2.gif); display:block; height:20px; outline:none; overflow:hidden; text-indent:-2000em; text-align:left; float:left; background-repeat:no-repeat;}
.avatar-actions .note{background-position:1px 3px;}
.avatar-actions .gift{background-position:-20px;}
.avatar-actions .board{background-position:-42px 3px; }
.avatar-actions .friend{background-position:-64px 3px; width: 19px;}

/*gift viewing page*/
#sender-avatar-actions {background-image:url(/assets/balloons/gifts_bubble.gif); width:450px; background-repeat:no-repeat;height:47px;margin-left:70px;_margin-left:0px;}
#sender-avatar-actions .avatar-actions{padding-top:22px; padding-left:50px;}
#sender-avatar-actions .avatar-actions a {text-indent:0em; text-align:left;}
#sender-avatar-actions .avatar-actions a.note{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-note.gif); width:110px;}
#sender-avatar-actions .avatar-actions a.gift{padding-left:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); width:110px;background-position:0px}
#sender-avatar-actions .avatar-actions a.board{padding-left:20px;background-image:url(/assets/icons/ico_avatar-actions-wall.gif); width:110px;background-position:0px}
#sender-avatar-actions .avatar-actions-bar{padding-top:22px; padding-left:20px; padding-right:20px; width:450px; position: relative;}
#sender-avatar-actions .avatar-actions-bar a.note{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-note.gif); background-repeat:no-repeat; width:130px;}
#sender-avatar-actions .avatar-actions-bar a.gift{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-gift.gif); background-repeat:no-repeat; width:130px;background-position:0px}
#sender-avatar-actions .avatar-actions-bar a.board{padding-left:20px; padding-right:20px; background-image:url(/assets/icons/ico_avatar-actions-wall.gif); background-repeat:no-repeat; width:130px;background-position:0px}

/*corners*/
#hovering-avatar-action { border-collapse: collapse; font-size: 11px; width: auto; display:block; }
#hovering-avatar-action #close-link { color: #1d83be; cursor: pointer; }
#hovering-avatar-action .nw { background: transparent url(/assets/balloons/avatar-actions-balloon_nw.gif) no-repeat; width:13px; } 
#hovering-avatar-action .n { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; } 
#hovering-avatar-action .nr { background: transparent url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top; text-align:right; } 
#hovering-avatar-action .ne { background: transparent url(/assets/balloons/avatar-actions-balloon_ne.gif) no-repeat top right; width:13px;} 
#hovering-avatar-action .ne img,#hovering-avatar-action .nw img, #hovering-avatar-action #login-carrot {vertical-align:bottom;}
#hovering-avatar-action .e, #login-balloon .e { background: transparent url(/assets/balloons/avatar-actions-balloon_e.gif) repeat-y right; } 
#hovering-avatar-action .se, #login-balloon .se { background: transparent url(/assets/balloons/avatar-actions-balloon_se.gif) no-repeat bottom right; height:12px; }
#hovering-avatar-action .s, #login-balloon .s { background: transparent url(/assets/balloons/avatar-actions-balloon_s.gif) repeat-x bottom; } 
#hovering-avatar-action .sw, #login-balloon .sw { background: transparent url(/assets/balloons/avatar-actions-balloon_sw.gif) no-repeat bottom left;} 
#hovering-avatar-action .w, #login-balloon .w { background: transparent url(/assets/balloons/avatar-actions-balloon_w.gif) repeat-y; } 
#hovering-avatar-action .content { background-color:white; padding: 0 10px; text-align: left; }
#login-balloon .se {width:12px;}
#login-balloon .n {text-align:right; background:url(/assets/balloons/avatar-actions-balloon_n.gif) repeat-x top;}

