/* http://colorschemedesigner.com/#3I31P8omm6q6q - Pastel scheme */

/* Blues */
.primary-1 { background-color: #5A6476 }
.primary-2 { background-color: #576070 }
.primary-3 { background-color: #4C586E } /* darkest */
.primary-4 { background-color: #667184 }
.primary-5 { background-color: #687284 } /* lightest */

/* Tans */
.secondary-a-1 { background-color: #B2A883 }
.secondary-a-2 { background-color: #A9A07F }
.secondary-a-3 { background-color: #A69A6E } /* darkest */
.secondary-a-4 { background-color: #BAB08C }
.secondary-a-5 { background-color: #BAB18E } /* lightest */

/* Oranges */
.secondary-b-1 { background-color: #B29983 }
.secondary-b-2 { background-color: #A9937F }
.secondary-b-3 { background-color: #A6886E } /* darkest */
.secondary-b-4 { background-color: #BAA18C }
.secondary-b-5 { background-color: #BAA28E } /* lightest */

.blacktext	{ background-color: #1F2229 } /* Almost black text */

/* Font sizes for Tag cloud */
.cloud1 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 100%; background-color: #BAB18E;}
.cloud2 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 120%; background-color: #BAB18E; }
.cloud3 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 140%; background-color: #BAA28E; }
.cloud4 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 160%; background-color: #BAA28E; }
.cloud5 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 180%; background-color: #BAA28E; }
.cloud6 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 200%; background-color: #687284; }
.cloud7 {padding: 0px 7px 0px 7px; margin-top: 2px; font-size: 220%; background-color: #687284; }


/* === Global Styles === */
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none; 
}

a:hover {
	text-decoration: underline;
}

a { 
	color: #1F2229;
	text-decoration: none;
}

img {
	border: 0;
}

.inline-footnote {
	font-size: smaller;
}

.action-link {
	font-style: italic;
	color: #A69A6E; /* orange */
	font-weight:  bold;		
}

.unsubscribe-link {
	font-style: italic;
	font-weight:  bold;		
}

.superscript {
	vertical-align: super; 
	font-size: 70%;	
} 

.footnote {
	font-size: 78%;
	margin-top: 1em;
}

.text-highlight {
	color: #A6886E;
	font-weight: bold;
}

.hilite {
	background: yellow;
}

table.memverse-standard {
	border-width: 1px;
	border-spacing: 1px;
	border-style: none;
	border-color: black;
	border-collapse: separate;
	background-color: white;
}
table.memverse-standard th {
	border-width: thin;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #687284;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.memverse-standard td {
	border-width: thin;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #BAB18E;
	-moz-border-radius: 3px 3px 3px 3px;
}


/* Default sans-serif fonts */
body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:100%;
	background-image:url('/images/background.jpg');
	background-repeat:no-repeat;
	background-position:top center;		
}


/* === Menu Tabs === */
#menu-tabs {
	padding-bottom: 2em;
}

/* === Container for Page === */
#container {
	width: 1280px;
	height: 950px;
	margin-left: auto;
	margin-right: auto;
}

#meebo-toolbar {
	width: 100%;
	height: 50px;
}

#footer-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	clear: both;
}

#footer {
	font-size: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;		
}


/* === Maximum width content e.g. tutorials, descriptions etc === */
.max-width {
	width: 96%;
}

/* === Main Layout Page for Users === */

#auth a {
	color: #1F2229;  /* light green */
	background: #687284; /* dark green */	
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;		
}

#auth {
	float: right;	
	color: #1F2229;  /* light green */
	background: #687284; /* dark green */	
	font-size: 100%;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 10px;		
}

#auth li {
	margin-top:	.20em;
	margin-bottom: .20em;
}

#banner {
	color: #1F2229;  /* light green */	
	background: #687284; /* dark green */
	padding-top: 10px;
	padding-bottom: 16px;
	border-bottom: 2px solid;
	font-family: Georgia, "Times New Roman", serif;
	font-variant: small-caps;
	font-size: 50px;
	text-align: center;
}

#banner img {
	float: left;
}


#columns {
	background: #687284; /* dark green */
}

#main {
	margin-left: 0em; /* Distance from left side of screen until start of main border */
	padding-top: 1em;
	padding-left: 0.5em;
	background: white;
}

#side {
	float: left;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	width: 10.3em;
	background: #687284; /* dark green */
}

#side h3 {
	color: #1F2229;  /* yellow */
}

#side ul, li {
	border:0; 
	padding:0;
	padding-left: .2em; 
	margin:0.1em; 
	list-style:none;	
}


