﻿/*
	base.css
 	Product: Manheim.com 
	Description:Manheim.com Page Structure & Layout Stylesheet
	© 2008, Manheim Inc.
*/

/* General css rules */
html 				{min-height:100%; margin-bottom:1px;}
body				{font:11px Arial, Helvetica, sans-serif; margin:0px auto 20px auto; padding:0px; background:#024765 url('/img/body-bg.gif') repeat-x; color:#333;}
body.popup			{margin:0px; background:none; background-color:transparent;}
a					{outline:none; color:#333;}
a:link				{cursor:pointer;}
a:visited			{color:#333;}
a:hover				{color:#a4b4ca;}
img					{border:0px;}
form				{padding:0px; margin:0px;}
p					{margin:0px 0px 10px 0px;}
th, td				{font:11px Arial, Helvetica, sans-serif; padding:2px;}
th					{font-weight:bold;}
h1, h2, h3, h4, h5	{font-family:Verdana, Arial, Helvetica, sans-serif;}
pre					{font:12px monospace;}
acronym				{cursor:help; font-weight:bold;}
strong				{font-weight:bold;}
em					{font-style:italic;}
hr					{height:1px; background:#dfdfdf; color:#dfdfdf; margin:15px 0px; padding:0px; border:0px;}

input				{padding:0px;}
select				{padding:0px; vertical-align:middle; border:1px solid #7f9db9; font:11px Arial, Helvetica, sans-serif;}
textarea			{padding:0px 0px 0px 2px; font:11px Arial, Helvetica, sans-serif;}
input.textbox		{margin:0px 2px 0px 0px; padding:1px 5px; border:1px solid #7f9db9; font:11px Arial, Helvetica, sans-serif;}
input.checkbox,
input.radio			{margin:0px 5px 0px 0px; padding:0px; vertical-align:middle;}

.hiddenText			{display:none;}
.printOnly			{display:none;}
.returnLink			{width:100%; margin:10px 0px 20px 0px; text-align:center;}
.clear				{clear:both; line-height:0pt; font-size:0px;}
.textLeft			{text-align:left;}
.textCenter			{text-align:center;}
.textRight			{text-align:right;}
.floatL				{float:left;}
.floatR				{float:right;}

/* General page rules */
#pageFrame				{position:relative; z-index:2; width:992px; margin:0px auto;}
#innerPageFrame			{width:972px; padding:0px 10px; }
#innerPageFrame[id]		{background:url('/img/page-frame-bg.png') repeat-y;}
#pageHeader				{position:relative; z-index:100; height:130px; background:#fff; font-size:11px;}
#pageBody				{position:relative; z-index:10;}
#pageFooter				{position:relative; z-index:1; width:992px; margin:0px auto;}

/* banner area rules */
#pageHeader #banner		{height:130px;}
#pageHeader h1			{position:absolute; top:15px; left:22px; padding:0px; margin:0px; background:url('/img/protechlogo50p.gif') no-repeat;}
#pageHeader h1 a		{display:block; width:226px; height:80px;}
#pageHeader #tra		{position:absolute; top:15px; left:250px; padding:0px; margin:0px; background:url('/img/header.gif') no-repeat;}
#pageHeader #tra a		{display:block; width:400px; height:40px;}

/* utility nav rules */
#pageHeader #utilityNav 					{float:right; display:inline; margin:7px 25px 6px 0px;}
#pageHeader #utilityNav ul					{margin:0px; padding:0px;}
#pageHeader #utilityNav ul li				{margin:0px; padding:0px; float:left; display:inline;}
#pageHeader #utilityNav ul li a				{color:#333; text-decoration:none; background:url('/img/link.gif') 0px 4px no-repeat; padding-left:8px; margin-left:15px;}
#pageHeader #utilityNav ul li a:hover		{color: #033867; text-decoration:underline;}

/* vehicle search rules */
#pageHeader #vehicleSearch				{display:none; /* hiding for phase I */ position:absolute; top:29px; right:22px; background:url('/img/vehicle-search-bg.gif') 0px 1px no-repeat;}
#pageHeader #vehicleSearch input		{margin:5px 0px 0px 8px; width:108px; border:none; background:none; float:left; font-size:11px;}
#pageHeader #vehicleSearch .btnAnchor	{float:left; margin:1px 0px 2px 0px;}

/* footer rules */
#pageFooter div			{height:113px; padding:10px 0px 20px 30px; font-size:11px;}
#pageFooter[id] div		{background:url('/img/page-frame-bottom-bg.png') no-repeat;}
#pageFooter p			{margin:0px 0px 8px 0px;}
#pageFooter a			{position:relative; text-decoration:none;}
#pageFooter a:hover		{text-decoration:underline;}
#pageFooter .links		{margin-left:-2px;}
#pageFooter .links a	{margin:0px 6px 0px 2px;}


/* Menu System css rules */
#globalNav							{position:relative; z-index:999;}
#globalNav ul						{margin:0px; padding:0px 0px 0px 20px; height:61px; background:url('/img/background.gif') repeat-x; position:relative; z-index:999;}
#globalNav a, #globalNav a:hover	{text-decoration:none; font-weight:bold; text-transform:uppercase;}
#globalNav ul li					{margin:0px; padding:0px; position:relative; text-align:center; float:left; display:inline;}
#globalNav ul li a					{position:relative; float:left; margin:0px; padding:0px 20px 0px 0px; height:38px; background:url('/img/itemRight.gif') no-repeat right 0px; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#fff;}
#globalNav ul li a span				{float:left; padding:20px 0px 0px 20px; height:18px; display:block; cursor:pointer; background:url('/img/itemBackground.gif') no-repeat;}
#globalNav ul li a:visited			{text-decoration:none;}
#globalNav ul li a:hover			{background-position:right -40px; z-index:9999;}
#globalNav ul li a:hover span		{background-position:0px -40px; color:#033867;}


/* active tab */
#homePage li#homeTab a,
#salePage li#saleTab a,
#searchPage li#searchTab a,
#locationsPage li#locationsTab a,
#buyerLoginPage li#buyerLoginTab a,
#sellerLoginPage li#sellerLoginTab a,
#aboutPage li#aboutTab a,
#contactPage li#contactTab a			{background-position:right -82px !important;}

#homePage li#homeTab a span,
#salePage li#saleTab a span,
#searchPage li#searchTab a span,
#locationsPage li#locationsTab a span,
#buyerLoginPage li#buyerLoginTab a span,
#sellerLoginPage li#sellerLoginTab a span,
#aboutPage li#aboutTab a span,
#contactPage li#contactTab a span		{background-position:0px -82px !important; padding-top:12px; padding-left:26px; height:25px; color:#033867;}


/* -------------------------------------------------- */
/* active tab */
#homePage1 li#homeTab a,
#homePage1b li#homeTab a,
#salePage1 li#saleTab a,
#reportsPage1 li#reportsTab a,
#myProTechPage1 li#myProTechTab a,
#searchPage1 li#searchTab a,
#newsPage1 li#newsTab a,
#contactPage1 li#contactTab a,
#logoutPage1 li#logoutTab a			{background-position:right -82px !important;}

#homePage1 li#homeTab a span,
#homePage1b li#homeTab a span,
#salePage1 li#saleTab a span,
#reportsPage1 li#reportsTab a span,
#myProTechPage1 li#myProTechTab a span,
#searchPage1 li#searchTab a span,
#newsPage1 li#newsTab a span,
#contactPage1 li#contactTab a span,
#logoutPage1 li#logoutTab a span		{background-position:0px -82px !important; padding-top:12px; padding-left:26px; height:25px; color:#033867;}
/* -------------------------------------------------- */




/* content wrapper */
#contentWrapper					{position:relative; z-index:11; /*width:942px;*/ width:935px; background:#fff; border-bottom:1px solid #8d8d8d; padding:9px 15px 11px 15px;  min-height:480px; height:auto !important; height:480px;}
/* #contentWrapper h2				{font-size:19px; font-weight:normal; letter-spacing:-.01em; color:#005478; margin:20px 0px 15px 10px; padding:0px; background:url('../img/icons/arrowIcon.jpg') left no-repeat; padding-left:24px;} */
#contentWrapper h2				{font-size:19px; font-weight:normal; letter-spacing:-.01em; color:#005478; margin:10px 0px 15px 0px; padding:0px;padding-left:24px;}
#contentWrapper #content h2		{margin-left:0px;}
#contentWrapper #content		{position:relative; z-index:101; padding:0px 5px;}



/* breadcrumbs */
#breadcrumb						{margin:40px 10px 8px 10px; font-size:11px; color:#333;}
#breadcrumb a,
#breadcrumb span				{text-decoration:none; background:url('/img/link.gif') 0px 4px no-repeat; padding-left:9px; margin-right:4px;}
#breadcrumb a:hover				{text-decoration:underline;}

/* page utilities */
#pageUtils						{position:absolute; top:3px; right:30px;}
#pageUtils ul					{margin:0px; padding:0px; line-height:28px; list-style:none;}
#pageUtils li					{margin:0px; padding:5px 0px; display:inline;}
#pageUtils li a					{padding:4px 0px; font-size:11px; text-decoration:none;}
#pageUtils li a.print			{padding-left:19px; background:url('/img/print.gif') 0px 5px no-repeat;}

/* buttons */
.button						{display:block; cursor:pointer; height:26px;}
.button span				{display:none;}

.btnInput					{color:#fff; border:1px solid #ccc; border-bottom:1px solid #666; border-right:1px solid #666; padding:1px .5em; font-weight:bold; cursor:pointer; font-family:Arial, helvetica, sans-serif; font-size:11px; text-transform:uppercase;}
.btnAnchor 					{color:#fff !important; text-decoration:none; border:1px solid #ccc; border-bottom:1px solid #666; border-right:1px solid #666; padding:2px 10px; font-weight:bold; font-size:11px; cursor:pointer; text-transform:uppercase; white-space:nowrap;}
.btnAnchor:hover			{color:#fff !important; text-decoration:none;}
*+html .btnInput			{padding:0px 3px;} /* IE7 ONLY hack */
.btnPrimary					{background: #5e86af url('/img/bg_primary.gif') center left repeat-x;}
.btnSecondary				{background: #e38929 url('/img/bg_secondary.gif') center left repeat-x;}

/* forms */
.formContainer							{margin-bottom:20px;}
.formContainer fieldset					{margin:0px; padding:0px; font-size:11px; border:none;}
.formContainer fieldset.buttons			{padding:0px; background:none; border:none;}
.formContainer form p					{margin:10px 0px; padding:0px;}
.formContainer form label				{float:left; width:80px; margin:2px 5px 5px 0px; padding:0px; text-align:right; font-size:11px;}
.formContainer form label.full			{float:none; width:auto;}
.formContainer form div					{margin-bottom:5px; clear:left;}
.formContainer form div span			{margin-left:4px;}
.formContainer form div span.formNote	{color:#999;}
.formContainer form .textbox			{width:250px;}
.formContainer form textarea			{width:256px;}
.formContainer form .checkbox			{margin-left:24px;}
.formContainer form .buttons p			{margin:0px 0px 10px 0px;}
.formContainer form .buttons a,
.formContainer form .buttons input		{float:right; margin-left:5px;}

/* #content .region					{width:170px; padding:0px 6px 20px 6px; float:left; background:url(../images/greenGradient.jpg) top repeat-x; border-left:1px solid #ebebeb;} */

.region				{padding:0px 6px 0px 6px;}
.region h3			{border-bottom:0px; font-size:13px; font-weight:bold; color:#333; margin:0px 0px 10px 0px; padding:13px 0px 6px 0px;}
.region h4 			{font-size:11px; color:#333; padding-bottom:0px; margin-bottom:4px;}
.auctionListing		{margin-left:6px;}
.auctionDetails		{margin-left:6px;}

.textType1
{
	font-weight:bold;
	font-family:Verdana, sans-serif;
	font-size:14px;
}

.textType2
{
	font-family:Verdana, sans-serif;
	font-size:14px;
}

.textType3
{
	font-weight:bold;
	font-family:Verdana, sans-serif;
	font-size:12px;
}

/* calendar */

/* calendar style */
/* .calendar 		    {background:url('/img/calDarkBlue.png1') top repeat-x;} */

.calendar a				{color:#999999;	text-decoration: none;}
.calendar a:hover		{color:#000;	text-decoration: none;}
/* .calendar a:hover	{color:#999999; text-decoration: none;} */
.nextMonth				{width:150px; float:right; margin-right:10px; padding-right:10px; font-weight: bold;}
.nextMonth a			{color:#fff;	text-decoration: none;}
.nextMonth a:hover		{color:#fff; text-decoration: none;}
.currentMonth           {color:#fff;}
.prevMonth				{width:150px ; float:left ; margin-left:10px ; padding-left:10px ; font-weight: bold;}
.prevMonth a			{color:#fff;	text-decoration: none;}
.prevMonth a:hover		{color:#999999; text-decoration: none;}
.calendar .week	 		{border-left:1px solid #ebebeb; color:#fff; text-align:center; height:35px; width:125px; background-image: url('../img/calLightBlue.png'); background-repeat: repeat-x;}
/* .calendar .calCell		{background-color:#F7F7F7; border-left:2px solid #ebebeb; border-bottom:2px solid #ebebeb; height:125px; width:125px;} */
.calendar .calCell		{background-color:#F7F7F7; border-left:2px solid #ebebeb; border-bottom:2px solid #ebebeb; height:125px; width:125px; color:#fff;}
.calendar .calDay		{color:#004765; font-weight:bold; font-family:Verdana, sans-serif; font-size:12px;}
.saleEvt				{color:#fff;}
td .non       			{background-color: #000;}
.calendar td .top       {background-color: #CCCCCC;}


.modalBackground		{background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup				{background-color:#ffffdd;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:250px;}