/* Site Colors:  green: #3b6243, pruple: #893b87  */

body { 
  background-color: white;
  font-size: 100.01%;  /* take user default, add the .01 for old Opera bug */
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#body
{  
  position: relative;
  margin: 0 auto;
  width: 800px;
  padding: 0 0 0 0;
  background-color: white;
 }

/* Some stuff to make tables easier to work with */
table
{ 
  border-spacing: 0;
 }

/* Some stuff to make forms easier to work with */
form
{ 
  margin: 0;
  border: 0;
  padding: 0;
 }

input
{ 
  font-size: 1em;
}

/* Utility classes, are used site wide.  May be overridden within divs */
/* make a element look like button */
a.button { 
  padding: .5em;
  margin: .5em;
  border: 3px outset #893b87;
  text-decoration: none;
  font-weight: bold;
  color: #3b6243;
}
a.button:hover { 
 border: 3px inset;
}

.InvalidField
{ 
  text-align: center;
  background-color: #e0a0a0;
  border: 2px solid #800000;
  }

.RequiredField
{ 
  color: #800000;
  }

.HighlightField
{ 
  background-color: #a0e0a0;
  border: 2px solid #008000;
  }

.ReadOnlyField
{ 
/*  background-color: #e0e0e0; */
  border-bottom: 2px solid #505050;
  padding: 2px 10px 0px 2px;
  }

.Numbers
{ 
  text-align: right;
 }

.Center
{ 
  text-align: center;
 }

.unknown 
{ 
  font-size: 0.75em;
  }

.Help
{ 
  padding-right: 1em;
  display: block;
  background-image: url("/images/Help2.gif");
  background-repeat: no-repeat;
  background-position:  100% 50%;
 }

a.Help
{ 
  display: inline;
 }

.Center
{ 
  text-align: center;
 }

.Right
{ 
  text-align: right;
 }

.Error
{
  color: #a02020;
  }

#shim { /* shim for bug in ie/win */
  position: absolute;
  left: 0;
  top: 100px;
  background-color: transparent;
  border: 0px none;
  margin: 0;
  width: 158px;
  display: none;
 }

#changeContent 
{
  position: absolute;
  left: 100px;
  top: 100px;
  width: 30em;
  z-index: 6;
  font-size: 75%;
  background-color: white;
  border: 2px outset;
  visibility: hidden;
}
#changeContent h3, #changeContent p { 
text-align: center;
margin: 0;
}
#changeContent table { 
width: 100%;
margin: 0;
 }

#helpContent 
{
  position: absolute;
  left: 0;
  top: 100px;
  width: 158px;
  z-index: 5;
  background: transparent url(/images/speechballoonTop.gif) no-repeat;
  padding: 0;
  padding-top: 13px;
  margin: 0;
  font-size: .9em;
  visibility: hidden;
  }
#helpContent #helpText {
  background: transparent url(/images/speechballoonMiddle.gif) repeat-y;
}
#helpContent #helpBottom {
  background: transparent url(/images/speechballoonBottom.gif) no-repeat;
  height: 79px;
  content: ".";
}

html>body #helpContent {
	background-image: url(/images/speechballoonTop.png);
}
html>body #helpContent #helpText { 
  background-image: url(/images/speechballoonMiddle.png);
}
html>body #helpContent #helpBottom { 
  background-image: url(/images/speechballoonBottom.png);
}

#helpContent p { 
	margin: 0; 
	padding: 0 12px 2px 5px;
	}

#helpContent p.sample { font-weight: bold; }

#debug.show, #helpContent.show, #shim.show, #changeContent.show { 
  visibility: visible;
  display: block;
}

/* Everything related to the masterTop include goes here */
#masterTop 
{ 
  width: 800px;
  height: 100px;
}

#masterTop img
{ 
  border: 0;
  text-decoration: none;
  }

#masterTop a
{ 
  border: 0;
  text-decoration: none;
  }

#masterTop h1
{ 
  text-align: center;
  margin: 0;
  border: 0;
  padding: 0;
  text-decoration: none;
  }

#Logo
{ 
  float: right;
  text-align: center;
  border: 0;
  width: 240px;
  }

#Logo a
{ 
  text-decoration: underline;
  color: #3b6243;
  }


