/*
	base.css
 	Product: SAAS 
	Description: LF3 Template Page Structure & Layout Stylesheet
	Author: Ivan Alexander
	© 2005, Manheim Auctions
*/

/* General css rules */
body				{font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px;}
a 					{}
a:visited			{}
a:hover 			{}
form				{padding: 0px; margin: 0px;}
p					{margin: 0px 0px 10px 0px;}
input				{padding: 0px; vertical-align: baseline;}
img					{border: 0px;}
th					{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 2px 5px 2px 5px;}
th a				{text-decoration: none;}
th a:hover			{text-decoration: underline;}
th.selector			{padding: 2px; width: 1%;}
td.selector			{text-align: center;}
td					{font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px;}
.bold				{font-weight: bold;}

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

.hiddenText			{display: none;}
.returnLink			{width: 100%; margin: 10px 0px 20px 0px; text-align: center;}
.clear				{clear: both; padding-top: 1px;}

/* Alert/Error Frame css rules */
#alertFrame	 		{position: relative; border: 1px solid; padding: 10px; margin: 10px 10px 10px 10px; font-weight: bold;}
#alertMessage 		{font-size: 12px; margin: 0px 0px 0px 26px;}
#alertIcon		 	{position: absolute; height: 20px; width: 23px; float: left; margin: -3px 3px 0px -2px;}
#alertIconSmall	 	{height: 14px; width: 16px; float: left; margin: 1px 5px 1px 2px;}
#alertFrame p.alertText		{font-weight: normal; margin: 10px 0px 0px 26px;}
.statusIcon		 	{text-align: center; width: 19px;}

/* Menu System css rules */
#globalNav .navbar ul 			{padding: 0px; margin: 0px; list-style: none;}
#globalNav .navbar li 			{float: left; position: relative;}
#globalNav .navbar li ul		{display: none;}
#globalNav .navbar li > ul 		{top: auto; left: auto;}

#globalNav .navbar ul li 			{margin: 0px 1px 0px 0px; padding: 0px; height: 24px; position: relative; text-align: center;}
#globalNav .navbar ul li a 			{margin: 0px; padding: 5px 0px 5px 0px; text-decoration: none; display:block;}
#globalNav .navbar ul li a:visited 	{text-decoration: none;}
#globalNav .navbar ul li a:hover 	{margin: 0px;}

#globalNav .navbar #login	 		{font-size: 13px; float: right; margin: 0px;}
#globalNav .navbar #login a 		{padding: 4px 0px 4px 0px; width: 110px;}
#globalNav .navbar #home a 			{padding-left: 4px; width: 52px;}
#globalNav .navbar #nav-01 a 		{width: 90px;}
#globalNav .navbar #nav-02 a 		{width: 91px;}
#globalNav .navbar #nav-03 a 		{width: 106px;}
#globalNav .navbar #nav-04 a 		{width: 134px;}

/* General format rules */
#homeFrame			{position: relative; width:770px; padding: 0px; margin: 0px;}

#pageHeader		 	{position: relative; top: 0px; left: 0px; z-index: 2; width: 770px; height: 48px; margin: 0px 0px 1px 0px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 770px; height: 100%; padding: 0px; margin: 0px;}
#pageFooter		 	{clear: both; position: relative; width: 770px; padding: 10px 0px 0px 0px; margin: 0px;}

#pageHeader #logo img	{border: 0px;}

#pageFooter	#colophon 			{text-align: center; font-size: 75%; margin: 0px 0px 2px 0px;}

/* Specific layout rules */
#bannerAd	{display: none;}

#globalNav		 	{position: absolute; right: 0px; bottom: 0px; height: 24px; width: 592px; overflow: hidden;}
#globalNav .navbar 	{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase;}

#topNav		 				{position: absolute; right: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; overflow: hidden;}
#topNav .navbar ul		 	{padding: 0px; margin: 5px 0px 0px 0px; list-style: none;}
#topNav .navbar li 			{float: left; position: relative; padding: 0px 4px 0px 4px; border-right: 1px solid;}
#topNav .navbar ul.default li.last	{border-right: 1px solid;}
#topNav .navbar ul.custom li.last	{padding-right: 2px; border-right: 0px;}
#topNav .navbar li a		{text-decoration: none;}
#topNav .navbar li a:hover	{text-decoration: underline;}

