/*************************************
newGeneral.css
12/09/09 by TS
www.erieri.ca
**************************************/

/* Baseline Styles */
/* This block of code sets almost everything to zero so that all browsers start from the same point. Remember when you are coding that all margins and padding are set at zero, and that all fonts are set relative to each browser's "small" setting. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, form, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-weight:inherit;font-style:inherit;line-height:1.2;font-family:inherit;text-align:left;vertical-align:top;text-decoration:none;margin:0;padding:0;}

a img, :link img, :visited img {border:0;}

table {border-collapse:collapse;border-spacing:0; font-size:12px;}

ol, ul, dl {list-style:none;}
li {vertical-align:middle;}

input, select {font-size:11px;}
input:text {border:1px solid black;}

h1, h2, h3, h4, h5 {font-weight:bold;}
h1 {font-size:150%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;color:white;}
p {margin:.5em .5em 1em 0;padding-bottom:1px;}


/* Layout and General Styles */
body {
	text-align: center;
	background: #cccccc;
	/*background: #cccccc url('/css/bgFade.jpg') top left repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 12px;
}
html>body {font-size: 12px;} /* Be Nice to Opera hack - sets font size to small */

/******
General Layout - from top/outer to bottom/inner
******/
#outerContainer {margin:0em auto 0;width:885px;text-align:left;background-color:white;}
#versionSwitch {float:right;margin-right:.4em;}
#header {background: url('../images/header.png') no-repeat;height:92px;width:885px;margin:3px auto 0;vertical-align:middle;}
#headerGreenBar {background: url('../images/headerGreenBar.png') no-repeat;height:29px;width:885px;margin:0px auto 0;vertical-align:middle; padding-top:.4em;}
#navBar {background-color:#eeeeee;width:885px;height:25px;font-size:110%; margin-top:-6px; padding-top:3px;}
#mainContent, #copyright {background-color:white;padding:2em 0 3em;overflow:hidden; width:100%;}
#mainContent {position:relative;z-index:1;}
#mainContent table {margin-left: 20px;}
#footer {background-color:#085B2D;text-align:center;color:white;font-size:11px;font-weight:bold;clear:left; width:100%;}

/******
Header and Tagline
******/
#header img {margin:1em;}
#tagline {float:right;font-weight:normal;margin-top:50px; margin-right:30px; color:#085B2D; font-weight:bold;}   
#tagline span {color:#000000;}
#versionSwitch span {vertical-align:baseline; color: white; font-size: 12px;font-weight:bold;}
#headerGreenBar span{margin-left:.4em; vertical-align:baseline; color: white; font-size: 12px;font-weight:bold;}

/******
Navbar Styles and Links
******/
/*Actual Navigation Bar*/
#navBar1stlevel li.navBarLink {text-align:center;float:left;position:relative;}
#navBar1stlevel li.navBarLink a {display:block;padding: 2px 25px;font-weight:bold;background-color:#eeeeee;color:#085B2D;}
#navBar1stlevel li.navBarLink a:link {background-color:#eeeeee;color:#085B2D;}
#navBar1stlevel li.navBarLink a:visited {background-color:#eeeeee;color:#085B2D;}
#navBar1stlevel li.navBarLink a:hover {background-color:#085B2D;color:white;}
/*Nav Bar Drop Down Lists*/ 
#navBar1stlevel li.navBarLink ul {display:none;border:1px solid #085B2D;position:absolute;z-index:1000;}
#navBar1stlevel li.navBarLink:hover ul {display:block;}
#navBar1stlevel li.navBarLink ul li a {padding:5px;height:17px;background-color:#ccc;color:black;width:200px;border-bottom:1px solid white;font-weight:normal;font-size:12px;}
#navBar1stlevel li.navBarLink ul li a:hover {background-color:#f5f4f0;color:black;}

/******
Footer and Privacy Policy Link Styles
******/
ul#FooterLinks {text-align:center;height:18px;}
ul#FooterLinks li {display:inline;}
ul#FooterLinks li a {padding:2px 8px 1px;text-decoration:none;color:#ffffff;vertical-align:middle;}
ul#FooterLinks li a:hover {background-color:#085B2D;}

ul#PrivacyLinks {padding: 0; margin: 0; list-style-type: none; color: #085B2D;}
ul#PrivacyLinks li {display: inline;}
ul#PrivacyLinks li a {color: #000000; padding: 3px 12px 5px; text-decoration: none;}
ul#PrivacyLinks li a:hover {color: #990000;}

/******
Copyright and Link Styles
******/
#copyright {text-align:center;margin:0 auto; font-size:11px;}
#copyright p {padding:0 15px;font-size:11px;color:#999999;margin-bottom:2em;}
#copyright ul {width:100%;text-align:center;margin:0 auto;}
#copyright li {display:inline;}
.SEOLink {color:#999;font-size:10px;border-left:1px solid #999;padding:0 3px;}
.SEOLink:link {color:#999999;font-size:10px;}
.SEOLink:visited {color:#999999;font-size:10px;}
.SEOLink:hover {color:#666666;font-size:10px;}

/******
Specific Page Styles
******/
/*Home Page*/
#homepage, #hpDownloadForm {float:left;width:100%;margin-left:40px;}
#mainProse {float:left;margin:0;width:450px;padding:0;}
#hpTestimonial {position:absolute;left:650px;width:180px;margin-right:30px; color:#666666;padding:10px; font-size:11px;background-color:#eeeeee;}
#hpTestimonial .quote  {font-size:11px;font-style:italic;font-weight: bold;}
#hpTestimonial ul li {font-size:11px;}
#SAform, #GAform, #RAform,  #XAform {float:left;width:26%;margin-right:10px;}
#SAform h2, #GAform h2, #RAform h2, #XAform h2 {font-size:small;padding:5px 0 5px 5px;color:white;background-color:#085B2D;margin-bottom:1em;}
#SAform input, #GAform input, #RAform input, #XAform input {padding:2px 5px;}
#ScreenShotsHomePage{position:absolute;left:650px;width:180px;margin-top: 157px;margin-right:30px;font-weight: bold;padding:10px; font-size:11px; text-align:center; background-color:#eeeeee;}
#ScreenShots{float: right; withd: 190px; margin-left:15px; margin-right:30px;font-weight: bold;padding:10px; font-size:11px; text-align:center; background-color:#eeeeee;  height: 1450px;}
#ScreenShotsContactInfo {background-color:#eeeeee;text-align:center; padding:10px 0px;}


/*Product Pages*/
#screenshots {float:left;width:325px;margin:1em 2em 2em 5px;}
#screenshots label {width:308px;display:block;text-align:center;margin:.5em 1em 1em;}
#screenshots img {border:3px double navy; margin-left:20px;}
#mainProse ul {margin:.5em 2em 2em;}
#mainProse table {border:1px solid white;vertical-align:middle;margin-bottom:1.5em;}
td.demo {text-align:center;background-color:#eeeeee;border:1px solid white;vertical-align:middle;}
#mainProse table td h2 {color:white;background-color:#085B2D;width:100%;padding:4px 0;text-align:center;font-size:medium;}
#mainProse table td.demo ol {margin:0;width:100%;padding: 0 .25em .25em}
#mainProse table td.demo ol li {text-align:center;padding-top:.25em; }
#mainProse li {margin-left:20px;}
li h5 {color:black;}
#screenshots h1 {font-weight:bold; text-align: center; margin-top: -8px; margin-bottom: 5px; font-size:140%; }

/* contact info */
#ContactInfo {margin: .25em 6px 6px; padding: 0; float: right; border: 1px solid #085B2D; width: 180px;}

/* contact info */
.DownLoadButtonImg {width:120px;height: 33px; color:#ffffff;border: none;display: block;}
a.DownLoadButtonImg:hover {background: url(../images/buttons/Button_CA2Red2B.jpg) no-repeat center top;color:#ffffff;}
a.DownLoadButtonImg {background: url(../images/buttons/Button_CA2.jpg) no-repeat center top; color:#ffffff;}
/**********************************OLD*************************************************/



/* headers */
.headline-Product {font-size: 21px; font-weight: bold;}
.headline-smallProduct {font-size: 18px; font-weight: bold;}
.headline-largest {font-size: 15px; font-weight: bold;}
.headline-larger {font-size: 14px; font-weight: bold;}
.headline-large {font-size: 13px; font-weight: bold;}
.headline-medium {font-size: 12px; font-weight: bold;}
.headline-small {font-size: 11px; font-weight: bold;}
.headline-smaller {font-size: 10px; font-weight: bold;}
.headline-smallest {font-size: 9px; font-weight: bold;}
.headline-link {font-size: x-small; line-height: 1.2em; font-weight: bold;}

/* text */
.largest {font-size: 15px}
.larger {font-size: 14px}
.large {font-size: 13px}
.navLarge{font-size: 12px}
.Default {font-size: 12px; color:black}
.small {font-size: 11px}
.smaller {font-size: 10px}
.smallest {font-size: 9px}
.link {font-size: x-small; line-height: 1.2em; font-weight: bold;}

/* text color */
.banner {color:#99ccff}
.white {color:#ffffff}
.red {color:#cc0000}
.blue {color:#336699}
.grey {color:#666666}
.gold {color: gold}
.green {color: #00593B}
.maroon {color: #990000;}

/* Link Styles */
a:link {color:#000099;}
a:visited {color:#000099;}
a:hover {color:#990000;}

/*  Dynamic width button styles  */
a.button{background: transparent url('../images/Buttons/button_l.gif') no-repeat top left;display: block;float: left;line-height: 16px;height: 24px;padding-left: 7px;text-decoration: none;}
a:link.button, a:visited.button{color: #000;}
a.button span{background: transparent url('../images/Buttons/button_r.gif') no-repeat top right;display: block;padding: 4px 7px 4px 0;}
a.button:hover{background-position: bottom left;}
a.button:hover span{background-position: bottom right;color: black;}
.SalCalcWrap{margin: 0 auto; padding: 0; border: 0;}
.SalPlanWrap{margin: 0 auto; padding: 0; border: 0;}

/*  Global Salary Calculator Styles  */
.GSCDownload {margin: 0 auto; margin-bottom: 30px;}
.GSCDownload td {padding: 2px 0; vertical-align: top;}