#side a {
	color: #1F2229; /* lightest green */
	font-size: 100%;
}

#side #sidebar-menu {
	color: #1F2229; /* lightest green */	
}

#left-footer {
	padding-top: 3em;
	padding-left: 0em;
	padding-bottom: 16em;
	width: 10.3em;
	background: #687284; /* dark green */
	color: #1F2229; /* lightest green */
	clear: left;
	list-style:none;    
}



#skyscraper-right {
	float: right;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
}

#skyscraper-ad-right {
	float: right;
	margin-left: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
}

h1 {
	font-family: Georgia,"Times New Roman", serif;
	font-size: 150%;
	color: #B8763D; /* orange */
	border-bottom: 3px;
}

h2 {
	font-family: Georgia,"Times New Roman", serif;
	font-size: 125%;
	color: #A6886E; /* orange */
	border-bottom: 3px;
}

/* === Styling for list of verses === */
#verse-list .list-title {
	color:        #244;
	font-weight:  bold;
	font-size:    medium;
}

#verse-list .list-image {
  width:        60px;
  height:       70px;
}

#verse-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#verse-list .list-line-even {
  background:   #586900;
}

#verse-list .list-line-odd {
  background:   #B99500;
}

table.user-list {
	width: 			85%;
	cellpadding: 	6px;
	cellspacing: 	1px;
	border: 		1px solid;
	background-color: #BAB18E;	
}

/* === Home Page === */

.front-page-segment {
	border-style:	solid;
	border-width:	2px;
	border-color:	#1F2229;
	margin-left:	0.5em;
	margin-top:		0.5em;
	margin-bottom:	0.5em;
	padding:		0.5em;
	font-size:		80%;		
}

.front-page-segment h2 {
	font-weight:	bold;
	color:			#A6886E;
}
	

.front-page-segment a {
	color: 			#A6886E	;	
}

/* --- News Feed : Left Column --- */
#news-feed {
	float:			left;
	width:			34.5%;
}

#news-feed a {
	font-weight:	bold;
}

#news-feed ul {
	padding-left:	0.1em;
	font-size:		130%;	
}

#news-feed #post-description {
	padding-left:	0.5em;
	font-size:		80%
}

#video-feed {
	float:			left;
	width:			60%;
	border-style:	none;	
}

/* --- Verse of the Day and Activity : Center Column --- */
#column-mid {
	float:			left;
	width:			20%
}

/* --- Devotional : Right Column --- */
#devotional {
	float:			right;
	width:			40%
}

/* --- Verse of the Day --- */
#verse-of-the-day {
	float:			left;
	width:			100%;
	height:			15em;
}

#verse-of-the-day #votd-ref {
	float:			right;
	padding-right:	1em;
}


#memverse-actions {
	width:			100%;
	position:		relative;
	clear:			both;
}

/* === User Dashboard === */

#show-user #main-stats {
	float:			left;
	width:			30%;
}

#show-user #quest-info {
	float:			left;
	width:			50%;
}


#show-user #complete-chapters {
	float:			left;
	width:			30%;
	clear:			both;	
}

#show-user #verse-distribution {
	float:			left;
	width:			50%;
}