/* Homepage Styles */
#homeFrame			{position: relative; width:770px; padding: 0px; margin: 0px;}
#homeFrame #pageHeader a#logo	{position: absolute; top: 0px; left: 0px; width: 178px; height: 146px; border: 0px; text-align: center; overflow: hidden;}
#homeFrame #leftNav				{display: none;}

#montageFrame							{position: relative; left: 0px; top: 0px; width: 770px; margin: 0px;}
#montageFrame #montage					{float: left; width: 584px; height: 153px;}
#montageFrame #featuresPanel			{float: right; padding: 10px 8px 10px 12px; width: 161px; height: 133px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#montageFrame #featuresPanel h2			{font-size: 100%; font-weight: bold; margin: 0px;}
#montageFrame #featuresPanel ul			{margin: 5px 0px 10px 0px; padding: 0px; list-style: none;}
#montageFrame #featuresPanel ul li		{margin: 0px 0px 5px 0px; padding: 0px; list-style: none;}
#montageFrame #featuresPanel a			{text-decoration: none;}
#montageFrame #featuresPanel a:hover	{text-decoration: underline;}
#montageFrame #featuresPanel #feature0	{display: none;}
#montageFrame #featuresPanel #feature1	{display: none;}

#panelsFrame					{position: relative; top: 0px; left: 0px; width: 760px; padding: 5px; margin: 0px;}
#panelsFrame h2					{position: relative; padding: 0px; margin: 0px; font-size: 85%; text-align: center; text-transform: uppercase;}
#panelsFrame h3					{position: relative; padding: 0px; margin: 3px 4px 3px 5px; font-size: 90%;}
#panelsFrame p					{position: relative; padding: 0px; margin: 3px 4px 3px 5px; font-size: 75%;}
#panelsFrame .jumpLink			{position: relative; margin: 0px; font-size: 85%; font-weight: bold; text-align: right; text-transform: uppercase;}
#panelsFrame .jumpLink a		{padding: 0px; margin: 0px 5px 0px 0px;}
#panelsFrame .prop				{float: right; width: 1px; height: 210px; margin: 0px 0px 0px -1px;}
#panelsFrame .clear 			{clear: both; height: 1px; overflow: hidden;}
#panelsFrame .content			{overflow: hidden;}
#panelsFrame .content img		{float: left; margin: 3px;}
#panelsFrame #panel2 img		{float: none; margin: 0px;}
#panelsFrame .picFrame img		{float: none; margin: 0px;}

#panelsFrame #panel0					{float: left; position: relative; top: 0px; left: 0px; width: 172px; padding: 0px; margin: 0px;}
#panelsFrame #panel0 .top				{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 172px; height: 15px;}
#panelsFrame #panel0 .content			{position: relative; width: 170px; z-index: 2; padding: 0px; margin: 1px 1px 5px 1px; color: #464646;}
#panelsFrame #panel0 .content .picFrame	{position: relative; width: 170px; height: 68px; overflow: hidden; padding: 0px; margin: 0px; text-align: center;}
#panelsFrame #panel0 .bottom			{position: absolute; z-index: 0; padding: 0px; margin: 0px; bottom: -1px; left: 0px; width: 172px; height: 15px;}
#panelsFrame #panel0 > .bottom			{bottom: 0px;}

#panelsFrame #panel1					{float: right; position: relative; top: 0px; left: 0px; width: 176px; padding: 0px; margin: 0px;}
#panelsFrame #panel1 .top				{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 176px; height: 15px;}
#panelsFrame #panel1 .content			{position: relative; width: 174px; z-index: 2; padding: 0px; margin: 1px 1px 5px 1px; color: #464646;}
#panelsFrame #panel1 .content .picFrame	{position: relative; width: 174px; height: 68px; overflow: hidden; padding: 0px; margin: 0px; text-align: center;}
#panelsFrame #panel1 .bottom			{position: absolute; z-index: 0; padding: 0px; margin: 0px; bottom: -1px; left: 0px; width: 176px; height: 15px;}
#panelsFrame #panel1 > .bottom			{bottom: 0px;}

