/*
	base.css
 	Author:	Ivan Alexander
			http://www.creativeblaze.com/
*/

/* General css rules */
html 				{height: 100.02%;}
body				{font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px;}
form				{padding: 0px; margin: 0px;}
p					{margin: 0px 0px 10px 0px;}
input				{padding: 0px; vertical-align: baseline; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
input.text			{padding: 3px 4px 2px 4px; border: 1px solid;}
select				{padding: 2px 3px 1px 3px; border: 1px solid;}
textarea			{padding: 3px; border: 1px solid;}
img					{border: 0px;}
th					{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px 2px 5px;}
th a				{text-decoration: none;}
th a:hover			{text-decoration: underline;}
td					{font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
td.fieldTitle		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
strong				{font-weight: bold;}

ul					{padding: 0px 0px 0px 18px; margin: 0px;}
ol					{padding: 0px 0px 0px 22px; margin: 0px;}
li					{padding: 0px; margin: 0px;}

acronym				{cursor: help; font-weight: bold;}

.hiddenText			{display: none;}
.clear				{clear: both; height: 1px; overflow: hidden;}

.dottedRule			{clear: left; height: 1px; overflow: hidden; padding: 8px 0px 8px 0px;}
.pdfLink			{padding: 0px 0px 3px 21px; font-size: 11px;}
.learnMore			{white-space: nowrap; text-decoration: none;}
.learnMoreHdr			{font-weight: bold; text-decoration: none;}

/* General Page Layout rules */
#pageFrame			{position: relative; width: 785px; padding: 40px 0px 0px 0px; margin: 0px auto;}

#pageHeader		 	{position: relative; top: 0px; left: 0px; width: 785px; height: 177px; margin: 0px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; width: 785px; padding: 0px 0px 30px 0px; margin: 0px;}
#pageFooter		 	{position: relative; top: 0px; left: 0px; width: 785px; padding: 0px; margin: 0px; font-size: 11px; text-align: center;}

#pageHeader h1.logo		{position: absolute; left: 45px; top: 0px; width: 90px; height: 126px; z-index: 2; margin: 0px; padding: 0px;}
#pageHeader h1.logo a	{width: 90px; height: 126px; border: 0px; display: block;}
#pageHeader h2.tagline	{position: absolute; left: 144px; top: 101px; width: 230px; height: 13px; z-index: 2; margin: 0px; padding: 0px;}

#pageHeader #topNav			{position: absolute; top: 50px; left: 460px; padding: 0px; margin: 0px; z-index: 100; font-size: 11px;}
#pageHeader #topNav ul 		{padding: 0px; margin: 0px; list-style: none; position: relative;}
#pageHeader #topNav li 		{float: left; position: relative; font-size: 11px; padding: 0px 10px 0px 10px; border-right: 1px solid;}
#pageHeader #topNav li.last {border-right: 0px;}
#pageHeader #topNav li a	{text-decoration: none;}
#pageHeader #topNav li a:hover	{text-decoration: underline;}

#pageHeader #globalNav				{position: absolute; top: 126px; left: 22px; width: 741px; height: 51px; padding: 0px; margin: 0px;}
#pageHeader #globalNav ul.nav 				{padding: 0px; margin: 0px; list-style: none; position: relative; top: 0px;}
#pageHeader #globalNav ul.nav li 			{float: left; position: relative; font-size: 12px; font-weight: bold; text-align: center;}
#pageHeader #globalNav ul.nav li a			{position: relative; padding: 9px 0px 0px 0px; margin: 0px; display: block; height: 23px; width: 122px; text-decoration: none; z-index: 2;}
#pageHeader #globalNav ul.nav li .shadow	{position: absolute; top: 1px; left: 1px; padding: 9px 0px 0px 0px; margin: 0px; display: block; height: 23px; width:122px; z-index: 1;}
#pageHeader #globalNav ul.nav li.last		{margin-right: -3px;}

#pageHeader #globalNav ul.nav #solutions a, #pageHeader #globalNav #solutions .shadow		{width: 122px;}
#pageHeader #globalNav ul.nav #technology a, #pageHeader #globalNav #technology .shadow		{width: 122px;}
#pageHeader #globalNav ul.nav #how a, #pageHeader #globalNav #how .shadow					{width: 124px;}
#pageHeader #globalNav ul.nav #success a, #pageHeader #globalNav #success .shadow			{width: 124px;}
#pageHeader #globalNav ul.nav #pressroom a, #pageHeader #globalNav #pressroom .shadow		{width: 124px;}
#pageHeader #globalNav ul.nav #about a, #pageHeader #globalNav #about .shadow				{width: 125px;}

#pageHeader #globalNav ul.subNav 				{clear: both; padding: 0px; margin: 0px; list-style: none; position: relative; top: 3px; left: 20px;}
#pageHeader #globalNav ul.subNav li 			{float: left; position: relative; font-size: 11px; padding: 0px 15px 0px 15px; text-align: center;}
#pageHeader #globalNav ul.subNav li a 			{text-decoration: none;}
#pageHeader #globalNav ul.subNav li a:hover		{text-decoration: underline;}

#pageHeader #search					{position: absolute; top: 92px; left: 550px; height: 25px; padding: 0px; margin: 0px;}
#pageHeader #search	#searchField	{width: 120px;}
#pageHeader #search	#searchField input.text	{padding: 2px 3px 1px 3px; border: 1px solid;}
#pageHeader #search	#searchButton	{margin: 0px 0px 1px 0px; vertical-align: bottom;}

#pageBody .top	 		{position: absolute; top: 0px; left: 0px; width: 785px; height: 450px; padding: 0px; margin: 0px; font-size: 0px; z-index: 0;}
#pageBody .bottom 		{position: absolute; bottom: -1px; left: 0px; width: 785px; height: 50px; padding: 0px; margin: 0px; font-size: 0px; z-index: 0;}
#pageBody .prop			{float: right; width: 1px; height: 410px; margin: 0px 0px 0px -1px;}
#pageBody .clear 		{clear: both; height: 1px; overflow: hidden;}

#pageBody #homepage			{position: relative; width: 741px; margin: 0px 22px 0px 22px; padding: 10px 0px 0px 0px; z-index: 1;}
#pageBody #singleSidebar	{position: relative; width: 741px; margin: 0px 22px 0px 22px; padding: 10px 0px 0px 0px; z-index: 1;}
#pageBody #dualSidebar		{position: relative; width: 733px; margin: 0px 22px 0px 22px; padding: 10px 8px 0px 0px; z-index: 1;}

/* Universal Page Layout Styles */
#mainContent #contentWell .prop			{float: right; width: 1px; height: 292px; margin: 0px 0px 0px -1px;}
#mainContent #contentWell .clear 		{clear: both; height: 1px; overflow: hidden;}
#mainContent #contentWell .content		{padding: 15px; font-size: 11px;}
#mainContent #contentWell .leader		{font-size: 14px; font-weight: bold;}
#mainContent #contentWell h3			{font-size: 12px; padding: 0px; margin: 0px;}
#mainContent #contentWell h3 a			{text-decoration: none;}
#mainContent #contentWell p				{padding: 0px; margin: 0px 0px 15px 0px;}
#mainContent #contentWell p.last		{padding: 0px; margin: 0px;}

#leftSidebar						{position: relative; float: left; width: 150px; padding: 0px 0px 0px 10px; margin: 0px;}
#leftSidebar #loginPanel			{position: relative; width: 150px; height: 271px; padding: 0px; margin: 6px 0px 22px 0px;}
#leftSidebar #loginPanel ul			{position: relative; top: 37px; left: 11px; padding: 0px; margin: 0px; list-style: none;}
#leftSidebar #loginPanel li 		{float: left; position: relative; margin: 0px; padding: 0px; font-size: 11px; font-weight: bold;}
#leftSidebar #loginPanel li a 		{display: block; position: relative; text-decoration: none; margin: 0px; padding: 0px;}
#leftSidebar #loginPanel a#login  	{position: absolute; top: 44px; left: 26px; width: 94px; height: 19px;}
#leftSidebar #loginPanel a#register {position: absolute; top: 180px; left: 35px; width: 79px; height: 20px;}

#leftSidebar .callout				{position: relative; width: 150px; padding: 5px 0px 15px 0px; margin: 6px 0px 22px 0px; text-align: center; font-size: 11px;}
#leftSidebar .callout .bottom		{position: absolute; bottom: -1px; left: 0px; width: 150px; height: 4px; padding: 0px; margin: 0px; font-size: 0px; z-index: 0;}
#leftSidebar .callout h3			{position: relative; padding: 10px; margin: 0px; font-size: 14px; text-align: center;}
#leftSidebar .callout a#signUp		{display: block; width: 94px; height: 19px; padding: 0px; margin: 0px 25px 0px 25px;}

#mainContent #contentWell .titleBar	{height: 16px; padding: 5px 5px 5px 15px; font-size: 12px; font-weight: bold;}
#mainContent #contentWell .titleBar	a {font-size: 12px; font-weight: bold; text-decoration: underline; margin: 0px 15px 0px 0px;}

#footerNav 				{padding: 0px; margin: 0px; list-style: none;}
#footerNav li 			{display: inline; position: relative; margin: 0px; padding: 0px 10px 0px 10px;}

#colophon				{padding: 8px;}

/* Homepage Layout Styles */
#homepage #mainContent						{float: left; width: 574px; padding: 0px 0px 0px 7px; margin: 0px 0px 0px 0px; z-index: 2;}
#homepage #flashSpotlight					{display: none; float: left; position: relative; width: 574px; height: 262px; padding: 0px 0px 0px 7px; z-index: 2; margin: 0px;}
#homepage #mainContent #homepageSpotlight	{float: left; position: relative; width: 317px; height: 262px; padding: 0px; margin: 0px;}
#homepage #mainContent #contentWell			{float: left; position: relative; width: 250px; padding: 0px; margin: 0px 0px 0px 7px;}
#homepage #mainContent #contentWell .prop	{float: right; width: 1px; height: 262px; margin: 0px 0px 0px -1px;}
#homepage #mainContent #contentWell > .prop	{float: right; width: 1px; height: 261px; margin: 0px 0px 0px -1px;}

#homepage #spotlightBar 			{clear: left; float: left; width: 673px; position: relative; padding: 8px 34px 5px 34px; margin: 0px;}
#homepage #spotlightBar .spotlight	{float: left; width: 150px; padding: 0px 9px 0px 9px; margin: 0px;}

/* singleSidebar Page Layout Styles */
#singleSidebar #mainContent						{position: relative; float: left; width: 568px; padding: 0px 0px 0px 7px; margin: 0px; z-index: 2;}
#singleSidebar #mainContent #contentHeader		{position: relative; width: 568px; height: 100px; padding: 1px 0px 6px 0px; margin: 0px;}
#singleSidebar #mainContent #contentWell			{position: relative; width: 568px; padding: 0px; margin: 0px;}

/* dualSidebar Page Layout Styles */
#dualSidebar #mainContent						{position: relative; float: left; width: 407px; padding: 0px 7px 0px 7px; margin: 0px; z-index: 2;}
#dualSidebar #mainContent #flashHeader			{display: none; position: relative; width: 407px; height: 100px; padding: 1px 0px 6px 0px; margin: 0px;}
#dualSidebar #mainContent #contentHeader		{position: relative; width: 407px; height: 100px; padding: 1px 0px 6px 0px; margin: 0px;}
#dualSidebar #mainContent #contentWell			{position: relative; width: 407px; padding: 0px; margin: 0px;}

#dualSidebar #rightSidebar				{position: relative; float: left; width: 150px; padding: 0px; margin: 0px;}
#dualSidebar #rightSidebar .spotlight	{position: relative; width: 150px; padding: 0px; margin: 0px 0px 8px 0px;}

/* Section-specific styles */
#contentWell .addressBlock				{position: relative;}
#contentWell .addressBlock .phoneFax	{position: absolute; top: 0px; left: 45%;}
table.contactForm td					{padding: 0px 15px 10px 0px;}
table.contactForm td.fieldTitle			{padding-bottom: 0px;}
table.contactForm td.submitRow			{text-align: right;}

#mainContent #contentWell .solutionSpotlight		{position: relative; padding: 7px 0px 5px 0px;}
#mainContent #contentWell .solutionSpotlight .content	{float: left; padding: 7px 0px 7px 5px; width: 450px;}
#mainContent #contentWell .solutionSpotlight h3		{margin: 0px; padding: 0px;}
#mainContent #contentWell .solutionSpotlight p		{margin: 0px; padding: 0px;}
#mainContent #contentWell .solutionSpotlight a.icon	{float: left; display: block; width: 72px; height: 72px; margin: 0px; padding: 0px;}
#mainContent #contentWell .solutionSpotlight .clear	{clear: left;}

.solutionHeader			 				{position: relative; padding: 20px 0px 15px 140px; margin: 0px 0px -8px 0px;}
#mainContent #contentWell .solutionHeader p			{margin: 0px; padding: 0px;}
#mainContent #contentWell .solutionHeader .prop	 	{float: left; width: 1px; height: 115px; margin: 0px -1px 0px -1px;}
#mainContent #contentWell .solutionHeader .clear	{clear: left;}

/* PopUp Styles */
html.popUp						{height: 100%;}
body.popUp						{height: 100%;}
body.popUp #pageFrame			{height: 100%; position: relative; width: 589px; padding: 0px; margin: 0px;}

body.popUp #pageHeader		 	{position: relative; top: 0px; left: 0px; width: 589px; height: 136px; margin: 0px; padding: 25px 0px 0px 0px;}
body.popUp #pageBody		 	{position: relative; top: 0px; left: 0px; width: 589px; padding: 0px; margin: 0px; overflow: auto;}

body.popUp #pageHeader h1.logo		{position: absolute; left: 24px; top: 25px; width: 90px; height: 126px; z-index: 2; margin: 0px; padding: 0px;}
body.popUp #pageHeader h2.tagline	{position: absolute; left: 114px; top: 126px; width: 230px; height: 13px; z-index: 2; margin: 0px; padding: 0px;}

body.popUp #pageBody #mainContent	{position: relative; width: 549px; padding: 40px 20px 20px 20px;}
body.popUp #pageBody h3				{font-size: 13px; padding: 0px; margin: 0px;}
body.popUp #pageBody p				{font-weight: bold; padding: 10px 0px 0px 0px;}
body.popUp #pageBody #mainContent #register	{text-align: center;}

body.popUp table.loginForm					{margin: 20px auto; padding: 0px;}
body.popUp table.loginForm td				{padding: 0px 15px 10px 0px;}
body.popUp table.loginForm td.fieldTitle	{padding-bottom: 0px;}
body.popUp table.loginForm td.submitRow		{text-align: right;}

body.popUp table.registerForm					{margin: 20px 0px 0px 20px; padding: 0px;}
body.popUp table.registerForm td				{padding: 0px 15px 10px 0px;}
body.popUp table.registerForm td.fieldTitle		{padding-bottom: 0px;}
body.popUp table.registerForm td.submitRow input	{margin-right: 10px;}