.MessagingMainArea
{
	font-size: 12px;
}

.MessagingTopRow
{
    position: relative; /* top: 0px;*/ /*    width: 100%;*/
    padding: 20px 20px 0px 10px; /*border:solid 1px #000000;*/
}

.MessagingLeftColumn
{
    position: relative; /*top: 0px;*/
    float: left;
    width: 157px;
    min-height: 650px;
    margin: 0px 0px;
    padding: 0px 0px 0px 10px; /*border:solid 1px #000000;*/
}
.MessagingRightColumn
{
    position: relative; /*    width: 100%;*/
    min-height: 650px;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px;
    overflow: hidden; /*border:solid 1px #000000;*/
}

.InboxTopContainer
{
    /*border: solid 1px #d5d5d5;*/
    padding: 5px 15px 5px 15px;
    background: #FFFFFF url(/images/messages/img_msg_topbox.gif) no-repeat 0px 0px; /*margin-bottom: 10px;*/
    position: relative;
    height: 57px;
}

.InboxLeftContainer
{
    /*margin-right: 10px;*/
    background: #FFFFFF url(/images/messages/img_msg_leftbox.gif) repeat-x 0px 0px;
    text-align: center;
    height: 132px;
    padding-top: 15px;
}
.InboxMainContainer
{
    /*width: 750px;*/
}

.InboxInnerContainer
{
    border: solid 1px #e7e3e4;
    margin-left: 5px;
    width: 747px;
    float: left;
    /*background-color: #FBFAFF;*/
}

.InboxInnerContainerBottom
{
    margin: 0px 0px 0px 5px;
    background: #FFFFFF url(/images/messages/img_msg_page_bottom.gif) no-repeat;
    height: 16px;
    float: left;
    width: 747px;
    position: relative;
}

.InboxActionsLine
{
    margin: 20px 20px 0px 20px;
    padding-bottom: 5px;
    border-bottom: solid 1px #c7d5e0;
}

.InboxListContainer
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.InboxListItem
{
    border-bottom: solid 1px #c7d5e0;
}

.InboxListItemColumn
{
    display: inline;
}

#InboxList
{
    width: 100%;
    vertical-align: middle;
    border-collapse: collapse;
}

#InboxList td
{
    padding: 5px;
    border-bottom: solid 1px #c7d5e0;
    height: 90px;
}

#InboxList .Action
{
    width: 15px;
}

#InboxList .Photo
{
    width: 80px;
}

#InboxList .Name
{
    width: 175px;
    font-size: 13px;
}

#InboxList .Message
{
    vertical-align: top;
}

#InboxList .Subject
{
    font-size: 16px;
    /*font-weight: bold;*/
    color: #FF3600;
    margin-bottom: 5px;
    display: block;
}

.MessageItemDeleteAction
{
    float: right;
}

.MessageItemDate
{
    float: right;
    color: #999999;
    font-size:11px;
}

.MessageAuthorPhoto
{
    background: transparent url(/images/events/EventView/albumbg.gif) no-repeat top left;
    padding:6px;
    width:69px;
    height:69px;
}

/*-------------Conversation-----------*/
.AuthorMessage, .ResponderMessage, .UserReplyContainer
{
    margin-bottom: 10px;
    position: relative;
    clear: both;
    overflow:hidden;
}

.TopMessage, .UserMessageLeft
{
    
    position: relative;    
    
}

.ResponseMessage, .UserMessageRight
{
    
    position: relative;    
    
}

.ReplyMessage
{
	padding-top: 10px;
	padding-bottom: 10px;	
}

.AuthorMessage .Avatar, .UserReplyAvatar
{
    float: left;
    width: 80px;
    position: relative;
    margin-left: 0px;
}

.AuthorMessage .TextContainerWrapper, .UserReplyContainer .TextContainerWrapper
{
    margin-left: 10px;
    float:left;
    position: relative;
    max-width: 565px;
}

.TopMessage .TextContainerWrapper, .UserMessageLeft  .TextContainerWrapper
{
    margin-left: 85px;
    margin-right: 90px;
    /*position: relative;*/
}

.AuthorMessage .TextContainer
{
    background-color: #fbfaff;    
    position: relative;
    margin-left:15px;
    margin-right:15px;
}

.TopMessage .TextContainer
{
    background-color: #fbfaff;
   /* padding: 5px; */
   /* height: 80px; */
    /*position: relative;*/
    margin-left:10px;
    margin-right:15px;
}

.UserMessageLeft .TextContainer
{
    background-color: #CCD9E2;    
    /*position: relative;*/
    margin-left:10px;
    margin-right:15px;
    /* height: 80px; */
}