/* === Add a Verse Page and Forms === */
#add_verse_form {
	width:	450px;
	background-color: #BAB18E; /* light green */
	float: left;
}

#add_verse_form label {
	width: 20em;	
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block	
}

#add_verse_form legend {
	background: #687284; /* dark green */
	color: #1F2229; /* lightest green */
	padding: 0.2em 1em;
}

#add_verse_form fieldset {

}

#add_verse_form .submit {
	margin-left: 8em;
}

#add_verse_form .box-label {
	width:	100px;
	float: left;
}

#add_verse_form #verse {
	width: 190px;
}

#versetext {
	overflow: hidden;
	margin-left: 5%;	
	margin-right: 5%;
	font-size: large;
	width: 400px;
	height: 200px;
}


#avail-translations {
	background-color: #BAB18E; /* light green */
	width: 325px
}

#popular-verses {
	position:	relative;
	background-color: #BAB18E; /* light green */
	width: 325px;
	margin-top: 0.7em
}


/* === Demo Page for Test Verse === */

#instructions {
	position: relative;
	width: 95%;
	min-height: 7em;	
}


#instructions #instr-1 {
}

#instructions #instr-2 {
	display: none;
}

/* === Verse animation : Main Popular Verses Table === */

#pop-verses-table {
	width: 30em;
	position: relative;
}

#pop-verses-table .is-in-user-list {
	background: #687284
}

.menu-popular td em {
	display: none;
	font-weight: normal;
	font-style: normal;
	z-index: 2;	
	position: absolute;
	left: 32em;
	text-align: left;
	width: 250px;
    background-color: #1F2229; 
    outline: 1px solid #669; 
    border: 2px solid #fff; 
    padding: 10px 15px; 
    color: #fff;  
    font-size: 100%; 	
}

/* === Show Verse Page === */

/* For nice display of verses anywhere on website */
.verse-text {
	width: 20em;
	float: left;
}

.tag {
	background-color: #687284;
	padding-left: 1em;
	padding-right: 1em;
}

#verse-tags {
	
}

#user-tags {
	
}

.tag-list {
	padding: 0em 1em 1em 1em;
	float: left;
}

/* === Verse animation : Add Verses Page === */

.menu td em {
	display: none;
	font-weight: normal;
	font-style: normal;
	z-index: 2;	
	position: absolute;
	top: 50px;
	left: 410px; /* Should match 'hide' position in javascript on add verse page */
	text-align: left;
	text-align: left;
	width: 250px;
    background-color: #1F2229; 
    outline: 1px solid #669; 
    border: 2px solid #fff; 
    padding: 10px 15px; 
    color: #fff;  
    font-size: 100%; 		
}

/* === User stats === */

.user-stats-table {
	float: left;
	margin: 0.2em;
}

/* === Styling for test feedback === */

 /* 1st Panel */
#question-side {
	float: left;
	height: 440px;
	width: 350px;
	margin-right: 1px;
	background-color: #BAB18E; /* light green */	
}

#question-side legend {
	background: #687284; /* dark green */
	color: #1F2229; /* lightest green */
	padding: 0.2em 1em;
}

#question-side label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

#question-side .submit {
	margin-left: 2.5em;
}

#question-side .buttons {
	margin-left: 2.5em;
}

#answerbox {
	width:	320px;
	height:	152px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;	
}

/* Required for verse exam */
#answerbox #answer {
	width: 100%;
	height: 180px;
	margin-left: auto;
	margin-right: auto;		
}

#verseguess {
	width:	324px;
	height:	180px;
	margin-left: -0.3em;
	margin-right: auto;
	overflow: hidden;
	font-size: 105%;
}

#scoreTestButtons {
	padding-top: 10%;
}

#scoreTestButtons .submit {
	margin-top: 3%;
	width: 60%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


/* Middle Panel */
#comparison {
	float: left;
	width: 330px;
	height: 440px;
	margin-left: 1px;
	background-color: #BAB18E; /* light green */	
}

