@media screen{
	div#containerLeft {
		float: left;
		width: 340px;
	}

	div#containerRight {
		width: auto;
		margin-left: 345px;
	}

	
	div#msgList, div#msgRead, iframe#msgReply {
		border: 1px solid #000000;
		width: auto;
		height: 400px;
		overflow: auto;
		padding: 4px;
	}

	div#msgRead {
		width: auto;
	}
	

	#msgList {
		-moz-border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		border-radius: 20px 0 0 20px;
	}
	#msgRead, #msgReply {
		-moz-border-radius: 0 20px 20px 0; 
		-webkit-border-radius: 0 20px 20px 0;
		border-radius: 0 20px 20px 0;
	}

	iframe#msgReply {
		width: 98%;
		height: 408px;
		display: none;
		padding: 0;
		padding-right: 15px;
	}
	
	div#msgHeader {
		font-weight: bold;
		margin-bottom: 1em;	
	}
	
	ul#links {
		text-align: center; 
		font-size: 0.8em;
	}

	ul#links li {
		display: inline;
		margin: auto 10px;
		white-space:nowrap;
	}

	.buttons {
		margin-top: 10px;
	}

	li.dateChange{
		border-top:2px dashed #0033cc;
		padding-top:3px;
	}
  
  h4.dateChange{
    background-color: #cccccc;
    padding-left: .2em;
    padding-right:1em;
    margin:0;
    margin-bottom:1px;
    cursor:pointer;
    text-align:right;
    font-size:0.7em;
  }

  
  .currentMsg{background-color: yellow;}
  .threadMsg{border:2px dotted orange;}
  
  .readMsg{
  	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 40);
		opacity:0.4;
		background-color:#eaeaea;
  }

  #msgList span{font-size:0.7em;}
  #msgList .admin{color: red;}
  #msgList a{cursor:pointer;}
  #msgHeader #author{float:right;}
  #msgBody{clear:both;}  

  
  li.flagged{border-left:1px solid red;}  

  .buttons #timer img { 
    width: 1em;
    height: 1em;
    margin: 0;
    padding: 0;
  }
  
}

@media print {
	div#containerLeft, .buttons, #links {
		display: none;
	}
}