/**/
/**    www.CodeSturctureAnalysis.com. All rights reserved.    **/
/**/
/**        Wbs_MainFrame.CSS        **/
/**/

/*----------------  General  -------------------*/

html, body, div
{
	margin:				0;
	padding:				0;
}

body
{
	font-family:			Verdana;
	font-size:			9pt;
	font-weight:			normal;

	min-width:			700px;
}

h2, h3
{
	padding-top:			4px;
	padding-left:			20px;
}

p
{
	font-family:			Arial;
	font-size:			10pt;
	font-weight:			normal;

	max-width:			900px;
}

.csa_bevel_top
{
	background-color:		RGB(183, 202, 227);
	width:				100%;
	height:				1px;
}

.csa_bevel_face
{
	background-color:		RGB(107, 143, 184);
	width:				100%;
}

.csa_bevel_bottom
{
	background-color:		RGB(71, 106, 146);
	width:				100%;
	height:				1px;
}

/*----------------  Page Header  -------------------*/

#csa_std_header
{
	background-color:		RGB(132, 165, 206);
	width:				100%;
}

.csa_header_msg
{
	font-family:			Verdana;
	font-size:			28pt;
	font-weight:			bold;

	letter-spacing:		1px;
	word-spacing:			6px;
	min-width:			550px;
}

.main_menu_item,
.main_menu_submenu_header
{
	font-family:			Verdana;
	font-size:			8pt;
	font-weight:			bold;
	color:				black;

	position:				relative;
	text-decoration:		none;
	outline:				0;

	padding-left:			8px;
	padding-right:			8px;
	padding-top:			1px;
	padding-bottom:		2px;

	margin-left:			10px;
	margin-right:			10px;
}

.main_menu_item:hover,
.main_menu_submenu_header:hover
{
	background-color:		RGB(155, 189, 200);
	cursor:				pointer;
}

.main_menu_item:active
{
	background-color:		RGB(226, 213, 194);
	cursor:				pointer;
}

.main_menu_submenu_header ul
{
	margin:				0;
	padding:				0;
	list-style:				none;

	background-color:		RGB(190, 211, 224);

	position:				absolute;
	left:					-10px;
	top:					16px;

	display:				none;
	border-bottom:		1px solid RGB(138, 150, 168);
	box-shadow:			2px 2px 1px RGB(220, 220, 220);
}

.main_menu_submenu_header:hover ul
{
	display:				block;
}

.main_menu_submenu_header li
{
	font-size:			8pt;
	font-weight:			normal;

	padding:				2px 10px;		/* vert-value horz-value */

	border:				1px solid RGB(138, 150, 168);
	border-bottom:		0;
}

.main_menu_submenu_header li:hover
{
	background-color:		RGB(224, 218, 197);
	cursor:				pointer;
}

.main_menu_submenu_header li:active
{
	background-color:		RGB(242, 223, 179);
	cursor:				pointer;
}

.main_menu_submenu_header li a
{
	color:				black;
	text-decoration:		none;
	outline:				0;
}

/*----------------  Page Contents  -------------------*/

#csa_page_contents_table
{
	border-collapse:		collapse;
	border-spacing:		0px;
	width:				100%;

	padding:				0px;
	border-width:			0px;
	margin:				0px;
}

#csa_left_navigation_panel
{
	background-color:		RGB(190, 211, 224);

	text-align:			left;
	vertical-align:			text-top;

	padding-bottom:		20px;
}

#csa_page_contents
{
	text-align:			left;
	vertical-align:			text-top;

	padding:				0px 20px;		/* vert-value horz-value */
}

/*---------------- Left Panel -------------------*/

.sec_menu_title
{
	font-weight:			bold;

	padding:				12px 15px;		/* vert-value horz-value */
}

.sec_menu_item,
.sec_menu_item_curr
{
	font-family:			Calibri;
	font-size:			10pt;

	padding-left:			12px;
	padding-right:			8px;
	padding-bottom:		1px;

	margin-left:			12px;
	margin-right:			16px;
}

.sec_menu_item_curr
{
	font-weight:			bold;
	letter-spacing:		1px;
}

.sec_menu_item:hover,
.sec_menu_item_curr:hover
{
	background-color:		RGB(232, 222, 189);
	cursor:				pointer;
}

.sec_menu_item:active,
.sec_menu_item_curr:active
{
	background-color:		RGB(226, 213, 194);
	cursor:				pointer;
}

.sec_menu_comment
{
	font-size:			8pt;

	padding-left:			15px;
	padding-right:			20px;
	padding-top:			10px;
	padding-bottom:		0px;
}

/*---------------- Footer ----------------*/

#csa_std_footer
{
	background-color:		RGB(132, 165, 206);
	width:				100%;
}

.csa_footer_msg
{
	font-family:			Verdana;
	font-size:			7pt;
	font-weight:			bold;

	padding-top:			2px;
	padding-bottom:		3px;
}

/*---------------- Misc ----------------*/

#em_fld
{
	font-family:			Comic Sans Ms;
	font-size:			10pt;
	font-weight:			bold;
	color:				RGB(31, 76, 146);
}

.csa_notebook_page
{
	padding:				8px 18px 10px 18px;		/* top-right-bottom-left */
	margin:				20px 20px;

	white-space:			pre;
	background-image:	URL(/Images/MainFrame/Mint-Grid4.jpg);

	width:				504px;
	border-style:			solid;
	border-color:			RGB(190,203,210);
	border-width:			1px;
}

.csa_sh_control
{
	font-family:			Comic Sans MS;
	font-size:			7pt;
	background-color:		RGB(230,230,230);

	padding-left:			3px;
	padding-right:			4px;
	cursor:				pointer;
}