.UserReplyContainer .TextContainer
{
    background-color: #ffffff;    
    /*position: relative;*/
    margin-left:10px;
    margin-right:15px;
}

.ResponderMessage .Avatar
{
    float: right;
    width: 80px;
    position: relative;
    margin-right:10px;
}

.ResponderMessage .TextContainerWrapper
{
    margin-right: 20px;
    position: relative;
    float: right;
    max-width: 465px;
}

.ResponseMessage .TextContainerWrapper, .UserMessageRight .TextContainerWrapper
{
    margin-right: 5px;
    /*position: relative;*/
    float: right;
    width:485px;
    /*background: #f0fdeb;*/
}

.ResponderMessage .TextContainer
{
    background-color: #f0fdeb;
    position: relative;
    margin-left:15px;
    margin-right:15px;
}

hr.MediumDivider
{
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: solid 1px #CCCCCC;
}

/* Message Editor ======================================================== */

.NewMessageFields
{
    margin: 15px;
}

.NewMessageFields dt
{
    clear: both;
    float: left;
    width: 120px;
    margin-top: 10px;
}

.NewMessageFields dd
{
    float: none; /*width: 490px;*/
    margin: 10px 0 0 125px;
}

#frmMessage .Avatar
{
    position: relative;
    font-weight: bold;
    float: left;
    width: 110px;
}

#frmMessage
{
    position: relative;
    padding: 10px 0px 0px 0px;
}
.FieldGroup, .ButtonGroup, .RadioGroup
{
    margin-top: 20px;
}
.FieldGroup label, .RadioGroup label.main
{
    position: relative;
    font-weight: bold;
    float: left;
    width: 110px;
}
.FieldGroup input
{
    position: relative;
    margin-left: 10px;
}
.FieldGroup span
{
    position: relative;
    margin-left: 10px;
}

.ButtonGroup input
{
    position: relative;
    margin-right: 10px;
    margin-top: 20px;
}

.MessageTagList
{
    position: absolute;
    background-color: #EEEEEE;
    border: solid 1px #333333;
    top: 0px;
    left: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 5px 5px;
    min-width: 150px;
}


.RecipientList
{
    position: relative; /*overflow: auto;*/ /*height: 90px;*/
    padding: 5px 5px; /*border: 1px solid #CCCCCC;*/
    margin: 0px 10px 0px 120px;
}
.RecipientList div, .RecipientListDialog div
{
    position: relative;
    display: inline;
    height: 90px;
    margin: 3px 10px 3px 3px;
    white-space: nowrap;
    float: left;
}

.RecipientList div.Hidden
{
    display: none;
}

.RecipientAddBox
{
    position: relative;
    margin: 10px 0px 0px 100px;
}

.RecipientAddList
{
    position: absolute;
    display: none;
    width: 200px; /*height: 300px;*/
    padding: 5px 5px;
    border: 1px solid #999999;
    z-index: 900;
    background-color: #FFFFFF;
}
.RecipientAddList li
{
    position: relative;
    margin: 2px 0px 2px 0px;
    padding: 3px 3px;
    display: block;
    color: #333333;
    cursor: pointer;
    background-color: #FFFFFF;
}
.RecipientAddList li.over
{
    background-color: #333333;
    color: #FFFFFF;
}

.TagAddBox
{
    position: relative; /*margin-left: 110px; 	margin-top: 10px;*/
}

.TagAddList
{
    position: absolute;
    display: none;
    width: 150px;
    height: 200px;
    padding: 5px 5px;
    border: 1px solid #999999;
    z-index: 1000;
    background-color: #FFFFFF; /*margin-left: 10px;*/
}

.TagAddList li
{
    position: relative;
    margin: 2px 0px 2px 0px;
    padding: 3px 3px;
    display: block;
    color: #333333;
    cursor: pointer;
    background-color: #FFFFFF;
}

.TagAddList li.over
{
    background-color: #333333;
    color: #FFFFFF;
}

/*------------- public messages-------------------------------------- */
.PublicConversationContainer
{
    margin: 0px 55px 0px 55px;
}

.ParentMessage
{
    border: solid 1px #cccccc;
    padding: 20px 60px 20px 20px;
    margin-bottom: 20px;
}

.ParentMessage .AvatarColumn, .TopMessage .AvatarColumn, .UserMessageLeft .AvatarColumn, .UserReplyContainer .AvatarColumn
{
    float: left;
    width: 90px;
    position: relative;
    text-align: center;
}

