/*
	base.css
 	Product: SAAS 
	Description: LF1 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: 125px; margin: 0px 0px 1px 0px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 770px; padding: 0px; margin: 0px 0px -1px 0px;}
#pageFooter		 	{clear: both; position: relative; width: 770px; padding: 0px; margin: 0px;}

#pageHeader a#logo	{position: absolute; z-index: 2; top: 4px; left: 4px; width: 288px; height: 62px; border: 0px; text-align: center; overflow: hidden;}
#pageHeader #logo img	{border: 0px;}

#pageFooter	#colophon 	{position: relative; top: 0px; left: 0px; width: 770px; height: 27px; margin: 0px; padding: 0px; border-top: 1px solid;}

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

#globalNav		 	{position: absolute; top: 102px; left: 0px; height: 23px; width: 770px; padding: 0px; margin: 0px;}
#globalNav .navbar 	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px;}

#globalNav .navbar ul 				{padding: 0px; margin: 0px; list-style: none;}
#globalNav .navbar ul li 			{float: left; position: relative; height: 23px; margin: 0px -1px 0px 0px; padding: 0px; position: relative; text-align: center;}
#globalNav .navbar ul li a 			{margin: 0px; padding: 5px 0px 0px 1px; text-decoration: none; float: left; height: 18px; width: 127px; display: block; overflow: hidden;}
#globalNav .navbar ul li#home a 	{width: 124px;}
#globalNav .navbar ul li#nav-01 a 	{width: 142px;}
#globalNav .navbar ul li#nav-02 a 	{width: 144px;}
#globalNav .navbar ul li#nav-03 a 	{width: 162px;}
#globalNav .navbar ul li#nav-04 a 	{width: 196px;}
#globalNav .navbar ul li#login	 	{position: absolute; top: -28px; height: 27px; right: 0px; padding: 0px; z-index: 10; font-size: 10px; margin-right: 0px;}
#globalNav .navbar ul li#login a 	{height: 20px; width: 102px; padding: 7px 0px 0px 0px; margin: 0px; display: block;}

#topNav		 				{position: relative; top: 74px; left: 0px; width: 667px; height: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; overflow: hidden;}
#topNav .top	 			{position: absolute; top: 0px; left: 0px; width: 8px; height: 27px; z-index: 0;}
#topNav .bottom	 			{position: absolute; top: 0px; right: -1px; width: 8px; height: 27px; z-index: 0;}
#topNav > .bottom	 		{right: 0px;}
#topNav .navbar				{position: relative; z-index: 2; padding: 2px 0px 0px 5px;}
#topNav .navbar ul		 	{float: left; padding: 4px 0px 4px 0px; margin: 0px; list-style: none; z-index: 2;}
#topNav .navbar li 			{float: left; padding: 0px 5px 0px 5px; border-right: 1px solid;}
#topNav .navbar ul.default li.last	{border-right: 0px;}
#topNav .navbar ul.custom li		{border-right: 0px; border-left: 1px solid;}
#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 #leftNav	{display: none;}

#montageFrame					{position: relative; left: 0px; top: 0px; width: 770px; margin: 0px; border-bottom: 1px solid;}
#montageFrame #montage			{width: 770px; height: 264px;}
#montageFrame #featuresPanel	{display: none;}
#montageFrame .clear			{display: none;}

#panelsFrame					{position: relative; top: 0px; left: 0px; width: 754px; padding: 0px 8px 0px 8px; margin: 0px; border-top: 8px solid; border-bottom: 8px solid;}
#panelsFrame h2					{display: none;}
#panelsFrame h3					{position: relative; padding: 0px; margin: 0px 0px 3px 0px; font-size: 90%; text-align: left;}
#panelsFrame p					{position: relative; margin: 0px 0px 3px 0px; font-size: 75%; text-align: left;}
#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 .content			{position: relative; z-index: 2; padding: 0px; margin: 5px; overflow: hidden;}
#panelsFrame .content img		{float: left; margin: 0px 3px 3px 0px;}
#panelsFrame .picFrame			{position: relative; text-align: center; margin: 0px; padding: 0px; overflow: hidden;}
#panelsFrame .picFrame img		{float: none; margin: 0px;}

#panelsFrame #panel0,
#panelsFrame #panel1			{position: relative; float: left; top: 0px; left: 0px; width: 246px; padding: 0px; margin: 0px 8px 0px 0px; overflow: hidden;}
#panelsFrame #panel2			{position: relative; float: left; top: 0px; left: 0px; width: 246px; padding: 0px; margin: 0px; overflow: hidden;}

#colophon .top	 		{position: absolute; top: 0px; left: 0px; width: 8px; height: 27px;}
#colophon .content 		{font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; font-size: 75%; margin: 6px 10px 0px 0px;}
#colophon .bottom 		{position: absolute; top: 0px; right: 0px; width: 8px; height: 27px;}

/* Interior Page Styles */
#pageFrame				{position: relative; width:770px; padding: 0px; margin: 0px;}
#pageFrame #pageHeader	{margin-bottom: 0px;}

#pageFrame #leftNav				{position: relative; float: left; width: 118px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: hidden;}
#pageFrame #leftNav #demoButton {display: none;}
#leftNav h2			 			{font-size: 10px; text-transform: uppercase; letter-spacing: -1px; padding: 0px; margin: 0px 0px 3px 3px;}
#leftNav .navbar	 			{position: relative; padding: 5px 0px 0px 0px;}
#leftNav .navbar ul		 		{position: relative; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: left;}
#leftNav .navbar li 			{position: relative; padding: 0px 0px 3px 0px; margin: 0px; font-size: 9px; font-weight: bold;}
#leftNav .navbar li a			{text-decoration: none; padding: 1px 3px 1px 12px; display: block; width: 100px;}
#leftNav .navbar li a:hover		{text-decoration: none;}
#leftNav .navbar li ul		 		{margin: 0px 0px 0px 8px;}
#leftNav .navbar li ul li 			{font-weight: normal; letter-spacing: -1px;}
#leftNav .navbar li ul li a			{width: 92px;}

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

#pageFrame #mainBody			{position: relative; float: left; width: 642px; margin: 0px; padding: 0px;}
#pageFrame #singleColumnLayout	{position: relative; margin: 0px; padding: 0px; width: 642px;}
#pageFrame #twoColumnLayout		{position: relative; margin: 0px; padding: 0px; width: 642px;}
#pageFrame #mainColumn h2		{padding: 0px; margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 28px;}
#pageFrame #mainColumn h2 .cap	{position: relative; float: left; font-size: 38px; margin: -3px -4px -8px 0px;}
#pageFrame #mainColumn h2 > .cap	{margin-right: -1px;}
#pageFrame #mainColumn h3		{padding: 0px; margin: 5px 0px 0px -1px; font-size: 16px;}

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

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

#singleColumnLayout #secondaryColumn	{display: none;}

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

#twoColumnLayout #secondaryColumn			{position: relative; float: left; margin: 8px 0px 0px 0px; padding: 0px 8px 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 8px 0px; padding: 0px;}
#twoColumnLayout #secondaryColumn .picFrame img	{border: 0px;}