#comparison legend {
	background: #687284; /* dark green */
	color: #1F2229; /* lightest green */
	padding: 0.2em 1em;
}

#verseFeedback {
	width: 290px; /* 290 + 20 padding + 20 padding = 330 */
	height: 380px;
	margin-top:	36px;
	padding-left: 20px;
	padding-right: 20px;
	background: #BAB18E;  /* light green */		
}

#priorVerse {
	color: #444444;  /* gray */
	padding-bottom: 16px;
}

#currentVerse {
	position: relative;
	width: 290px;	
}

div#currentVerse div#matchbox {
	position: absolute;
	bottom: -60px;
}

div#currentVerse #matchbox p {
	font-size: 130%;
   	text-align: center;		
	color: #1F2229;  /* light green */	
	background: #687284; /* dark green */
	padding: 0.2em 1em 0.2em 1em;
	margin: 0 0 0 85px;		
}

div#currentVerse #matchbox .incorrect {
	background: #687284; /* light green */
	font-size: 200%;
	font-style: italic;
}

div#currentVerse #matchbox .correct {
	background: #687284; /* light green */
	font-size: 500%;	
	font-style: italic;
}

/* === Styling for Flashcard === */

#flashcard {
	float: left;
	width: 330px;
	height: 446px;
	margin-top: 13px;
}

.quickFlip, .quickFlipPanel {
    width: 	330px;
    height: 442px;	
	padding-left: 0px;
	float: left;
}

.refPanel {
    background-color: #BAB18E;  /* light green */;
    border: 2px solid  #A69A6E; /* orange */
   	text-align: center;	
	font-size: 130%;
	color: #1F2229;	
}

.textPanel {
	background-color: #BAB18E; /* dark green */
	color: #1F2229; /* lightest green */	
    border: 2px solid  #A69A6E; /* orange */
}

.quickFlipCta {
    cursor: pointer;
   	text-align: center;
	position: absolute;
	bottom: 10px;	
	font-size: 100%;
	color: #1F2229;  /* light green */	
	background: #687284; /* dark green */
	padding: 0.2em 1em 0.2em 1em;
	margin: 0 0 0 85px;	
}

#flashcard-back-text {
	margin-left: 20px;
	margin-right: 20px;
}

.mnemonic {
	font-size: 95%;
	margin-left: 10%;
	margin-right: 10%;
}

/* === Styling for Upcoming list === */

#upcoming-list {
	float: left;
	margin-left: 0.3em;
	width:	128px;
}

#upcoming-list fieldset {
	background:#687284; /* light green */
}

#upcoming-list legend {
	background: #BAB18E; /* dark green */
	color: #1F2229; /* lightest green */
	padding: 0.2em 1em;
}

/* === Styling for Chapter Review === */


#test-chapter {
	float: left;
	width: 400px;
}

/* 1st Panel */
#test-chapter #question-side {
	height: 240px; /* <== Changed from test review */
	width: 350px;
	margin-right: 1px;
	background-color: #BAB18E; 
}

#test-chapter #question-side legend {
	background: #687284; 
	color: #1F2229;
	padding: 0.2em 1em;
}

#test-chapter #question-side label {
	width: 10em;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

#test-chapter #question-side .submit {
	margin-left: 2.5em;
}

#test-chapter #question-side #scoreTestButtons .buttons {
	margin-left: 2.5em;
}

#test-chapter #answerbox {
	width:	320px;
	height:	102px;  /* <== Changed from test review */
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;	
}

#test-chapter #answerbox #answer {
	width: 100%;
	height: 140px;  /* <== Changed from test review */
	margin-left: auto;
	margin-right: auto;		
}

#test-chapter #verseguess {
	width:	324px;
	height:	130px;  /* <== Changed from test review */
	margin-left: -0.3em;
	margin-right: auto;
	overflow: hidden;
	font-size: 105%;
}

