/*--INVITATION TOP --------------*/

.layInvitation {  }
.layInvitation b { color: #666; font-size: 11px; font-weight: normal; }


.layInvitation h1 { }
.layInvitation p { line-height: 18px; margin: 10px 0px 40px 0px;  }
.layInvitationInfo { background-color: #f3f3f3; margin: 0px 0px 25px 0px; }
.layInvitationInfo .layLeft, .layInvitationInfo .layRight { padding: 12px; }
.layInvitationInfo .layLeft img, .layInvitationInfo .layRight img { margin-right: 6px; vertical-align: middle; }
.layInvitationInfo .layRight { text-align:right; }


.btnNewInvitation { display: none; }




/*-- INVITATION BOTTOM --------------*/

.layBox { background-color: #f8f8f8; border: 1px solid #e4e4e4;  float: left; height: 370px; margin: auto auto 10px auto; padding: 0px 10px 0px 10px; width: 234px; _margin-left: 7px; _width: 225px; _padding: 10px 0px 10px 7px; }
.layBox h6 { font-size: 12px; margin: 0px 0px 10px 0px; }

.layAttending { }
.layNotAttending { margin:0px 10px 0px 10px; }
.layComments { }

.layBox a.btn { background-repeat: no-repeat; color: #333; display: block; font-size: 12px; font-weight: bold; height: 36px; line-height: 36px; margin: 10px auto 25px auto; text-align: center; text-decoration: none; text-transform: uppercase; width: 235px; }
.layAttending			a.btn { background-image: url("../../sys/gfx/btn-attending.png"); }
.layNotAttending	a.btn { background-image: url("../../sys/gfx/btn-not-attending.png"); }
.layComments			a.btn { background-image: url("../../sys/gfx/btn-comment.png"); }

.layBox .layRepeater, .layBox .layCommentsRepeater { height: 260px; overflow: auto; _height: 280px; }
.layBox .layRepeater div { color: #333; font-size: 11px; padding: 4px 0px 4px 7px;  }
.layBox .layRepeater div.layEven { background-color: #eaeaea;  }
.layBox .layRepeater div input { margin-left: 3px;  }

.layBox .layCommentsRepeater { height: 260px; overflow: auto; _height: 280px; }
.layBox .layCommentsRepeater div { padding: 4px 0px 4px 7px; }
.layBox .layCommentsRepeater div.layEven { background-color: #eaeaea; }
.layBox .layCommentsRepeater div p b { color: #333; font-weight: bold; }
.layBox .layCommentsRepeater div p i { color: #999; }
.layBox .layCommentsRepeater div p { color: #333; font-size: 11px; margin: 0px; }
.layBox .layCommentsRepeater div p input { margin-left: 3px;  }