body, all, * {
		margin:										0;
		padding:										0;

		font-family:									verdana, arial, sans-serif;
		font-size:									11px;
	}

body {
		background-image:					url('../pics/body.css.bg.gif');
		background-repeat:					repeat-x;
		background-color:						#d9d9d9;
	}






#loadPlate {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-180px;
	margin-top:-97px;
}





#appFrame {

		Xborder:										1px solid red;
		position:										absolute;
		left:												50%;
		top:												25px;
		margin-left:									-445px;
		    top:50%;
		    margin-top:-291px;

		width:											890px;
		height:											582px;


		background-image:					url('../pics/o.app.head.gif');
		background-repeat:					repeat-x;


	}

#handsome {
	position:											absolute;
	right:												0;
	bottom:											-30px;
}


#appHead {
		position:										absolute;
		left:												0;
		top:												0;
		Xborder:										1px solid white;
		height:											128px;
		width:											890px;
	}

#container1 {
		position:										absolute;
		left:												0;
		top:												128px;

		width:											227px;
		height:											421px;

		Xborder:										1px dotted white;

		background-image:					url('../pics/o.app.container1.bg.gif');
		background-repeat:					no-repeat;
	}

#container2 {
		position:										absolute;
		left:												227px;
		top:												128px;

		Xborder:										1px dotted red;

		width:											663px;
		height:											120px;

		background-image:					url('../pics/o.app.container2.bg.gif');
		background-repeat:					no-repeat;
	}

#container3 {
		position:										absolute;
		left:												227px;
		top:												250px;

		Xborder:										1px dotted white;

		width:											663px;
		height:											300px;

		background-image:					url('../pics/o.app.container3.bg.gif');
		background-repeat:					no-repeat;

	}

#appFoot {
		position:										absolute;
		left:												0;
		top:												554px;

		height:											28px;
		width:											890px;

		background-image:					url('../pics/o.app.appFoot.bg.gif');
		background-repeat:					repeat-x;
	}

#appFoot div.lang {
	position:											absolute;
	right:												8px;
	top:													2px;
}



#appHead div.linkage {
	position:											absolute;
	top:													0;
	right:												0;
}



ul.menu {
		margin-left:									10px;
		margin-top:									28px;
		margin-right:								20px;

		list-style-type:							none;
	}

ul.menu li {
		background-color:						white;
		line-height:									24px;
		border:										1px solid #9a9a9a;
		margin-bottom:							1px;
	}

ul.menu ul {
		list-style-type:							none;
	}

ul.menu ul li {
		border:										none;
		line-height:									16px;
	}




ul.menu a {
		text-decoration:							none;
		color:											black;
		display:										block;
		font-weight:								bold;

		text-indent:								24px;
		background-image:					url('../pics/o.app.menu.m.off.gif');
		background-repeat:					no-repeat;
	}

ul.menu a:hover {
		background-image:					url('../pics/o.app.menu.m.on.gif');
		background-color:						#f4f4f4;
	}
ul.menu a.at {
		background-image:					url('../pics/o.app.menu.m.on.gif');
	}

ul.menu ul.sub a {
		font-weight:								normal;
		text-indent:								32px;
		background-image:					url('../pics/o.app.menu.s.gif');
		background-repeat:					no-repeat;
		border-top:									1px solid white;
		border-bottom:							1px solid white;
	}

ul.menu ul.sub a:hover, ul.menu ul.sub a.at {
		border-top:									1px solid black;
		border-bottom:							1px solid black;
		background-color:						#f4f4f4;
	}





ul.mailsList {
		line-height:									17px;
		list-style:none;
	}

ul.mailsList li {
		background-color:						white;
		margin-bottom:							2px;
		border:										1px solid #999999;
	}

ul.mailsList li a {
		display:										block;
		text-decoration:						none;
		color:											black;
		
		font-weight:								bold;
		background-image:					  url('../pics/o.app.mails.a.off.gif');
		background-repeat:					no-repeat;
		text-indent:								20px;
	}

ul.mailsList li a.at, ul.mailsList li a:hover {
		background-color:						#f4f4f4;
		background-image:					  url('../pics/o.app.mails.a.on.gif');
	}

ul.mailsList li a.visited {
		font-weight:								normal;
		background-image:				    url('../pics/o.app.mails.a.on.gif');
}





#appFoot div {
	line-height:26px;
}

#appFoot a {
	color:white;
	line-height:26px;
}




#container2 div.scroller {
	position:											absolute;	
	left:													9px;
	top:													28px;
	width:												641px;
	height:												85px;
	overflow:											auto;
}

#container3 div.distance {
	margin-left:										9px;
	margin-right:									9px;
	margin-top:										28px;
	margin-bottom:								4px;
}

#container3 div.mailScroller {
	width:												641px;
	height:												184px;
}

#container3 div.mailScrollerBig {
	width:												641px;
	height:												205px;
}