/**** Friends & Messages grid control ****/
.smalltext { margin: 3px 3px 0 0; padding: 0; font: 12px Arial; color: #444; line-height: 14px; }

.gridrule { clear: both; height: 1px; width: auto; border-top: #ccc 1px dotted; margin: 0; padding: 0 0 0 0; }

.message_div { position: absolute; left: 500px; top: 260px; width: 200px; height: auto; padding: 10px; border: 1px solid #000; background: #fff; z-index: 501; }
#gvcontainer {width: 515px; height: auto; margin: 0; padding: 0; background: transparent url(/myCorner/images/friend/bg-gvcontainer-main.gif) repeat-y 0 0;}
#gvcontainer a#btnAdvancedSearch { display: block; color: #00C; width:168px; height: 34px; margin: 10px 0 10px 15px; padding: 4px 0 0 0; text-align: center; background: transparent url(/myCorner/images/btn-advanced-search.png) no-repeat 2px 0; border: 0; }
#gvcontainer a {text-decoration: none;}
#gvcontainer a:hover {text-decoration: underline;}

#gvcontainer .gridheader { width: 515px; height: 46px; margin: 0; padding: 0; background: transparent url( /mycorner/images/friend/bg-gvcontainer-top.gif) no-repeat 0 0; }

#gvcontainer .gridheader #gridlogo { margin: 10px 10px 0 10px; padding: 0; float: left; }
#gvcontainer .gridheader #gridlogo h1 { font: bold 25px/115% Arial, Helvetica, sans-serif; padding-left: 0;}

/* Nodata mymessages styles */
#gvcontainer div.nodataContentTop { padding-top: 1px; }
#gvcontainer div#content-top h1 { display: block; margin: 10px 0 0 10px; font: bold 25px/115% Arial, Helvetica, sans-serif; padding: 0; width: 450px; }
#gvcontainer div#ctl00_Column2Main_ctlGridMessages_divNoData p { margin: 0 0 0 10px; } 
#gvcontainer div#content-text { margin: 10px 0 100px 0; }

#gvcontainer .gridheader .gridpagingbuttons { width: auto; float: right; margin: 10px 10px 0 10px; padding: 0; }
#gvcontainer .gridheader .gridfriendresults,
#gvcontainer .gridheader .gridmessageresults,
div#FriendsFriends .gridheader .gridmessageresults { width: auto; float: right; margin: 15px 0 0 0; padding: 0; }

/* CSS style the gridview uses. */
#gvcontainer .grid_friends { width: 515px; height: auto; margin: 0; padding: 0; background: none; }
#gvcontainer .grid_friends td {padding: 0;}
#gvcontainer .grid_friends td table {width: 480px; margin: 0; padding: 0; }
#gvcontainer .grid_friends td table td {padding: 2px 0; width: 25%; vertical-align: top;}
#gvcontainer .grid_friends td table td.alternate {background-color: #F3F0C1;}
#gvcontainer .grid_friends td table td.alternate2 {border-left: 4px solid #FDFAD1; background-color: #F3F0C1;}
#gvcontainer .grid_friends td table td h5 {font: normal 15px/115% Arial, Helvetica, sans-serif; margin: 0 5px; padding: 0; text-align: right; color: #666;}
#gvcontainer .grid_friends td table td p {text-align: left; color: #333; padding: 0; font: normal 15px/115% Arial, Helvetica, sans-serif;}

/* CSS for opening friend info */
#gvcontainer div.open {border: 1px solid #FDE790; background: #FDFAD1 url(/myCorner/images/friend/bg-friend-open-gradient.gif) repeat-x 0 0;}

#gvcontainer div.friendlist,
#gvcontainer div.open,
#gvcontainer div.grid_friends_alt_row,
#gvcontainer div.hover,
#gvcontainer div.dedicated {width: 495px; margin: 1px 5px 1px 5px;}

/* CSS alternate row style the gridview uses. */
#gvcontainer div.friendlist { border: 1px solid #FFF;}
#gvcontainer div.grid_friends_alt_row { border: 1px solid #FFF; background-color: #F8F8F8;}
#gvcontainer div.dedicated { border: 1px solid #fccee8; background-color: #ffe1f2;}

/* CSS for hover over friend item */
#gvcontainer table.grid_friends div.hover {border: 1px solid #FDE790; background-color: #FDFAD1;}

#gvcontainer .gridfooter { width: 515px; height: 48px; margin: 0px 0 0 0; padding: 0; background: url( /mycorner/images/friend/bg-gvcontainer-bottom.gif) no-repeat top; }

#gvcontainer .gridfooter .gridpagingbuttons { width: auto; float: right; margin: 10px 10px 0 10px; padding: 0; }

#gvcontainer .gridfooter .gridfriendresults,
#gvcontainer .gridfooter .gridmessageresults { width: auto; float: right; margin: 15px 0 0 0; padding: 0; }

/* This is the div that is immediately visible. */
.RowContainer {width: 100%; margin: 0; padding: 0;}

.RowContainer p {color: #535498;}
.RowContainer p span.RowColumnName span { font-weight: bold; color: #00C; }
.RowContainer p a:hover span.RowColumnName span {text-decoration: underline;}

.RowContainer .RowColumnAvatar,
.RowContainer .RowColumnName,
.RowContainer .RowColumnMood,
.RowContainer .RowColumnMoodImg,
.RowContainer .RowColumnDedication {float: left; padding: 0; display: inline; cursor:pointer; }

.RowContainer .RowColumnName,
.RowContainer .RowColumnMood,
.RowContainer .RowColumnMoodImg,
.RowContainer .RowColumnDedication {padding-top: 20px;}

.RowContainer .RowColumnAvatar {margin: 2px 7px; }
.RowContainer .RowColumnMoodImg {padding: 19px 3px 0 3px;}
.RowContainer .RowColumnName {width: auto;}
.RowContainer .RowColumnName p {margin-right: 0; }
.RowContainer .RowColumnName p span {display: inline;}
.RowContainer .messages {width: 65%;}
/*.RowContainer .RowColumnName p {margin: 18px 0 0 6px; color: #535498;}
.RowContainer .RowColumnName p span {color: #00c; cursor: pointer; font-weight: bold;}
.RowContainer .RowColumnName p span.msg {color: #535498; cursor: pointer; font-weight: normal;}
.RowContainer .RowColumnName p span.msgTxt {color: #333; cursor: pointer; font-weight: normal;}
.RowContainer .RowColumnName p span.msgTxt a {color: #00C;}*/

/*.RowContainer .RowColumnDedication {margin: 18px 6px; }*/

.RowContainer .RowColumnButtons { float: right; margin: 21px 10px 0 0; padding: 0; display: inline; }
.RowContainer .RowColumnButtons a {font-size: 90%; color: #666; text-decoration: underline;}

.RevealTableFooterButton { float: left; margin: 0 5px 5px 3px; padding: 0; }

/* This is the div that is revealed when the row is expanded. */
.RevealPanel { clear: both; margin: 0; padding: 0; }
.RevealMain { margin: 5px 0 10px 0; padding: 0 0 10px 5px; }
	.message.RevealMain  {margin: 5px 5px 0 5px; padding: 0; background: #FDF8CA url(/myCorner/images/friend/bg-msg-open-gradient.gif) repeat-x 0 top;}
	.message.RevealMain a {color: #00C;}

.RevealColumnTable { width: 495px; margin: 10px 0 10px 0; padding: 0; /*background: blue;*/ border: 0; }
.RevealColumnTable p {padding: 10px 15px; color: #333; line-height: 135%;}

.RevealColumnTableFooter {width: 495px; text-align: center; height: auto; margin: 10px 0; padding: 0 6px 3px 0;}
	.message.RevealMain .RevealColumnTableFooter {margin: 0; padding: 0 3px;}

.RevealColumnTableFooter input#btnAddFriend,
.RevealColumnTableFooter input#btnViewFriendProfile,
.RevealColumnTableFooter input#btnSendFriendWish,
.RevealColumnTableFooter input#btnGiftFriendGarden,
.RevealColumnTableFooter input#btnViewFriendGarden {border: 0; display: block; float: left; height: 30px; margin: 0; padding: 0; color: #535498; font: normal 15px/115% Arial, Helvetica, sans-serif;cursor: pointer;}

.RevealColumnTableFooter input#btnAddFriend,
.RevealColumnTableFooter input#btnViewFriendProfile {width: 111px; background: transparent url(/myCorner/images/friend/btn-view-profile.gif) no-repeat 0 0;}
.RevealColumnTableFooter input#btnSendFriendWish {width: 123px; background: transparent url(/myCorner/images/friend/btn-send-wish.gif) no-repeat 0 0;}
.RevealColumnTableFooter input#btnGiftFriendGarden {width: 132px; background: transparent url(/myCorner/images/friend/btn-gift-garden.gif) no-repeat 0 0;}
.RevealColumnTableFooter input#btnViewFriendGarden {width: 122px; background: transparent url(/myCorner/images/friend/btn-view-garden.gif) no-repeat 0 0;}

.GridImageButton { margin: 0 10px 0 0; }

.avatar-small, 
.mood-small, 
.zodiac-small { border: 1px solid; width: 30px; height: 30px; margin: 0; padding: 0; }

.avatar-large { border: 0; width: 80px; height: 80px; margin: 0; padding: 0; }
.GridTopStatus { margin: 0; padding: 10px 0 10px 20px; }
.txt { font: 13px Arial; }
.expand { margin: 0 5px 0 5px; list-style-type: none; cursor: pointer; }
.divNoData { margin: 0; padding: 20px; }

td.oddRow { background-color: #EFECBE; vertical-align: middle; }
td.evenRow { background-color: #FDFAD1; vertical-align: middle; }

/*.divAddAFriend { width: 400px; height: 200px; border: 1px solid; position: absolute; left: 400px; top: 300px; z-index: 50; background: #ffffff; padding: 10px; }
*/
p.dedicated { font: 12px Arial; color: #ff0000; }


/* Important: Hides action buttons for system messages in grids */
.SystemMessageHidden { display: none; visibility: hidden; }