/* Magic to do 'frames' from CSS.
 * 
 * (c) Stian Soiland <stian@soiland.no> 2004
 * 
 * Parts of this file is copied freely from
 * the site http://devnull.tagsoup.com/fixed/
 * Many thanks to Eric Bednarz <devnull@tagsoup.com>
 *
 * You may use/modify/distribute/etc this source for free as long as you
 * keep the above copyright notices. 
 *
 * Essentially the trick is to make body only 100% high (ie. the screen
 * size), and then place div-boxes out where you want your "frames".
 * 
 * This allows fixed positioning even in Microsoft IE, as we can use
 * position: absolute for elements directly within body.
 * 
 * See the file fixed_ie.css for details on IE compatibility
 * hacks.
 * 
 */

html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	background-color: #666666;
}

div#container
{
	top: 0;
	bottom: 0;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left:-385px;
	text-align: left;
}

div#bottom
{
	position: absolute;
	margin: 0;

	/* Placed in the lower part */
	/* Don't overlap the left-side */
	left: 0;
	/* Full width, this doesn't work completely with IE, but see
	 fixed_ie5.css for details. */
	right: 0;
	top: 185px;
	/* Height of bottom part */
	bottom: 0;
	overflow: hidden;
	
}

div#bottom div.inner
{
	/* Reset to normal values */
	left: 0;
	right: auto;
	height: auto;
}

div#bottom div#mess_scroll
{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 54px;
	overflow: auto;
	background-color: #ffffff;
	z-index: 1;
}

div#header
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 54px;
	overflow: hidden;
}

/* This trick is to fix something i IE 5 on Mac..  */

@media screen
{
	body>div#bottom { position: fixed; }
}