/* MESSAGES LAYOUT */

/* Note: This CSS file styles the thickbox popup windows for password, remove and connect - the sliding door button code is
in here specific to these layouts deliberately as these pages require very specific styling */

/*--------------------------------- NEW MESSAGE ----------------------------*/

#new-message-container
{
	margin: 0 auto;
	padding: 0;
	width: 520px;
}

#new-message-container h1
{
	color:#276C36;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:16px;
	margin-bottom:10px;
}

#new-message-body
{
	border-top:3px solid #9CD5E8;
	border-bottom:3px solid #9CD5E8;
	background-color: #F4F9F0;
	padding:5px;
}

#new-message-body form
{
	margin: 0;
}

#new-message-body form ol
{
	list-style-type: none;
	margin: 0;
	padding: 15px 0 0 0;
}

#new-message-body form li
{
	clear: both;
	padding: 0 0 47px 0;
}

#new-message-body form label
{
	color: #276C36;
	float: left;
	font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 20px;
	width: 80px;
}

#new-message-body .sendTo
{
	font-weight: bold;
	margin: 0;
}


#new-message-body form input.fieldWidth,
#new-message-body form textarea
{
	border:1px solid #9CD5E8;
	float: left;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 8px 0 2px 0;
	padding: 6px 0 0 4px;
	width: 350px;
}

#new-message-body form input.fieldWidth 
{
	height: 20px;
}

#new-message-body .messageButtons {
	margin: 0 0 0 100px;
	padding: 0;
}



/*--------------------------------- THREADS ----------------------------*/

#thread-container
{
	width:600px;
	padding:15px;

}

#thread-container h1
{
	color:#276C36;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:16px;
	margin-bottom:10px;
}

#thread-container h2 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
	padding:0;
}


#thread-orig-msg-container
{
	background-color: #fff;
	border-top:3px solid #9CD5E8;
	padding:5px 5px 20px 20px;
}

#thread-orig-msg-details
{
	float:left;
	width: 130px;
	margin-right:15px;
	margin-top:10px;
}


#thread-orig-msg-details h1
{
	color:#00ADEF;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	margin:0 0 5px 0;
}

#thread-orig-msg-details p
{
	width:200px;
	color:#231F20;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}


#thread-orig-msg-details .details-container
{
	margin-bottom:20px;
}

#thread-orig-msg-details .details-container .thread-participants 
{
	height:21px;
	margin-top:5px;
	width:120px;
}

#thread-orig-msg-details .details-container .thread-participants img
{
	display:block;
	width:21px;
	height:21px;
	float:left;
	margin:0px 5px 0px 0px;
}

#thread-orig-msg-details .details-container .thread-participants p
{
	color:#231F20;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	float:left;
	margin-top:3px;
	padding:0px;
	width:115px;
}


#thread-orig-msg-body
{
	float:left;
	width: 420px;
	margin-top:10px;
}

#thread-orig-msg-body h1
{
	color:#00ADEF;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	margin:0 0 5px 0;
}

#thread-orig-msg-body p
{
	color:#231F20;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	margin:0px;
	width:420px;
	padding:0px;
}



.reply-container
{
	border-top:3px solid #9CD5E8;
	padding:5px 5px 20px 20px;
	background-color: #F4F9F0;
}

.reply-container .noReplies {
	font-style: italic;
	padding-bottom: 10px;
}

#thread-container .reply-container h1
{
	color:#276C36;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:16px;
	margin-top:5px;
	margin-bottom:5px;
}

.even
{
	background-color: #FFF;
}


#thread-container .reply-container .reply-details h1, #thread-container #reply-form-container .reply-details h1
{
	color:#00ADEF;
	font-size:12px;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding:0px;
}


#thread-container .reply-container .reply-details h3, #thread-container #reply-form-container .reply-details h3
{
	color:#333;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	margin:5px 0px 0px 0px;
	padding:0px;
}


.reply-message
{
	float:left;
	width: 420px;
	margin-top:10px;
}

.reply-details
{
	float:left;
	width: 130px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
}

#thread-container .reply-container .reply-message h1
{
	color:#00ADEF;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	margin: 0 0 5px 0;
}


#reply-form-container
{
	border-top:3px solid #9CD5E8;
	padding:5px;
}

#reply-form-container h1
{
	margin-top:5px;
	margin-bottom:5px;
}

#reply-form
{
	float:left;
	margin-top:10px;
	width:420px;
}


#reply-form textarea {
	font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	width: 420px;
}

#thread-container #reply-form-container #reply-form h1
{
	color:#00ADEF;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	margin: 0 0 5px 0;
}

#thread-container h2.slideDownLink {
	float: right;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
}

#thread-container h2.slideUpLink {
	float: right;
	font-size: 11px;
	font-weight: normal;
	padding-top: 7px;
}

.noExtraBasePadding {
	padding: 5px 5px 0 20px;
}

.clear {
	clear: both;
}



/*--------------------------------- ERROR FEEDBACK ----------------------------*/


.errorMsg
{
	background: transparent url('../images/large_error_icon.png') no-repeat scroll 0px 0px;
	padding: 4px 10px 10px 53px;
	margin-bottom: 20px;
}


.errorMsg h1
{
	font-family: Arial;
	font-size: 14px;
	color:#F00;
}


/*--------------------------------- Sliding Door Buttons ----------------------------*/


button
{
	border:0;
	cursor:pointer;
	font-weight:bold;
	padding:0 20px 0 0;
	text-align:center;
	width: auto;
	font-family:Arial, Helvetica, sans-serif;
}


button span
{ 
	position:relative;
	display:block;
	white-space:nowrap;
	padding:0 0 0 20px;
}

/*blue buttons*/
button.blueBtn 
{ 
  background:url(../images/buttons/bluebtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold;
}

button.blueBtn span
{ 
	height:30px; 
	line-height:30px;
	background:url(../images/buttons/bluebtnleft.gif) left no-repeat;
	color:#fff; 

}

button.blueBtn:hover
{
	background:url(../images/buttons/bluebtnrighthover.gif) right no-repeat; 
}

button.blueBtn:hover span
{
	background:url(../images/buttons/bluebtnlefthover.gif) left no-repeat; 
}

/*Green Buttons*/
button.greenBtn 
{ 
  background:url(../images/buttons/greenbtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold;
}

button.greenBtn span
{ 
  height:30px; 
  line-height:30px;
  background:url(../images/buttons/greenbtnleft.gif) left no-repeat;
  color:#fff; 

}

button.greenBtn:hover
{
	background:url(../images/buttons/greenbtnrighthover.gif) right no-repeat; 
}

button.greenBtn:hover span
{
	background:url(../images/buttons/greenbtnlefthover.gif) left no-repeat; 
}

/* Red Buttons*/
button.redBtn
{ 
  background:url(../images/buttons/redbtnright.gif) right no-repeat; 
  font-size:14px;
  font-weight:bold;
}

button.redBtn span
{ 
  height:30px; 
  line-height:30px;
  background:url(../images/buttons/redbtnleft.gif) left no-repeat;
  color:#fff; 
}

button.redBtn:hover
{
	background:url(../images/buttons/redbtnrighthover.gif) right no-repeat; 
}

button.redBtn:hover span
{
	background:url(../images/buttons/redbtnlefthover.gif) left no-repeat; 
}