#Logo a:hover
{ 
  color: #893b87;
}

/* Everything related to the masterLeft include goes here */
#masterLeft 
{ 
  float: left;
  width: 80px;
  border-right: 1px solid;
}
/*  ie win hacks \*/
* html #masterLeft {
	margin: 0 -4px 0 4px;
}
* html #LeftNavigation li {
	margin: -3px 0;
	line-height: 1.25;
	border-bottom: 1px solid white;
}
* html #LeftNavigation li.headline {
	line-height: 1.5
}
/* end ie win hacks */

#LeftNavigation
{ 
  font-size: .6em;
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  list-style-position: outside;
 }

#LeftNavigation li
{ 
  margin: 0;
  padding: 0;
 }

#LeftNavigation li.headline
{ 
  padding: 3px 2px 3px 2px;
  background-color: #893b87;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  background-image: url(/images/cornerTL.png);
  background-repeat: no-repeat;
 }

#LeftNavigation li.data
{ 
  padding: 3px 0px 3px 4px;
  color: #000000;
  background-color: #ffffff;
  font-weight: bold;
 }

#LeftNavigation li.inactive
{ 
  padding: 3px 0px 3px 4px;
  color: #888888;
  background-color: #ffffff;
  font-style: oblique;
 }

#LeftNavigation a
{ 
  padding: 3px 0px 3px 4px;
  color: #3b6243;
  background-color: #ffffff;
  display: block;
  margin: 0;
  text-decoration: none
 }

#LeftNavigation a:hover
{ 
  background-color: #3b6243;
  color: #ffffff;
 }



/* Everything related to the masterRight include goes here */
#masterRight
{ 
  float: right;
  width: 120px;
  margin: 0;
  padding: 0;
}

/*  ie win hacks \*/
* html #masterRight {
	margin: 0 4px 0 -4px;
}
/* end ie win hacks */

#masterRight #Ads
{ 
  font-size: .7em;
}

#masterRight #Ads img
{ 
  display: block;
  border: 0;
  margin: 0;
  padding: 3px 0 3px 0;
  width: 120px;
}

#masterRight .headline
{ 
  font-size: 1.3em;
  padding: 3px 2px 3px 2px;
  background-color: #893b87;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  background-image: url(/images/cornerTR.png);
  background-repeat: no-repeat;
  background-position: top right;
 }


/* Everything related to the masterBottom include goes here */
#masterBottom
{ 
  width: 800px;
  border-top: 1px solid;
  clear: both;
  font-size: .7em;
  }

#masterBottom #PoweredBy
{ 
  float: right;
  text-align: right;
  width: 15em;  
  font-size: 1.5em;
 }

#masterBottom a
{ 
  text-decoration: none;
 }

.mh
{ 
  color: #80002a;
 }

.village
{ 
  color: #002a80;
 }

/* pageContent is a container within which most page content lives */
/* pages should place their own divs within for styling */
#pageContent, #pageContentNoAds
{ 
  margin: 0 120px 0 80px;
  min-height: 500px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  background: #f8f8f8;
  }

#pageContentNoAds
{ 
  margin: 0 0 0 80px;
 }

/*  ie win hacks \*/
* html #pageContent {
	height: 500px;
}

* html #pageContentNoAds {
  margin-left: 88px;
}
/* end ie win hacks */

/*  utility div for debugging purposes - hidden by default */
#debug { 
  position: fixed;
  top: 0;
  right: 0;
  width: 25%;
  padding: 0;
  margin: 0;
  max-height: 10em;
  overflow: auto;
  display: none;
  background-color: white;
}

#debugtoggle { 
  position: fixed;
  top: 0;
  left: 0;
  width: 7em;
  padding: 0;
  margin: 0;
  max-height: 1.5em;
  overflow: hidden;
  background-color: white;
}

#HomePage
{ 
  padding: 5px 2em 5px 2em;
  font-size: 1.25em;
  text-align: center;
 }

#HomePage h1
{ 
  font-size: 1.25em;
 }

#HomePage h2
{ 
  font-size: 0.9em;
 }

#HomePage ul.Menu
{
  margin-top: 2em;
  text-align: left;
  font-size: 1.25em;
  list-style-type: none;
 }

