/* ----- this is used on all pages - there is a background image which is the green strip along left side  -------------------- */



/************************
* Copyright (c) 2007 Reaction Design. All rights reserved.
* 
* $Revision: 5 $
*************************
* /


body {
    background-image: url("../../images/bg.gif");
	background-repeat: repeat-y;
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: black;
	margin: 0px;
}

/* ----- This is used for headlines on certain pages - 12 pt font in bold type and line height of 130% normal giving more space between lines -----*/

#body_head  {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 12pt;
    color: black;
    line-height: 130%;
}

/* ----- This is used for main content text on certain pages - 12 pt font with line height of 150% normal, giving more room between lines -----*/

#body_text2  {
	font-family: helvetica, verdana, sans-serif;
    font-size: 13pt;
    color: black;
    line-height: 150%;
}

/* ----- This is used for main content text on certain pages - 10 pt font with line height of 130% normal, giving more room between lines -----*/

.body_text  {
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: black;
    line-height: 130%;
}

/* ----- This is used for main content text on certain pages - 10 pt font with line height of 130% normal, giving more room between lines -----*/

#body_text  {
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: black;
/* -----     line-height: 130%; -----*/
}

/* ----- This is for the header in the case study box on homepage - 11 pt font in bold type in white - with and absolute position of 170 pixels from top and 503 pixels from the left -----*/

#case_study_header {
	position:absolute;
	top: 170px;
	left: 503px;
	margin: 0px;
	padding: 0px;
	width: 220px;
	font-family: helvetica, verdana, sans-serif;  font-weight: bold;
    font-size: 11pt;
    color: white;
}

/* ----- This is for the text in the case study box on homepage - 11 pt font in white - with and absolute position of 210 pixels from top and 503 pixels from the left -----*/

#case_study_text {
	position:absolute;
	top: 210px;
	left: 503px;
	margin: 0px;
	padding: 0px;
	width: 220px;
	font-family: helvetica, verdana, sans-serif;
    font-size: 11pt;
    color: white;

}

/* ----- This is for the more link in the case study box on homepage giving an absolute position of 302 pixels from top and 676 pixels from the left -----*/

#case_study_more_link {
	position:absolute;
	top: 322px;
	left: 676px;
	margin: 0px;
	padding: 0px;
	width: 60px;
}

/* ----- This is used header on pages - 9 pt font in bold type in black -----*/

#capsule_head  {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
}

/* ----- This is used text in certain boxes - 9 pt font in bold type in black -----*/

.capsule_text_bold {

	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
}

/* ----- This is used text in boxes on homepage - 9 pt font in regular type in black -----*/

.capsule_text {

	font-family: helvetica, verdana, sans-serif;
    font-size: 9pt;
    color: black;
}

/* ----- This is used text in certain boxes - 9 pt font in bold type in black -----*/

#capsule_text_bold {

	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
}

/* ----- This is used text in boxes on homepage - 9 pt font in regular type in black -----*/

#capsule_text {

	font-family: helvetica, verdana, sans-serif;
    font-size: 9pt;
    color: black;
}

/* ----- This is used in different areas to define a page divider - 10 pt font in yellow orange color consistent with other design elements (hexidecimal color code #FFB400) -----*/

#capsule_divider {
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: #FFB400;
}

/* ----- This is used on certain pages for large headers - 16 pt font bold, in black -----*/

h1 {

	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 16pt;
    color: black;

}

/* ----- This is used on certain pages for sub headers - 13 pt font bold, in gray -----*/

h2 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 13pt;
    color: #333333;
}

/* ----- This is the main content table on the homepage - telling the tables upper left corner to start at an absolute point (392 pixels from top of page, and 42 pixels from left) -----*/

.main_table_homepage  {
	position:absolute;
	top: 392px;
	left: 42px;
}

/* ----- This is the main content table on all other pages outside of the homepage - telling the tables upper left corner to start at an absolute point (220 pixels from top of page, and 42 pixels from left) -----*/

.main_table_all_other_pages  {
	position:absolute;
	top: 220px;
	left: 42px;
}

/* ----- This is the green bar in the footer (tells it what color, height, width, the font size is for certain browsers that get confused on the height) -----*/

#footer_bar2 {
    background-color: #668E3D;
    height: 6px;
    width: 724px;
	font-size: 6px;
}

/* ----- This is the text in the footer (tells it to have no margin, no padding, the height, width, font size and color ) -----*/

#footer_text2 {
	margin: 0px;
	padding: 0px;
	width: 724px;
	font-family: helvetica, verdana, sans-serif;
    font-size: 8pt;
    color: black;
}

/* ----- This gives the logo an absolute position (6 pixels from the left, 0 pixels from the top, floats above things with z-index less than 4) -----*/

#logo {
	position:absolute;
	top: 0px;
	left: 6px;
	z-index: 4
}

/* ----- This gives the logo an absolute position (6 pixels from the left, 0 pixels from the top, floats above things with z-index less than 4) -----*/

#flash {
	position:absolute;
	top: 198px;
	left: 478px;
	z-index: 3
}

/* ----- This is the yellow bar under the about link of main navigation when you are on a page in the about section -----*/

#about_downbar {
	position:absolute;
	top: 134px;
	left: 286px;
}

/* ----- This is the yellow bar under the products link of main navigation when you are on a page in the products section -----*/

#products_downbar {
	position:absolute;
	top: 134px;
	left: 358px;
}

