@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;
		padding: 0;
		padding-right: 15px;
	}
	
	#msg-title {
		margin: 10px;
		border-bottom: 2px solid #ccc;
		overflow: hidden;
		*zoom: 1;
	}
	
	
	#msg-title h2 {
	  float: left;
	  margin: 0;
	}
	
	ul#links {
		text-align: center; 
		font-size: 0.8em;
	}

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

	.buttons {
		margin-top: 10px;
		text-align: center;
	}

	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;
  }

  
  .current-msg {background-color: yellow;}
  .thread-msg {border:2px dotted orange;}
  
  .read-msg {
  	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;}
  #msg-title .author{ float:right; margin-top: 2px; }
  #msgBody{clear:both;}  

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


  #msgCount { font-size: 0.7em; margin: 5px; text-align: right; }

	button, input[type=button] { 
 		border: 1px solid #354875;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-o-border-radius: 5px;
  	border-radius: 5px;
  	color: #FFFFFF;
  	font-size: 12px;
  	font-weight: bold;
  	padding: 2px 5px;
  	text-transform: uppercase;
  	text-shadow: 0 1px 1px rgba(0,0,0,.5);    
  	background: #7286AB;
  	background: -moz-linear-gradient(top, #A3B3CC, #374B77);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A3B3CC), to(#374B77));
	}

	button:hover, input[type=button]:hover {
 		background: #7487AD;
  	background: -moz-linear-gradient(top, #374B77, #A3B3CC);
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#374B77), to(#A3B3CC));
 	}

	button:active, input[type=button]:active {
		background: #354875; 
	}
	
	button#timer {
	  width: 10.5em;
	}

	#action-search {
		width: 6em;
	}

  #inbdy {
		margin: 10px;
	}

  #inbdy .fixed_width {
    font-family: inherit !important;
  }

  .loading {
		background: #ccc url(/images/loading.gif) no-repeat center 0 !important;
		text-indent: -9999em !important;
	}

	#msgList .loading {
		background-position: center center !important;
		text-indent: 0 !important;
	}

	#msgList .loading * {
		visibility: hidden;
	}

	form#quick-search input[type="text"] { width: 20em; }

}

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