/* Search tags:

admin - admin and user views
view - listings view 
fonts - headers and misc


Format is:

tag template

i.e. for the "main" template in providers:

view main

*/

body 
{
	margin-left: 10px;
	margin-top: 5px;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: black;
	background-color: #fff;
}

/* tags: view user main */

#main {
	margin-top: 0px;
	right: 0px;
	left: 0px;
	background-color: #FFFFCC;
	height: 560px;
	border-bottom: 1px solid black;
}

#guide {
	float: left;
	margin-left: 20px;
	margin-top: 100px;
	width: 200px;
}

#guide a {
	text-decoration: none;
}
#login {
	position: absolute;
	top: 10px;
	right: 10px;
}

#title 
{
	margin-left: 5px;
	margin-top: 15px;
	height: 40px;
}

#title a
{
	text-decoration: none;
}

/* CATEGORY LIST POP-UP */
ul.nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 270px;
	border-bottom: 1px solid #ccc;
}

ul.nav li.nav {
	position: relative;
}
	
li.nav ul.nav {
	position: absolute;
	left: 269px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Holly Hack. IE Requirement \*/
* html ul.nav li.nav { float: left; height: 1%; }
* html ul.nav li.nav a { height: 1%; }
/* End */

li:hover ul.nav, li.over ul.nav 
{ 
	display: block; 
} /* The magic */

li.nav>a 
{
	float: none;
}

/* tag: admin provider */

#provider_main {
	margin-top: 0px;
	right: 0px;
	left: 0px;
	background-color: #FFFFCC;
	height: 700px;
	border-bottom: thin solid black;
}

#payments_main {
	margin-top: 0px;
	right: 0px;
	left: 0px;
	background-color: #FFFFCC;
	height: 900px;
	border-bottom: thin solid black;
}

#listings {
	float: left;
	background-color: #ffffff;
	padding: 10px;
	margin-left: 30px;
	margin-top: 50px;
	margin-bottom: 5px;
   	width: 450px;
}

#options {
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 200px;
}

#options ul {
	border-bottom: none;
	list-style: none;
}
#options li {
	background-color: #ffffff;
	border-bottom: thin solid black;
	margin-top: 3px;
	padding-left: 4px;
	font-weight: bold;
	width: 200px;
}

/* For the image that appears in listings */

.listing_image {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
}



/* tags: fonts */

/* tags: brochure */

.brochure_link a {
	font-weight: bold;
	font-size: 125%;
}

/* Main title */
h1 
{
	font-size: 30px;
	padding: 0px;
	margin-bottom: 0px;
	display: inline;
}

/* Subtitle near main title (no coloring) */
h2 
{
 	font-size: 24px;
 	font-weight: bold;
}


h3
{
	font-size: 22px;
	padding: 5px;
	margin: 0px;
}

/* Only used by sub-header on category/search pages. */

.subheader
{
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
	color: #666666;
	letter-spacing: 1px;
}


h5
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	/*border-left: thin solid black;
	border-bottom: thin solid black;*/
	color: #666666;
}


.tagline
{
	font-size: 18px;
	font-weight: bold;

}

/* CSS hacks */

/* skip for non CSS browsers */

.hide
{
	display: none;
}

/* so no <br /> is needed after image */

img
{
	display: block;   
	border: 0;
}

#seriftext 
{
	font-family: georgia, Times;
}

/* Colored fonts, call using <span class=[name]> */

.redfont
{
	color: red;
}

.bluefont
{
	color: blue;
	letter-spacing: 1px;
}

.darkbluefont
{
	color: #0D417A;
	letter-spacing: 1px;
}

.tealfont
{
	color: teal;
	letter-spacing: 1px;
}

.aquafont
{
	color: aqua;
	letter-spacing: 1px;
}

.limefont
{
	color: lime;
	letter-spacing: 1px;
}

.fuchsiafont
{
	color: fuchsia;
	letter-spacing: 1px;
}

.olivefont
{
	color: olive;
	letter-spacing: 1px;
}

.purplefont
{
	color: purple;
	letter-spacing: 1px;
}

.navyfont
{
	color: navy;
	letter-spacing: 1px;
}

.maroonfont
{
	color: maroon;
	letter-spacing: 1px;
}

.salmonfont
{
	color: salmon;
	letter-spacing: 1px;
}
	
.greenfont
{
	color: green;
}

.greyfont
{
	color: #666666;
	letter-spacing: 1px;
}

.blackfont
{
	color: #000;
	letter-spacing: 1px;
}


/* tags: from scaffold.css, reorg as necessary */

pre {
  	background-color: #eee;
  	padding: 10px;
  	font-size: 11px;
}

#category {
  	background: #f0f0f0;
	border-bottom: 1px solid black;
}

#category a
{
	text-decoration: none;
	color: #000;
}

#category a:hover {
	background: #f0f0f0;
	color: #000;
}

.subcategory {
	margin-left: 40px;
	background: #f0f0f0;
	border-bottom: 1px solid black;
}

.fieldWithErrors {
  padding: 1px;
  background-color: red;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}