/* ----- This is the yellow bar under the engineering solutions link of main navigation when you are on a page in the engineering solutions section -----*/

#engineering_downbar {
	position:absolute;
	top: 134px;
	left: 436px;
}

/* ----- This is the yellow bar under the community link of main navigation when you are on a page in the community section -----*/

#community_downbar {
	position:absolute;
	top: 134px;
	left: 576px;
}

/* ----- This is the yellow bar under the support link of main navigation when you are on a page in the support section -----*/

#support_downbar {
	position:absolute;
	top: 134px;
	left: 713px;
}

/* ----- This is for the non link text in the top navigation - 9 pt font in bold type in black -----*/

#menu2 {
    text-decoration: none;
    font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
}

/* ----- This defines the position of the table that holds the top navigation - an absolute position 108 pixels from top and 6 pixels from the left -----*/

#menu {
	position:absolute;
	top: 108px;
	left: 6px;
    z-index: 5;
}

/* ----- This defines the position of the header image (large image under top navigation) - an absolute position 136 pixels from top and 6 pixels from the left -----*/

#header_image {
	position:absolute;
	top: 136px;
	left: 6px;
}

/* ----- This defines the text size and color in form items (textboxes, dropdown menus, etc.) - 9 pixels and black font -----*/

input, select, textarea {
  font-family: helvetica, verdana, sans-serif;
  font-size: 9px;
  color: black;
}

/* ----- This defines the position of the box that holds the contact link on top of page - an absolute position 15 pixels from top and 0 pixels from the left 765 pixels wide right aligned -----*/

 #signin, #contact_link {
	position:absolute;
	top: 15px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 765px;
    text-align: right;
}

/****************************************************************************************/
/*****             FROM HERE DOWN ARE ALL LINKS DEFINED IN ALL THE PAGES            *****/
/****************************************************************************************/

/* ----- This defines the sign up link when not active  - [bold, 10 point, (yellow hexidecimal #FFB400)] -----*/

a.signup {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: #FFB400;
    text-decoration: none;

}

/* ----- This defines the sign up link when active (mouse cursor is rolling over it) - [underlined, bold, 10 point, (yellow hexidecimal #FFB400)] -----*/

a.signup:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: #FFB400;
    text-decoration: underline;
}

/* ----- This defines footer links when not active  - (8 point, black) -----*/

a.footerlink {
	font-family: helvetica, verdana, sans-serif;
    font-size: 8pt;
    color: black;
    text-decoration: none;

}

/* ----- This defines footer links when active (mouse cursor rolling over link)  - (underlined, 8 point, black) -----*/

a.footerlink:hover {
	font-family: helvetica, verdana, sans-serif;
    font-size: 8pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when not active  - (10 point, bold, white) -----*/

a.link1 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: none;

}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (underlined, bold, 10 point, white) -----*/

a.link1:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: underline;
}

/* ----- This defines a link when not active  - (9 point, black) -----*/

a.link2 {
	font-family: helvetica, verdana, sans-serif;
    font-size: 9pt;
    color: black;
    text-decoration: none;

}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (underlined, 9 point, black) -----*/

a.link2:hover {
	font-family: helvetica, verdana, sans-serif;
    font-size: 9pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when not active  - (9 point, bold, black) -----*/

a.link3 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
    text-decoration: none;

}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (underlined, bold, 9 point, black) -----*/

a.link3:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 9pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when not active  - (8 point, black) -----*/

a.link4 {
	font-family: helvetica, verdana, sans-serif;
    font-size: 8pt;
    color: black;
    text-decoration: none;

}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (underlined, 8 point, black) -----*/

a.link4:hover {
	font-family: helvetica, verdana, sans-serif;
    font-size: 8pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when not active  - (10 point, black) -----*/

a.link5 {
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (10 point, black) -----*/

a.link5:hover {
	font-family: helvetica, verdana, sans-serif;
    font-size: 10pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when not active  - (underlined, bold, 10 point, black) -----*/

a.link6 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: underline;
}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (bold, 10 point, black) -----*/

a.link6:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when not active  - (bold, 10 point, black) -----*/

a.link7 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (bold, 10 point, black) -----*/

a.link7:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when not active  - (bold, 11 point, black) -----*/

a.link8 {
	font-family: helvetica, verdana, sans-serif;  font-weight: bold;
    font-size: 11pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (bold, 11 point, black) -----*/

a.link8:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 11pt;
    color: black;
    text-decoration: none;
}

/* ----- This defines a link when not active  - (bold, 10 point, white) -----*/

a.link9 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: none;
}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (bold, 10 point, white) -----*/


a.link9:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: none;
}

/* ----- This defines a link when not active  - (underlined, bold, 10 point, black) -----*/

a.link10 {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: underline;

}

/* ----- This defines a link when active (mouse cursor rolling over link)  - (underlined, bold, 10 point, black) -----*/

a.link10:hover {
	font-family: helvetica, verdana, sans-serif; font-weight: bold;
    font-size: 10pt;
    color: black;
    text-decoration: underline;
}

/* ----- Attention bar for selection dropdown menu on Products page 
-----*/




/* ----- This is a (temporary table for implementing FLASH over a puzzle-pieced tree-graphic on the homepage to highlight CHEMKIN-PRO's launch. It replaces home_main.gif and so needs similar placement from the css. -----*/

.Table_01  {
	position:absolute;
	top: 136px;
	left: 6px;
	border: 0;
}