#HomePage ul.Menu li
{ 
  padding: 3px 0 3px 0;
 }

#HomePage a
{ 
  background: url("/images/arrow1.gif") no-repeat left center;
  color: #3b6243;
  text-decoration: none;
  padding: 2px 2px 2px 15px;
  vertical-align: middle;
 }

#HomePage a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  color: #893b87;
  text-decoration: none;
 }

#HomePage p
{ 
  font-size: 0.7em;
  text-align: left;
  
 }

.beta
{ 
  font-size: 0.6em;
  color: #cc0001;
  vertical-align: top;
 }

#About
{ 
  padding: 5px;
  font-size: 0.9em;
 }


#About h4
{
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  }

#About ol { 
  padding-left: 2.2em;
}

/* ContributeCAS is a page specific container */
#ContributeCAS { 
  padding: 5px 5px 1em 5px;
  font-size: 0.9em;
  position: relative;
}

#ContributeCAS th
{ 
  padding-left: 0px;
  padding-right: 8px;
  text-align: left;
  }

#ContributeCAS td
{ 
  padding-left: 0px;
  padding-right: 8px;
  }

#ContributeCAS h2, #ContributeCAS h3 { 
  color: #3b6243;
}

/* h4, h5, and h6 are used for instructions */
#ContributeCAS h4, #ContributeCAS h5
{
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  }

#ContributeCAS h5 {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: .25em;
  text-align: right;
  width: 200px;
  font-size: 1.1em;
}

#ContributeCAS .instructions, #ContributeCAS ol li { 
  margin: 0 0 0.5em 0;
}

#ContributeCAS .instructions
{
  color: #893b87;
}

#ContributeCAS .Menu th { 
  width: 55%;
}

#ContributeCAS strong, #ShowcaseWhy strong { 
  color: #893b87;
  font-weight: bold;
}

#ShowcaseBenefits ol, #ShowcaseWhy ol { 
  margin: 0;
  padding: 0 0 0 2em;
}

#ShowcaseBenefits ol li, #ShowcaseWhy ol li { 
  padding-left: 20px;
  background: url(/images/checkmark.gif) no-repeat left top;
  list-style-type: none;
}

#ShowcaseWhy ol { 
  padding-left: 0;
}

#ShowcaseWhy ol li { 
  color: #3b6243;
  background: none;
  padding-left: 0;
  font-size: 1.2em;
}

#ShowcaseWhy ul { 
  padding: .5em 0 .5em 2em;
}

#ShowcaseWhy ol li li { 
  color: black;
  padding-left: 20px;
  background: url(/images/checkmark.gif) no-repeat left top;
  font-size: .8em;
}

#ContributeCAS .Column1
{ 
  background-color: #a0e0a0;
}

#ContributeCAS .Column2
{ 
  background-color: #e0e0a0;
 }

#ContributeCAS .GroupedFields
{ 
  background-color: #cccccc;
 }


#ContributeCAS .Menu
{ 
  margin-left: 2em;

 }


#ContributeCAS .Menu th, #ContributeCAS .Menu td
{ 
  vertical-align: top;
  padding: 0 1em 1.2em 0;
  }


#ContributeCAS .Menu a
{ 
  background: url("/images/arrow1.gif") no-repeat left center;
  color: #3b6243;
  text-decoration: none;
  padding: 2px 2px 2px 1em;
  vertical-align: middle;
 }

#ContributeCAS .Menu a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  color: #893b87;
  text-decoration: none;
 }

#ContributeCAS .HighLight
{ 
  font-weight: bold;
  color: #ff0000;
  }

#ContributeCASDetailTable
{
  font-size: 0.9em;
  width: 100%;
 }

#ContributeCASDetailTable tr
{ 
  
 }

#ContributeCASDetailTable th
{ 
  width: 60px;
  height: 35px;
 }

#ContributeCASDetailTable td
{ 
 }


#ContributeCASSites
{
  width: 100%;
 }

#ContributeCASSites th
{
  text-align: center;
}

#ContributeCASSites th label
{
  text-align: left;  
}


#ContributeCASSites td
{
  text-align: center;
  padding-right: 1em;
}