#panelsFrame #panel2				{float: left; position: relative; top: 0px; left: 5px; width: 402px; padding: 0px; margin: 0px;}
#panelsFrame #panel2 .top		{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 402px; height: 15px;}
#panelsFrame #panel2 .content	{position: relative; width: 400px; z-index: 2; padding: 0px; margin: 1px;}
#panelsFrame #panel2 .bottom		{position: absolute; z-index: 0; padding: 0px; margin: 0px; bottom: -1px; left: 0px; width: 402px; height: 15px;}
#panelsFrame #panel2 > .bottom	{bottom: 0px;}

/* Interior Styles */
#pageFrame			{position: relative; width:770px; padding: 0px; margin: 0px;}
#pageFrame #pageHeader a#logo	{position: absolute; top: 0px; left: 0px; width: 178px; height: 99px; border: 0px; text-align: center; overflow: hidden;}

#pageFrame #leftNav				{position: relative; float: left; width: 179px; padding: 65px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}
#pageFrame #leftNav #demoButton {display: none;}
#leftNav h2			 			{font-size: 11px; padding: 0px; margin: 0px 0px 0px 8px;}
#leftNav .navbar	 			{position: relative; width: 165px; padding: 0px 0px 15px 13px; z-index: 1; overflow: hidden;}
#leftNav .navbar ul		 		{position: relative; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: left;}
#leftNav .navbar li 			{position: relative; text-transform: uppercase; padding: 0px 0px 2px 0px; margin: 0px; font-size: 10px; font-weight: bold;}
#leftNav .navbar li a			{text-decoration: none; padding: 1px 3px 1px 8px; display: block; width: 154px;}
#leftNav .navbar li a:hover		{text-decoration: none;}
#leftNav .navbar li ul		 	{margin: 0px 0px 3px 8px;}
#leftNav .navbar li ul li 		{font-weight: normal; letter-spacing: -1px;}
#leftNav .navbar li ul li a		{width: 143px;}

#leftNav .prop		{float: right; width: 1px; height: 130px; margin: 0px 0px 0px -1px;}
#leftNav .top		{display: none;}
#leftNav .bottom	{position: absolute; z-index: 0; padding: 0px; margin: 0px; bottom: 0px; left: 0px; width: 179px; height: 45px;}
#leftNav .clear 	{clear: both; height: 1px; overflow: hidden;}

#pageFrame #mainBody			{position: relative; float: left; width: 591px; margin: 0px; padding: 0px;}
#pageFrame #singleColumnLayout	{position: relative; margin: 0px; padding: 0px; width: 591px;}
#pageFrame #twoColumnLayout		{position: relative; margin: 0px; padding: 0px; width: 591px;}
#pageFrame #mainColumn h2		{padding: 0px; margin: 0px 0px 20px 4px; text-transform: uppercase; font-size: 26px; font-weight: normal;}
#pageFrame #mainColumn h3		{padding: 0px; margin: 0px 0px 0px 4px; font-size: 16px;}

#pageFrame #mainBody.section #mainColumn h3	{display: none;}

#singleColumnLayout #mainColumn		{position: relative; float: left; width: 560px; margin: 0px; padding: 15px 16px 0px 15px; overflow: hidden;}
#singleColumnLayout #mainColumn .content	{font-size: 11px;}
#singleColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 0px 12px 5px;}

#singleColumnLayout #secondaryColumn	{display: none;}

#twoColumnLayout #mainColumn		{position: relative; float: left; width: 438px; margin: 0px; padding: 15px 13px 0px 15px; overflow: hidden;}
#twoColumnLayout #mainColumn .content	{font-size: 11px;}
#twoColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 0px 12px 5px;}

#twoColumnLayout #secondaryColumn			{position: relative; float: left; margin: 0px; padding: 55px 5px 0px 0px; width: 120px; overflow: hidden;}
#twoColumnLayout #secondaryColumn .content	{position: relative; z-index: 2; padding: 0px; margin: 0px;}
#twoColumnLayout #secondaryColumn .picFrame	{position: relative; text-align: center; margin: 0px 0px 5px 0px; padding: 0px;}
#twoColumnLayout #secondaryColumn .picFrame img	{border: 0px;}