/* Remember:
	-- Make everything absolutely positioned.
	-- Always set margin to 0px for absolutely positioned elements.
	-- Set non-zero padding only if needed, especially for input controls (textbox, combo-box, etc.).

	-- Total control width = width 
		+ left padding + right padding 
		+ left border + right border 
		+ left margin + right margin

	-- Total height = height 
		+ top padding + bottom padding 
		+ top border + bottom border
		+ top margin + bottom margin
	-- Always maintain the same total height of all single-line controls
	-- such as textbox, combo-box, etc.

	-- Margin specs: top right bottom left
	-- Padding specs: top right bottom left
*/

body
{
	font-family: "Verdana", "Georgia", "Arial", "Tahoma", "Times New Roman", "Garamond", "Helvetica", "Sans-serif", "Lucida Console", "Courier New";
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
}
.top_panel
{
	position: absolute;
	left: 1px;
	top: 1px;
	width: 900px;
	height: 50px;
	margin: 0px;
	border: 1px solid #DCDCDC;	/*lightskyblue;*/
	padding: 0px;
	background: #8CD1E8;	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#90D8D4, #D2F0EE, #90D8D4);	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#90D8D4, #D2F0EE, #90D8D4);	/* For Opera 11.1 to 12.0 */	
	background: -moz-linear-gradient(#90D8D4, #D2F0EE, #90D8D4);	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#888888, #F0F0F0);		/* Standard syntax */
}
.top_panel_inner
{
	position: absolute;
	left: 1px;
	top: 1px;
	width: 896px;
	height: 46px;
	margin: 0px;
	border: 1px solid #DCDCDC;	/*lightgray;*/
	padding: 0px;
}
.bottom_panel
{
	position: absolute;
	left: 1px;
	top: 52px;
	width: 900px;
	height: 500px;
	margin: 0px;
	border: 1px solid #DCDCDC;	/*lightskyblue;*/
	padding: 0px;
}
.logo_top_left
{
	position: absolute;
	left: 3px;
	top: 2px;
	max-width: 220px;
	max-height: 44px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	object-fit: contain;
	vertical-align: middle;
}
.app_title
{
	position: absolute;
	left: 240px;
	margin-top: 13px;
	color: darkgreen;
	font-size: 16px;
	font-style: italic;
}
.logout_lnk
{
	position: absolute;
	right: 400px;
	margin-top: 16px;
	font-size: 12px;
}
.company_url
{
	position: absolute;
	right: 120px;
	margin-top: 16px;
	font-size: 12px;
}
.logo_top_right
{
	position: absolute;
	top: 2px;
	right: 5px;
	max-width: 88px;
	max-height: 44px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	object-fit: contain;
	vertical-align: middle;
}
.bottom_left_panel
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 500px;
	margin: 0px;
	border-right: 1px solid #DCDCDC;	/*lightskyblue;*/
	padding: 0px;
	overflow: auto;
}
.bottom_right_panel
{
	position: absolute;
	left: 301px;
	top: 0px;
	width: 599px;
	height: 500px;
	margin: 0px;
	border: 0px solid #DCDCDC;		/*lightskyblue;*/
	padding: 0px;
	background-color: #D0D0D0;
	overflow: auto;
}
.collapse_button
{
	border: 0px;
	border-radius: 3px;
	color: gray;
	font-size: 11px;
	height: 15px;
	line-height: 11px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 15px;
	z-index: 0;
}