#test-chapter #scoreTestButtons {
	padding-top: 10%;
}

#test-chapter #scoreTestButtons .submit {
	margin-top: 3%;
	width: 8%;    /* <== Changed from test review */
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

/* Middle Panel */
#test-chapter #comparison {
	width: 350px;
	height: 240px;  /* <== Changed from test review */
	margin-left: 1px;
	background-color: #BAB18E; 	
}

#test-chapter #verseFeedback {
	width: 330px; 
	padding-left: 20px;
	padding-right: 20px;	
	height: 180px;  /* <== Changed from test review */
	margin-top:	15px;
	background: #BAB18E;
	text-align: left;	
}

#test-chapter #priorVerse {
	color: #444444; 
	padding-bottom: 16px;
}

#test-chapter #currentVerse {
	position: relative;
	width: 370px;	
}

#test-chapter #matchbox {
	width: 340px;	
    margin-left: auto;
    margin-right: auto;		
}

#test-chapter #matchbox p {
    margin-left: auto;
    margin-right: auto;	
	width: 150px;
	font-size: 120%;
   	text-align: center;		
	color: #1F2229; 
	background: #687284;	
}

#test-chapter #matchbox .incorrect {
	background: #687284; 
	font-size: 200%;
	font-style: italic;
}

#test-chapter #matchbox .correct {
	background: #687284; 
	font-size: 500%;	
	font-style: italic;
}

/* === Styling for Flashcard === */

#test-chapter #flashcard {
	width: 370px;
	height: 300px;  /* <== Changed from test review */
	margin-top: 13px;
}

#test-chapter .quickFlip, .quickFlipPanel {
    width: 	370px;
    height: 296px;	/* <== Changed from test review */
	padding-left: 0px;
}

#test-chapter .refPanel {
    background-color: #BAB18E;  
    border: 2px solid  #A69A6E;
   	text-align: center;	
	font-size: 100%;
	color: #1F2229;	
}

#test-chapter .textPanel {
	background-color: #BAB18E;
	color: #1F2229; 	
    border: 2px solid  #A69A6E; 
}

#test-chapter .quickFlipCta {
    cursor: pointer;
   	text-align: center;
	position: absolute;
	bottom: 10px;	
    margin-left: auto;
    margin-right: auto;
	font-size: 100%;
	color: #1F2229;  	
	background: #687284; 
	padding: 0.2em 1em 0.2em 1em;
	margin: 0 0 0 125px;	
}

#test-chapter #flashcard-back-text {
	padding-left: 20px;
	padding-right: 20px;
}

#test-chapter #flashcard-front-text {
	margin-left: 0px;
	margin-right: 0px;
}

#test-chapter #flashcard-back-text .verse-text {
	display: none;
}


#test-chapter .mnemonic {
	font-size: 95%;
	margin-left: 10%;
	margin-right: 10%;
}

/* === Prior Verses in Chapter === */
#chapter-prior-verses {
	margin-top: 0px;
	float: left;
	width: 820px;
	height: 550px;
	padding: 1em;
	background: #BAB18E; 
}

#chapter-prior-verses legend {
	background: #687284; 
	color: #1F2229;
	padding: 0.2em 1em;
}

#chapter-prior-verses label {
	width: 10em;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

#chapter-text {
	height: 530px; /* 20px less than the height of chapter-prior-verses */
	overflow-y: auto;
}

#chapter-text .verse-text {
	display: none;
}

/* === Reference Test === */
#reftest {
	width: 430px;
	height: 240px;
	margin-left: 1px;
	background-color: #BAB18E;
}

#reftestVerse {
	padding: 0.75em;
	font-size: 105%;
}

#reftest legend {
	background: #687284;
	color: #1F2229;
	padding: 0.2em 1em;
}

#reftest-answer {
	margin-top: 1em;
	width: 430px;
	margin-left: 1px;
	background-color: #BAB18E;	
}