.ParentMessage .TextContainer
{
    margin-left: 95px;
    position: relative;
}

.ParentMessage .TextContainer .Text
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.ParentMessage .TextContainer .tag
{
    background-color: #f1f1f1;
    padding-left: 3px;
    padding-right: 3px;
}

.TopMessage .RepliesLine, .UserMessageLeft .RepliesLine
{
	color: #FF3600;		
    margin-left: 20px;
    margin-top: 3px;
    font-size: 10px;
    font-family: Arial;
    position:relative;
    float:left;
}

.ResponseMessage .AvatarColumn, .UserMessageRight .AvatarColumn
{
    float: right;
    width: 90px;    
}


.ResponseMessage .TextContainer
{
	background-color: #f0fdeb;
   /* position: relative;*/
    margin-left:10px;
}

.UserMessageRight .TextContainer
{
	background-color: #CCD9E2;
    /*position: relative;*/
    margin-left:10px;
}

#OtherConversations
{
    margin-top: 20px;
    margin-bottom: 10px;
    border: solid 1px #cccccc;
}

#OtherConversationsInnerContainer
{
    border-top: solid 1px #cccccc;
    padding: 10px;
}

#OtherConversationsList
{
    list-style-type: none;
    list-style-position: inside;
}

.MessageActionContainer
{
    border: solid 1px #cccccc;
}

.MessageActionInnerContainer
{
    padding: 10px;
    clear:both;
}

.TagCloud
{
    color: #666666;
}

.TagCloud span
{
    margin: 2px;
}

.TagCloud span a, .TagCloud span a:active, .TagCloud span a:hover
{
    color: #333333;
    text-decoration: none;
}

.TagCloud span.rank1
{
    font-size: 24px;
}

.TagCloud span.rank2
{
    font-size: 23px;
}

.TagCloud span.rank3
{
    font-size: 22px;
}

.TagCloud span.rank4
{
    font-size: 21px;
}

.TagCloud span.rank5
{
    font-size: 20px;
}

.TagCloud span.rank6
{
    font-size: 19px;
}

.TagCloud span.rank7
{
    font-size: 18px;
}

.TagCloud span.rank8
{
    font-size: 17px;
}

.TagCloud span.rank9
{
    font-size: 16px;
    color: #999999;
}

.TagCloud span.rank10
{
    font-size: 15px;
    color: #999999;
}

.TagCloud span.rank11
{
    font-size: 14px;
    color: #999999;
}

.TagCloud span.rank12
{
    font-size: 13px;
    color: #999999;
}

.TagCloud span.rank13
{
    font-size: 12px;
    color: #999999;
}

.TagCloud span.rank14
{
    font-size: 11px;
    color: #999999;
}

.TagCloud span.rank15
{
    font-size: 10px;
    color: #999999;
}

.FavoriteTags
{
    list-style-type: none;
    list-style-position: inside;
    font-size: 10px;
    color: #666666;
}

.FavoriteTags li
{
    margin: 3px 5px;
}

.FavoriteTags .tag
{
    background-color: #f2f2f2;
    padding-left: 3px;
    padding-right: 3px;
}

/*---------round elements------*/

/*-----conversation container----------*/
.ConversationContainerWrapper
{
    margin-left: 5px;
    width: 747px;
    float: left;
    position: relative;
}

.ConversationContainer
{
    padding: 10px 70px 20px 20px;
    position: relative;
}

.ConversationContainerWrapper .top
{
    background: url(/images/messages/img_msg_page_topedge.gif) 0 0 repeat-x;
    position: relative;
}
.ConversationContainerWrapper .bottom
{
    background: url(/images/messages/img_msg_page_bottom.gif) 0 100% no-repeat;
}
.ConversationContainerWrapper .left
{
    background: url(/images/messages/img_msg_page_leftedge.gif) 0 0 repeat-y;
}
.ConversationContainerWrapper .right
{
    background: url(/images/messages/img_msg_page_rightedge.gif) 100% 0 repeat-y;
}
.ConversationContainerWrapper .topLeft
{
    background: url(/images/messages/img_msg_page_topleft.gif) 0 0 no-repeat;
}
.ConversationContainerWrapper .topRight
{
    background: url(/images/messages/img_msg_page_topright.gif) 100% 0 no-repeat;
}

