/*************************************
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;}

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:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:130%;}
h5 {font-size:115%;color:white;}
p {margin:.5em .5em 1em 0;padding-bottom:1px;}


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

/******
General Layout - from top/outer to bottom/inner
******/
#outerContainer {margin:1.5em auto 3em;border:1px solid #999999;width:850px;text-align:left;background-color:white;}
#versionSwitch {float:right;margin-top:.4em;margin-right:.4em;}
#header {background-color:#27629e;border-bottom:1px solid black;height:100px;width:850px;margin:2em auto 0;vertical-align:middle;}
#navBar {background-color:#cccccc;border:1px solid #000080;height:23px;border-width:1px 0;font-size:larger;margin-top:1em;}
#mainContent, #copyright {background-color:white;padding:2em .25em 3em;overflow:hidden;}
#footer {background-color:#27629e;text-align:center;color:white;font-size:11px;font-weight:bold;clear:left;}

/******
Header and Tagline
******/
#header img {margin:1em;}
#tagline {text-align:center;line-height:1.5;position:relative;top:-4.4em;font-weight:normal;}
#tagline span {font-weight:bold;}
#versionSwitch span {vertical-align:baseline;}

/******
Navbar Styles and Links
******/
/*Actual Navigation Bar*/
#navBar1stlevel li.navBarLink {border-left:1px solid white;text-align:center;float:right;position:relative;}
#navBar1stlevel li.navBarLink a {display:block;padding: 2px 25px;font-weight:bold;background-color:#ccc;color:#000099;}
#navBar1stlevel li.navBarLink a:link {background-color:#ccc;color:#000099;}
#navBar1stlevel li.navBarLink a:visited {background-color:#ccc;color:#000099;}
#navBar1stlevel li.navBarLink a:hover {background-color:#6b641a;color:white;}
/*Nav Bar Drop Down Lists*/ 
#navBar1stlevel li.navBarLink ul {display:none;border:1px solid navy;position:absolute;}
#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;border-left:1px solid #ffffff;color:#ffffff;vertical-align:middle;}
ul#FooterLinks li a:hover {background-color:#6b641a;}

ul#PrivacyLinks {padding: 0; margin: 0; list-style-type: none; color: #6b641a;}
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;}
#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:5px;}
#homepage img {float:left;margin:0 2em 2em 0;width:325px;}
#mainProse {float:left;margin:0 1em;width:450px;padding:0;}
#homepage blockquote {float:left;margin:0 2em;width:375px;}
#homepage blockquote cite {color:#999;display:block;}


#SAform, #GAform, #RAform, #XAform {float:left;width:24%;margin-right:5px;}
#RAform, #XAform {width:23%;}
#SAform h2, #GAform h2, #RAform h2, #XAform h2 {font-size:small;padding:5px 0 5px 5px;color:white;background-color:#6b641a;margin-bottom:1em;}
#SAform input, #GAform input, #RAform input, #XAform input {padding:2px 5px;}

/*Product Pages*/
#screenshots {float:left;width:325px;margin:1em 2em 2em 5px;}
#screenshots label {width:308px;display:block;text-align:center;margin:.5em 0 1em;}
#screenshots img {border:3px double navy;}
#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:#cccccc;border:1px solid white;vertical-align:middle;}
#mainProse table td h2 {color:white;background-color:#27629e;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;}
li h5 {color:black;}

/**********************************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}
.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;}