#reftest-answer #answer {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 1em;
}


/* === Tweets === */
div.tweet {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.tweet .time {
	color: #606060;
	font-size: 80%
}

/* === Leaderboard Styles === */
#leaderboard .current_user {
	background: #687284
}


/* === Flash Messages === */

div#flash-notice {	
  border: 2px;
  border-style: solid;  
  border-color: #A69A6E;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #A6886E;
  font-weight: bold;
  font-size: 100%;
  width: 94%;
}

div#flash-warning {
  border: 2px;
  border-style: solid;  
  border-color: #A69A6E;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #A6886E;
  font-weight: bold;
  font-size: 100%;
  width: 94%;
}

div#flash-error {
  border: 2px;
  border-style: solid;  
  border-color: #A69A6E;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #A6886E;
  font-weight: bold;
  font-size: 100%;
  width: 94%;	
}

/* === Error Messages === */
div#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;	
}

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

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

div#errorExplanation ul {
	
}

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



/* === Login Page === */

#login-page-form {
	width:	440px;
	padding-top: 2em;
	float: left;
}

#login-page-form label {
	width: 7em;
}

#intro-description {
	float: left;
	width:  500px;
	height: 400px;
}

#intro-description li {
	font-size: 120%;
}


/* === Signup Page === */

#signup-page-form {
	width:	550px;
}

#signup-page-form label {
	width: 8.5em;
}

#open-id-link {
	font-size: 80%;
	font-style: italic;
	padding-left: 1em;	
}

/* === Forgotten password page (request email to be sent) === */

#forgotten_password {
	width: 550px;
}

#forgotten_password label {
	width: 2.5em;
}

/* === Reset password page === */

#reset_password {
	width: 550px;
}

#reset_password label {
	width: 5.5em;
}

#reset_password .buttons {
	margin-left: 9em;
}


/* simple css-based tooltip */ 
div.tooltip { 
    background-color: #1F2229; 
    outline: 1px solid #669; 
    border: 2px solid #fff; 
    padding: 10px 15px; 
    width: 400px; 
    display: none; 
    color: #fff; 
    text-align: left; 
    font-size: 100%; 
 
    /* outline radius for mozilla/firefox only */ 
    outline-radius: 4px; 
    -moz-outline-radius: 4px; 
    -webkit-outline-radius: 4px; 
}

/* === Edit Profile Page === */

#edit-profile-form {
	width:	600px;
}

#edit-profile-form label {
	width: 15em;  /* changed from 12em on March 6 2010 */
	padding-right: 0.5em;
}

#edit-profile-form li {
	padding-top: 	0.12em;
	padding-bottom:	0.12em;
	width: 570px;
}

#edit-profile-form .buttons {
	margin-left: 	12em;
	padding-top: 	0.25em;
	margin-bottom:	0.7em;
}

.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#687284; } /* Background color for selected option */
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#A6886E; }  /* Color for matching text */


/* === Styles for home page === */
.start-page-actions {
	float: left;
	width:  500px;
	height: 220px;	
}

#getting_started {
	float: left;
	width:  800px;
	height: 420px;	
}

.start-page-actions ol li {
	font-size: 120%;
	list-style-type: decimal;	
}


#volunteer a:link {
	text-decoration: underline;
}


/* === Entry Forms === */

.entry-form {
	width:	360px;	
}

.entry-form fieldset {
	background-color: #BAB18E; /* light green */
}

.entry-form legend {
	background: #687284; /* dark green */
	color: #1F2229; /* lightest green */
	padding: 0.2em 1em;
}

.entry-form label {
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.entry-form .submit {
	margin-left: 2.5em;
}

.entry-form .buttons {
	margin-left: 2.5em;
}

/* === Forms: Errors === */

div.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;	
}

div.fieldWithErrors label {
	
}

div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea
{
	
}