/*--------author message-----------*/
.AuthorMessage .top, .TopMessage .top
{
    background: url(/images/messages/img_msg_blu_top.gif) 0 0 repeat-x;
    
}
.AuthorMessage .bottom, .TopMessage .bottom
{
    background: url(/images/messages/img_msg_blu_bottom.gif) 0 100% repeat-x;
}
.AuthorMessage .left, .TopMessage .left
{
    background: url(/images/messages/img_msg_blu_left.gif) 0 0 repeat-y;
}
.AuthorMessage .right, .TopMessage .right
{
    background: url(/images/messages/img_msg_blu_right.gif) 100% 0 repeat-y;
}
.AuthorMessage .bottomLeft, .TopMessage .bottomLeft
{
    background: url(/images/messages/img_msg_blu_bottomleft.gif) 0 100% no-repeat;
}
.AuthorMessage .bottomRight, .TopMessage .bottomRight
{
    background: url(/images/messages/img_msg_blu_bottomright.gif) 100% 100% no-repeat;
}
.AuthorMessage .topLeft, .TopMessage .topLeft
{
    background: url(/images/messages/img_msg_blu_topleft.gif) 0 0 no-repeat;
}
.AuthorMessage .topRight, .TopMessage .topRight
{
    background: url(/images/messages/img_msg_blu_topright.gif) 100% 0 no-repeat;
    padding: 10px;
}

.AuthorMessage .leftArrow, .TopMessage .leftArrow
{
    background: url(/images/messages/img_msg_blu_arrowleft.gif) 0 11px no-repeat;
}

/*--------responder message(by current user)-----------*/
.UserMessageLeft .top, .UserMessageRight .top
{
    background: url(/images/messages/img_msg_teal_top.gif) 0 0 repeat-x;
}
.UserMessageLeft .bottom, .UserMessageRight .bottom
{
    background: url(/images/messages/img_msg_teal_bottom.gif) 0 100% repeat-x;
}
.UserMessageLeft .left, .UserMessageRight .left
{
    background: url(/images/messages/img_msg_teal_left.gif) 0 0 repeat-y;
}
.UserMessageLeft .right, .UserMessageRight .right
{
    background: url(/images/messages/img_msg_teal_right.gif) 100% 0 repeat-y;
}
.UserMessageLeft .bottomLeft, .UserMessageRight .bottomLeft
{
    background: url(/images/messages/img_msg_teal_bottomleft.gif) 0 100% no-repeat;
}
.UserMessageLeft .bottomRight, .UserMessageRight .bottomRight
{
    background: url(/images/messages/img_msg_teal_bottomright.gif) 100% 100% no-repeat;
}
.UserMessageLeft .topLeft, .UserMessageRight .topLeft
{
    background: url(/images/messages/img_msg_teal_topleft.gif) 0 0 no-repeat;
}
.UserMessageLeft .topRight, .UserMessageRight .topRight
{
    background: url(/images/messages/img_msg_teal_topright.gif) 100% 0 no-repeat;
}

.UserMessageLeft .rightArrow, .UserMessageRight .rightArrow
{
    background: url(/images/messages/img_msg_teal_arrowright.gif) 100% 11px no-repeat;
}

.UserMessageLeft .leftArrow, .UserMessageRight .leftArrow
{
    background: url(/images/messages/img_msg_teal_arrowleft.gif) 0px 11px no-repeat;
}

/*--------responder message-----------*/
.ResponderMessage .top, .ResponseMessage .top
{
    background: url(/images/messages/img_msg_grn_top.gif) 0 0 repeat-x;
    position:relative;
}
.ResponderMessage .bottom, .ResponseMessage .bottom
{
    background: url(/images/messages/img_msg_grn_bottom.gif) 0 100% repeat-x;
    position:relative;
}
.ResponderMessage .left, .ResponseMessage .left
{
    background: url(/images/messages/img_msg_grn_left.gif) 0 0 repeat-y;
    position:relative;
}
.ResponderMessage .right, .ResponseMessage .right
{
    background: url(/images/messages/img_msg_grn_right.gif) 100% 0 repeat-y;
    position:relative;
}
.ResponderMessage .bottomLeft, .ResponseMessage .bottomLeft
{
    background: url(/images/messages/img_msg_grn_bottomleft.gif) 0 100% no-repeat;
    position:relative;
}
.ResponderMessage .bottomRight, .ResponseMessage .bottomRight
{
    background: url(/images/messages/img_msg_grn_bottomright.gif) 100% 100% no-repeat;
    position:relative;
}
.ResponderMessage .topLeft, .ResponseMessage .topLeft
{
    background: url(/images/messages/img_msg_grn_topleft.gif) 0 0 no-repeat;
    position:relative;
}
.ResponderMessage .topRight, .ResponseMessage .topRight
{
    background: url(/images/messages/img_msg_grn_topright.gif) 100% 0 no-repeat;
    padding: 10px;
}