#ContributeCASDetailTable2 
{ 
  font-size: 0.9em;
  width: 100%;
 }

#ContributeCASDetailTable2 th
{ 
  width: 100px;
  height: 35px;
 }

#ContributeCASDetailTable3 
{ 
  font-size: 0.9em;
  width: 100%;
 }

#ContributeCASDetailTable3 th
{ 
  height: 35px;
 }

#ContributeCASRecentSale
{
  font-size: 0.9em;
/*  width: 100%;*/
 }

#ContributeCASRecentSale td.PhotoPick input { 
  width: 140px;
 }
#ContributeCASRecentSale td.PhotoDesc select { 
  width: 5.5em;
 }

#ContributeCAS #CompanyList
{ 
  border: 1px solid #000;
  font-size: 0.8em;
  width: 95%;
  height: 22em;
  overflow: auto;
  margin-bottom: 1em;
  padding: 0.5em;
  }


#ContributeCAS .SinglePhotoEdit
{ 
  border: 1px solid #000;
  width: 100%;
 }

#ContributeCAS .SinglePhotoEdit .Description
{ 
  float: right;

 }

/* OrderCAS is a page specific container */
#OrderCAS
{ 
  padding: 5px;
  font-size: 0.9em;
  }

#OrderCAS .HighLight
{ 
  font-weight: bold;
  color: #ff0000;
  }

#OrderCAS th { 
  padding-left: 0px;
  padding-right: 8px;
  text-align: left;
}


#OrderCAS td
{ 
  vertical-align: top;
  padding-left: 0px;
  padding-right: 8px;
  }

/* h4, h5, and h6 are used for instructions */
#OrderCAS h4
{
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  }

#OrderCAS h5
{
  text-align: right;
  float: right;
  margin: 0 0 0.5em 0;
  width: 200px;
  font-size: 1.1em;
  }

#OrderCAS .instructions
{
  margin: 0 0 0.5em 0;
  color: #893b87;
  }

#OrderCAS .Error
{
  margin: 0 0 0.5em 0;
  color: #a02020;
  }

#OrderCAS .Menu
{ 
  width: 100%;
 }

#OrderCAS .Menu th
{ 
  vertical-align: top;
  }

#OrderCAS .Menu a
{ 
  background: url("/images/arrow1.gif") no-repeat left center;
  color: #3b6243;
  text-decoration: none;
  padding: 2px 2px 2px 1em;
  vertical-align: middle;
 }

#OrderCAS .Menu a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  color: #893b87;
  text-decoration: none;
 }


#OrderCAS .CommunityList
{ 
  font-size: 0.8em;
 }

#OrderCAS .CommunityList .Purchased
{ 
  font-weight: bold;
  background-color: #a0e0a0;
 }

#OrderCAS #CompanyList
{ 
  border: 1px solid #000;
  font-size: 0.9em;
  width: 95%;
  height: 22em;
  overflow: auto;
  margin-bottom: 1em;
  padding: 0.5em;
 }

#Account
{ 
  padding: 5px;
  font-size: 0.9em;
 }

#Account img
{ 
  border: 0;
}

#Account th
{ 
  padding-left: 0px;
  padding-right: 8px;
  text-align: left;
  }

#Account td
{ 
  padding-left: 0px;
  padding-right: 8px;
  }

/* h4, h5, and h6 are used for instructions */
#Account h4
{
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  }

#Account h5
{
  text-align: right;
  float: right;
  margin: 0 0 0.5em 0;
  width: 200px;
  font-size: 1.1em;
  }

#Account h6
{
  margin: 0 0 0.5em 0;
  font-size: 1.25em;
  }

#Account .instructions
{
  margin: 0 0 0.5em 0;
  color: #893b87;
  }

#Account ul.Menu
{ 
  font-size: 1.25em;
  list-style-type: none;
 }

#Account ul.Menu li
{ 
  padding: 3px 0 3px 0;
 }

#Account .Menu a
{ 
  background: url("/images/arrow1.gif") no-repeat left center;
  color: #3b6243;
  text-decoration: none;
  padding: 2px 2px 2px 1em;
  vertical-align: middle;
 }

#Account .Menu a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  color: #893b87;
  text-decoration: none;
 }

