/*
================================================================================
CAD tool trial Stylesheet
================================================================================
*/

/*
--------------------------------------------------------------------------------
HTML Elements
*/

* {font-size: 1em; font-family: verdana, sans-serif; }

a {	color: #b9c281;	text-decoration: none; font-weight: bold; }
a:link { color: #b9c281; }
a:visited {color:#b9c281; }
a:hover { text-decoration: underline; }
a:active { color: #b9c281; }

a.description {	color: #737375;	text-decoration: none; font-weight: bold; }
a.description:link { color: #737375; }
a.description:visited {color:#737375; }
a.description:hover { text-decoration: underline; }
a.description:active { color: #737375; } 

a.button {	color: #737375;	text-decoration: none; font-weight: normal; }
a.button:link { color: #737375; }
a.button:visited {color: #737375; }
a.button:hover { text-decoration: underline; }
a.button:active { color: #737375; } 



body {
	color: #000;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	background-image:url(images/layout_bg.jpg);
	background-repeat: repeat-x;
}

div { margin: 0px; padding: 0px;  }
div.scrollable { border: inset 2px; height: 160px; overflow: auto; padding: 2px; }

h1 { margin: 0px 0px 20px 0px; color:#737375; font-size: 2em; line-height: 1em; }
h2 { margin: 20px 0px 10px 0px; color:#737375; font-size: 1.4em; line-height: 1em; }
h3 { margin: 0px 0px 0px 0px; color: #FFFFFF; font-size: 1.1em; line-height: 1em; }
h4 { margin: 0px; color:#737375; font-size: 1.1em; font-weight: bold;}

html { height: 100%; width: 100%;	margin: 0px; padding: 0px; }

img { display: inline; border: 0px; }

li { height: 1em; color: #737375; }							/* Fix IE adding line-breaks to LI tags */
html>body li { height: auto; }

p {	margin: 6px 0px 6px 0px; padding: 0px; line-height: 1.5em; color: #737375; }

p.list { margin-left: 20px;}

#animation p {color: #FFFFFF; }
#animation_page p {color: #FFFFFF; }

#description p { color: #737375; }
#description p.active { color: #b0c281; }

#button p { font-size: 1.2em; font-weight: bold; }

table { font-size: 100%; text-align: left; }



td { }
td img { display: inline; }

th { font-weight: bold; }

ul li { margin-bottom: 8px; }
ul.compact li { margin-bottom: 0px; }
ol li { margin-bottom: 8px; }


/*
--------------------------------------------------------------------------------
Page Components
*/


#page
{
	margin: 0px 4% 0px 4%;
	padding: 0;
	
}

#main {
	position: relative;
	
	min-height: 300px;
	min-width: 709px;
	width: auto;

	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: 0.84em/0.9em sans-serif;
	line-height: 1.3em;
	background-color: transparent;
}

#header {
	height: 187px;
	overflow: hidden;
	font-size: 0.85em;
	text-align: center;
	vertical-align:top;
	background-color: transparent;
}

#header td
{
	vertical-align:top;
}

#body_stretch_01
{
	background-image: url(images/header/header_home/header_home_04a.gif);
	background-repeat: repeat-x;
	height: 49px;
	vertical-align: top;
	padding: 0 12px 0 0;
}

#body_stretch_01a
{
	background-image: url(images/header/header_home/header_home_04d.gif);
	background-repeat: repeat-x;
	height: 49px;
	vertical-align: top;
}

#body_stretch_02
{
	background-image: url(images/header/header_home/header_home_12.gif);
	background-repeat: repeat-x;
	height: 138px;
	vertical-align: top;
	padding: 23px 12px 0 0;
}

#header_right
{
	background-image: url(images/layout_05c.jpg) ;
	background-repeat: repeat-x;
	width: 267px;
	vertical-align: top;
	padding-top: 3px; 
	text-align: left;
}

#menu_bg
{
	background-color: #fff;
	background-image: url(images/layout_10.jpg);
	background-repeat: repeat-y;
	width: 220px;
}

#body_content
{
	background-color: #fff;
	min-width: 489px;
	vertical-align: top;
	padding-top: 6px;
}

#body_content img
{
	margin: 20px auto 20px auto;
	display: block;
}

#body_content_text
{
	width: 72%;
}

#right_shadow_bg
{
	background-color: #fff;
	background-image:url(images/layout_12.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#side_bar 
{
	min-height: 300px;
	min-width: 180px;
	padding: 0px 10px 0px 31px;
	font-size: 0.8em;
}

#animation_side_bar
{
	min-height: 300px;
	min-width: 180px;
	padding: 180px 10px 0px 31px;
	font-size: 0.8em;
}

#footer {
	color: #8ED2CA;
	font-size: 0.8em;
	width: 100%;
	margin:0px;
	padding:0px;
	text-align: center;
}

#footer_left
{
	background-image:url(images/cad_tool_09a.jpg);
	background-repeat:repeat-y;
	height:61px;
	border-bottom: 1px solid #efefef;
}

#footer_right
{
	background-image:url(images/cad_tool_11a.jpg);
	
	background-repeat: repeat-y;
	background-position: right;
	border-bottom: 1px solid #efefef;
}

#footer table td {
	padding: 0px;
}

#description
{
	background-color: #e2e5b8;
	padding: 5px 15px;
	border: 1px solid;
	border-color: #CCCCCC;
	color: #737375;
}

.comment
{
	background-color: #EEEEEE;
	margin: 20px 0px;
	padding: 15px 15px;
	border: 1px solid;
	border-color: #CCCCCC;
	color: #737375;
}

#button
{
	text-align: center;
	font-size: 0.8em;
	color: #b9c281;
	width: 180px;
	margin: 10px 0px;
	background-color: #e2e5b8;
	padding: 0px 15px 10px 15px;
	border: 1px solid;
	border-color: #CCCCCC;
	float:right;
}

#button img
{
	margin: 0px auto 0px auto;
	padding: 0px 8px 0px 8px;
	display: inline;
	border: 0px;
}

#animation
{
	width: 180px;
	margin: 10px 0px;
	background-color: #737375;
	padding: 5px 15px;
	border: 1px solid;
	border-color: #CCCCCC;
	display: block;
	clear: both;
	float: right;
}

#animation img
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: inline;
	border: 0px;
}

#animation_page
{
	background-color: #cccccc;
	padding: 5px 15px;
}

#animation_panel
{
	margin: 10px 0px;
	background-color: #737375;
	padding: 15px 15px;
	border: 1px solid;
	border-color: #CCCCCC;
	text-align: center;
}

#animation_footer
{
	background-color: #FFF;
	padding: 5px 15px;
}



/*
--------------------------------------------------------------------------------
Menu Elements
*/


div#menu { margin: 6px 0px 10px 0px; padding-top: 2px; line-height: 1.3em; text-align: left;  }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu ul li { margin: 0px; padding: 0px; line-height: 1.3em; }

#menu ul.section_menu { margin: 0px 0px 15px 0px; padding: 0px ; list-style: none; font-size: 1em; }
#menu ul.section_menu li { margin: 0px; }

#menu ul.sub_section_menu { margin: 0px 0px 8px 0px; padding: 0px ; list-style: none; font-size: 0.95em; }
#menu ul.sub_section_menu li { margin: 0px; }

a.menu { margin-bottom:15px; margin-left: 10px; padding: 2px 25px 2px 15px; display: block; color: #737375; text-align: right; font-weight: bold; line-height: 1.5em; text-decoration: none;}
a.menu:link { }
a.menu:visited { color: #737375;}
a.menu:hover, a.menu:focus { color: #737375; text-decoration: none; }
a.menu:active { }

a.menu_selected { margin-bottom:15px; margin-left:10px; padding: 2px 25px 2px 15px; display: block; background-color: #EEEEEE; color: #737375; text-align: right; font-weight: bold; line-height: 1.5em; text-decoration: none; border: 1px solid; border-color: #737375; }
a.menu_selected:link { }
a.menu_selected:visited { color: #737375; }
a.menu_selected:hover, a.menu_selected:focus { text-decoration: none; }
a.menu_selected:active { }


a.menu_grey {margin-bottom:15px; margin-right:10px; padding: 2px 16px 2px 15px; display: block; color: #737375; text-align: right; font-weight: bold; line-height: 1.5em; text-decoration: none; border-top: 1px solid; border-color: #737375;}
a.menu_grey:link { }
a.menu_grey:visited { color: #737375; }
a.menu_grey:hover, a.menu_grey:focus { background-color: #737375; color: #FFFFFF; text-decoration: none; }
a.menu_grey:active { }

a.menu_grey_selected { margin-right:10px; padding: 2px 16px 2px 15px; display: block; background-color: #737375; color: #FFFFFF; text-align: right; font-weight: bold; line-height: 1.5em; text-decoration: none; border-top: 1px solid; border-bottom: 1px solid; border-color: black; }
a.menu_grey_selected:link { }
a.menu_grey_selected:visited { color: #FFFFFF; }
a.menu_grey_selected:hover, a.menu_grey_selected:focus { text-decoration: none; }
a.menu_grey_selected:active { }


a.section_menu { margin-left:10px; padding: 0px 25px 2px 15px; display: block; color: black; font-weight: bold; line-height: 1.7em; text-decoration: none; }
a.section_menu:link { }
a.section_menu:visited { color: black; }
a.section_menu:hover, a.section_menu:focus { margin-left: 10px; background-color: #e2e5b8; text-decoration: none; }
a.section_menu:active { }

a.section_menu_selected { margin-left:10px; padding: 0px 25px 2px 15px; display: block; background-color: #e2e5b8; font-weight: bold; line-height: 1.7em; text-decoration: none; border-top: 1px solid; border-bottom: 1px solid; border-color:#CCCCCC; }
a.section_menu_selected:link { }
a.section_menu_selected:visited { color: black; }
a.section_menu_selected:hover, a.section_menu_selected:focus { background-color: #e2e5b8; text-decoration: none; }
a.section_menu_selected:active { }

a.sub_section_menu { margin-left:10px; margin-right: 10px; padding: 0px 15px 2px 30px; display: block; color: #737375; font-weight: normal; line-height: 1.7em; text-decoration: none;  }
a.sub_section_menu:link { }
a.sub_section_menu:visited { color: #737375; }
a.sub_section_menu:hover,
a.sub_section_menu:focus { margin-left: 10px; margin-right: 10px; background-color: #EEEEEE; text-decoration: none;}
a.sub_section_menu:active { }

a.sub_section_menu_selected { margin-left:10px; margin-right:10px; padding: 0px 15px 2px 30px; display: block; background-color: #EEEEEE; color: #737375; font-weight: bold; line-height: 1.7em; text-decoration: none; border-color:#CCCCCC; }
a.sub_section_menu_selected:link { }
a.sub_section_menu_selected:visited { color: #737375; }
a.sub_section_menu_selected:hover, 
a.sub_section_menu_selected:focus { background-color: #EEEEEE; text-decoration: none; }
a.sub_section_menu_selected:active { }