.ResponderMessage .rightArrow, .ResponseMessage .rightArrow
{
    background: url(/images/messages/img_msg_grn_arrowright.gif) 100% 11px no-repeat;
    position:relative;
}

/*--------user reply message-----------*/
.UserReplyContainer .top
{
    background: url(/images/messages/img_msg_wht_top.gif) 0 0 repeat-x;
}
.UserReplyContainer .bottom
{
    background: url(/images/messages/img_msg_wht_bottom.gif) 0 100% repeat-x;
}
.UserReplyContainer .left
{
    background: url(/images/messages/img_msg_wht_left.gif) 0 0 repeat-y;
}
.UserReplyContainer .right
{
    background: url(/images/messages/img_msg_wht_right.gif) 100% 0 repeat-y;
}
.UserReplyContainer .bottomLeft
{
    background: url(/images/messages/img_msg_wht_bottomleft.gif) 0 100% no-repeat;
}
.UserReplyContainer .bottomRight
{
    background: url(/images/messages/img_msg_wht_bottomright.gif) 100% 100% no-repeat;
}
.UserReplyContainer .topLeft
{
    background: url(/images/messages/img_msg_wht_topleft.gif) 0 0 no-repeat;
}
.UserReplyContainer .topRight
{
    background: url(/images/messages/img_msg_wht_topright.gif) 100% 0 no-repeat;
    padding: 10px;
}

.UserReplyContainer .leftArrow
{
    background: url(/images/messages/img_msg_wht_arrowleft.gif) 0 11px no-repeat;
}

/*----------------*/
.PagingBlockLegend
{
	font-size: 13px;
}


/* Other Conversations ===============================*/

.MessageViewTabs, .MessageViewTabs ul
{
	position: relative;
	list-style-type: none;
	list-style-position: outside;
	padding: 0px 0px;
	margin: 0px 0px;
	display: table-cell;
	line-height: 25px;
}
.MessageViewTabs a:link, .MessageViewTabs a:active, .MessageViewTabs a:visited
{
	display: block;
	width: 108px;
	height: 25px;
	color: #FF3600;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: center;
}
.MessageViewTabs a:hover
{
	display: block;
	width: 108px;
	height: 25px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: center;
	background: #000000 url(/images/messages/tab_108x26_on.gif) no-repeat 0px 0px;
}
.MessageViewTabs a.TabOn:link, .MessageViewTabs a.TabOn:active, .MessageViewTabs a.TabOn:visited
{
	display: block;
	width: 108px;
	height: 25px;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: center;
	background: #000000 url(/images/messages/tab_108x26_on.gif) no-repeat 0px 0px;
}
.MessageViewTabs a.TabOn:hover
{
	width: 108px;
	height: 25px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px;
	text-align: center;
}
/* Main Bar Items */
.MessageViewTabs li
{
	float: left;
	width: 108px;
	height: 25px;
	position: relative;
	padding: 0px 0px;
	margin: 0px 5px;
	text-align: center;
	background: #000000 url(/images/messages/tab_108x26_off.gif) no-repeat 0px 0px;
	z-index: 100;
}

.MessageTabsNarrow, .MessageTabsNarrow ul
{
    position: relative;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px;
    margin: 0px 0px;
    display: table-cell;
    line-height: 25px;
}
.MessageTabsNarrow a:link, .MessageTabsNarrow a:active, .MessageTabsNarrow a:visited
{
    display: block;
    width: 86px;
    height: 25px;
    color: #FF3600;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    text-align: center;
}
.MessageTabsNarrow a:hover
{
    display: block;
    width: 86px;
    height: 25px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    text-align: center;
    background: #000000 url(/images/messages/tab_86x26_on.gif) no-repeat 0px 0px;
}
.MessageTabsNarrow a.TabOn:link, .MessageTabsNarrow a.TabOn:active, .MessageTabsNarrow a.TabOn:visited
{
    display: block;
    width: 86px;
    height: 25px;
    color: #333333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    text-align: center;
    background: #000000 url(/images/messages/tab_86x26_on.gif) no-repeat 0px 0px;
}
.MessageTabsNarrow a.TabOn:hover
{
    width: 86px;
    height: 25px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px;
    text-align: center;
}
/* Main Bar Items */
.MessageTabsNarrow li
{
	float: left;
	width: 86px;
	height: 25px;
	position: relative;
	padding: 0px 0px;
	margin: 0px 5px;
	text-align: center;
	background: #000000 url(/images/messages/tab_86x26_off.gif) no-repeat 0px 0px;
	z-index: 100;
}