#Account .Menu .Description
{ 
  font-size: 0.6em;
  margin-left: 2em; 
  color: #893b87;

 }

#Account #PersonalInfo td
{ 
  height: 25px;
 }


#Account #AccountList tr
{ 
  height: 1.5em;
  }

#Account #AccountList a
{ 
  display: block;
  width: 15px;
  height: 15px;
  background: url("/images/arrow1.gif") no-repeat left center;
  text-decoration: none;
  }

#Account #AccountList a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  }

#Account .Details
{ 
  font-size: 0.8em;
 }

#Account ol
{ 
  padding-left: 2.2em;
  }


#Account #CompanyList
{ 
  border: 1px solid #000;
  font-size: 0.9em;
  width: 95%;
  height: 22em;
  overflow: auto;
  margin-bottom: 1em;
  padding: 0.5em;

 }

#Tools
{ 
  padding-top:  1px;
  padding-left: 1em;
 }

/* Administration is a page specific container */
#Administration
{ 
  padding: 5px;
  font-size: 0.7em;
  }

#Administration th
{ 
  padding-left: 0px;
  padding-right: 8px;
  text-align: left;
  }

#Administration td
{ 
  padding-left: 0px;
  padding-right: 8px;
  }

/* h4, h5, and h6 are used for instructions */
#Administration h4
{
  margin: 0 0 0.5em 0;
  font-size: 1.5em;
  }

#Administration h5
{
  text-align: right;
  float: right;
  margin: 0 0 0.5em 0;
  width: 200px;
  font-size: 1.1em;
  }

#Administration .instructions
{
  margin: 0 0 0.5em 0;
  color: #893b87;
  }

#Administration ul.Menu
{ 
  font-size: 1.25em;
  list-style-type: none;
 }

#Administration ul.Menu li
{ 
  padding: 3px 0 3px 0;
 }

#Administration .Menu a
{ 
  background: url("/images/arrow1.gif") no-repeat left center;
  color: #3b6243;
  text-decoration: none;
  padding: 2px 2px 2px 1em;
  vertical-align: middle;
 }

#Administration .Menu a:hover
{ 
  background: url("/images/arrow2.gif") no-repeat left center;
  color: #893b87;
  text-decoration: none;
 }

#Administration .Statistics
{ 
  width: 100%;
  font-size: 1em;
 }

#Administration .Statistics tr th
{ 
  text-align: left;
 }

#Administration .Statistics tr td
{ 
  width: 36px;
  text-align: right;
 }


#Administration #Quarantined .TopRow td
{ 
  border-top: 1px solid #000;
  padding-top: .25em;
  vertical-align: top;
  }

#Administration #Quarantined .BottomRow td
{ 
  padding-bottom: .25em;
  vertical-align: top;
 }

#Administration #Quarantined .Actions
{ 
  width: 180px;
 }

#MHVLoginForms { 
  margin: 0 1em;
  font-size: .9em;
}

#MHVLoginForms h4 {
  margin: .25em 0;
  color: #3b6243;
} 

#MHVLoginForms th {
  font-weight: normal;
}

#MHVCreate { 
  float: left;
  width: 33%;
  border: 1px solid;
  padding: .5em;
  min-height: 12em;
}
#MHVCreate input { 
  float: right;
}

#MHVLogin { 
  float: right;
  width: 58%;
  border: 1px solid;
  padding: .5em;
  min-height: 12em;
}

#MHVLogin td { 
 text-align: right;
}

/*  ff3 displays text fields a bit wider than others */
input[name='CommunityPhone'], input[name='OwnerPhone'], input[name='OwnerFax'] {
  max-width: 8.5em;
}

/*  css for autocompletion list  (classes start with ac_ ) */
.ac_results {
  background-color:window;
  border:1px solid windowframe;
  overflow:hidden;
  padding:0px;
}
.ac_results ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
  width:100%;
}
.ac_results li {
  cursor:default;
  display:block;
  font-family:menu;
  font-size:12px;
  margin:0px;
  overflow:hidden;
  padding:2px 5px;
  width:100%;
}
.ac_over {
  background-color:highlight;
  color:highlighttext;
}

.noimage { 
           padding: 2px !important;
           background-image: none !important;
           }