/* the div that becomes grey behind */

#commentPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background-color:black;
z-index:150;
}

/* the div that pops up - it doesn't contain the div that becomes grey behind */

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
max-height:550px;
width:500px;
background-color:rgb(254,232,210);
border:5px solid white;
z-index:200;
padding-bottom:15px;
}

#popupContact h3 { margin-bottom:10px; font-size:1.1em; }
#popupContact .panelTitle { margin-top:0; padding:5px 0 5px 20px; }
#popupContact .panelHeader { margin-bottom:20px; }

#commentsAdd { margin:20px 0 0 20px; }
#newMessage { width:450px; height:80px; margin-bottom:5px; padding:5px; }

#buttonSubmit { font-weight:bold; margin-top:5px; float:right; margin-right:20px; }

/* the x button to close the poppedup div */

#popupContactClose{
font-size:14px;
line-height:14px;
right:8px;
top:5px;
position:absolute;
color:white;
display:block;
cursor:pointer;
z-index:100;
}

/*Contains all of the Messages */

#messageContainer , #descriptionContainer { min-height:15px; max-height:300px; max-width:452px; padding-left:20px; padding-right:10px; overflow:auto; }

/* The textarea */

#newMessage{
}

/*Contains each of the Messages (with author and text) */

.commentText{
background-color:rgb(254,243,232);
padding:10px 10px 5px 10px;
margin-bottom:5px;
color:black;
overflow:hidden;
}

/*Contains the author of the message and date/time added */

.commentBy{
color:rgb(102,102,102);
display:block;
margin-bottom:5px;
}

/*Contains the text of the message */

.commentWords{
}

.commentFile {
	border-bottom: 1px solid lightgrey;
	padding-top: 5px;
	padding-bottom: 5px;
}

.commentFile:last-child {
	border-bottom: 0;
}

.commentFileThumbnail {
    display: inline-block;
}

.commentFileThumbnail img {
    height: 40px;
}

.commentFileActions {
	display: block;
	margin-top: 10px;
}

.comment-buttons .action-button,
.commentFileActions .action-button {
	margin-right: 10px;
}

.action-button:hover {
	color: rgb(238,130,15);
}

.commentFileActions a {
	margin-right: 10px;
}

.commentFileInfo {
	display: inline-block;
	width: 250px;
	margin-left: 10px;
	vertical-align: top;
}