/*
	base.css
 	Product: SAAS 
	Description: LF2 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; height: 1px; overflow: hidden;}

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

/* General format rules */
#pageHeader		 	{position: relative; top: 0px; left: 0px; z-index: 2; width: 770px; height: 101px; 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: 0px; margin: 0px; z-index: 2;}

#pageHeader a#logo		{position: absolute; z-index: 2; top: 2px; left: 2px; width: 276px; height: 78px; overflow: hidden;}
#pageHeader #logo img	{border: 0px;}

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

/* Specific layout rules */
#bannerAd	{position: absolute; top: 20px; left: 280px; width: 490px; height: 60px; text-align: right; overflow: hidden;}

#globalNav		 	{position: absolute; bottom: 0px; left: 0px; height: 19px; width: 768px; padding: 0px 1px 0px 1px; margin: 0px;}
#globalNav .navbar 	{font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase;}

#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 ul li 			{margin: 0px; padding: 0px 0px 0px 1px; position: relative; text-align: center;}
#globalNav .navbar ul li a 			{margin: 0px; padding: 3px 0px 0px 0px; text-decoration: none; float: left; height: 16px; width: 127px;}
#globalNav .navbar ul li#home a 	{width: 126px;}
#globalNav .navbar ul li#login	 	{padding: 0px 1px 0px 1px;}
#globalNav .navbar ul li#login a 	{width: 127px;}

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

#leftNav						{position: relative; float: left; width: 135px; padding: 15px 0px 10px 0px; overflow: hidden;}
#leftNav #demoButton 			{border: 1px solid; padding: 2px 5px 2px 5px; margin: 0px 5px 10px 5px; font-size: 10px; text-decoration: none; text-align: center; display: block;}
#leftNav h2			 			{font-size: 13px; padding: 0px; margin: 0px 0px 0px 5px;}
#leftNav .navbar	 			{position: relative; padding: 0px;}
#leftNav .navbar ul		 		{position: relative; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: left;}
#leftNav .navbar li 			{position: relative; margin: 0px 0px 5px 0px; padding: 0px; font-size: 11px; font-weight: bold;}
#leftNav .navbar li a			{text-decoration: none; padding: 3px 14px 3px 14px; display: block; width: 107px;}
#leftNav .navbar li a:hover		{text-decoration: none;}
#leftNav .navbar li ul		 		{margin: 0px;}
#leftNav .navbar li ul li 			{font-weight: normal;}
#leftNav .navbar li ul li a			{padding: 3px 14px 3px 22px; width: 99px;}

#leftNav .prop, #leftNav .top, #leftNav .bottom, #leftNav .clear	{display: none;}

/* Homepage Styles */
#homeFrame				{position: relative; width: 770px; padding: 0px; margin: 0px;}
#homeFrame #mainBody	{position: relative; float: left; width: 635px; margin: 0px; padding: 0px;}

#montageFrame							{position: relative; float: left; width: 635px; margin: 0px;}
#montageFrame #montage					{position: relative; float: right; width: 635px; height: 192px;}
#montageFrame #featuresPanel			{display: none;}

#panelsFrame					{position: relative; width: 635px; padding: 0px; margin: 1px 0px -2px 0px; clear: both;}
#panelsFrame .picFrame			{display: none;}

#panelsFrame #panel0					{position: relative; top: 0px; left: 0px; width: 635px; padding: 0px; margin: 0px;}
#panelsFrame #panel0 h2					{display: none;}
#panelsFrame #panel0 .content			{margin: 0px;}
#panelsFrame #panel0 .clear				{display: none;}

#panelsFrame #panel1					{display: none;}
#panelsFrame #panel2					{display: none;}

/* Interior Page Styles */
#pageFrame				{position: relative; width: 770px; padding: 0px 0px 48px 0px; margin: 0px;}
#pageFrame #mainBody	{position: relative; float: left; width: 635px; margin: 0px; padding: 0px;}
#pageFrame #pageFooter	{position: absolute; bottom: 0px;}
#pageFrame #leftNav		{padding: 15px 0px 30px 0px;}

#pageFrame #mainBody			{position: relative; float: left; width: 635px; margin: 0px; padding: 0px;}
#pageFrame #singleColumnLayout	{position: relative; margin: 0px; padding: 0px; width: 635px;}
#pageFrame #twoColumnLayout		{position: relative; margin: 0px; padding: 0px; width: 635px;}
#pageFrame #mainColumn h2		{position: relative; padding: 0px 0px 3px 10px; margin: 0px 0px 5px 0px; font-size: 16px; font-style: italic;}
#pageFrame #mainColumn h3		{position: relative; padding: 0px 0px 3px 10px; margin: 0px 0px 5px 0px; font-size: 16px; font-style: italic;}

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

#singleColumnLayout #mainColumn		{position: relative; float: left; width: 635px; margin: 0px; padding: 0px; overflow: hidden;}
#singleColumnLayout #mainColumn .content	{font-size: 11px; margin: 10px 10px 30px 10px;}
#singleColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 10px 12px 10px;}

#singleColumnLayout #secondaryColumn	{display: none;}

#twoColumnLayout #mainColumn		{position: relative; float: left; width: 510px; margin: 0px; padding: 0px ; overflow: hidden;}
#twoColumnLayout #mainColumn .content	{font-size: 11px; margin: 10px 10px 30px 10px;}
#twoColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 10px 12px 10px;}

#twoColumnLayout #secondaryColumn			{position: relative; float: left; margin: 0px; padding: 5px 5px 30px 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;}