/*  
Theme Name: Little Springs Design
Theme URI: http://www.littlespringsdesign.com
Description: Little Springs Design theme
Version: 2007.0
Author URI: http://www.littlespringsdesign.com

Copyright 2005-2007 Little Springs Design

Swoopy masthead bright blue #116df9
Light masthead blue #a0c5fd
Sidebar blue #369

*/


/*
--FROM OLD styles.css -- copied all of style2007.css into this file.
Does not contain any actual styles. Just there to convince WP that the theme is available. Had to change style sheet names to avoid a caching error on clients with the October 2007 changeover. 

Can switch back sometime if we want. Probably SHOULD use this as the one and only when we next do a changeover.*/


/* page defaults (building blocks) */
body {margin:0; padding:0; font-size:12px; height:100%; background-color:#369; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }

#header {background:url(http://www.littlespringsdesign.com/images/masthead-033108.png) no-repeat; background-position:475px 0; overflow:hidden; background-color:white; margin: 0; padding: 5px 5px 0 5px; height:107px; }

	#header a {margin:0; text-decoration:none; }
	#header a img {border-style: none; }

	/* Old tagline. Eventually the content will be removed, but for now its just being hidden */
	#tagline {display:none; color:#999; margin:15px 0 0 15px; font-size:2em; font-weight:100; margin-left:.5em; font-family:"Arial"; line-height:1em; }
		#tagline b {color:#06f; font-weight:normal; }
		#tagline i {color:#ccc; font-family:"Arial Black"; font-size:1.25em; font-style:normal; vertical-align:-.15em; margin-left:-.28em; }

#content {background-color:white; width:88%; height:100%; position:relative; left:7%; margin:0; padding:0 0 5em 0; border-top:2px solid #369; }
	/*Sidebar color used to be #accaf8 - switched to make it closer to a brand-compliant tint */
	#sidebar {margin: 0 0 5px 15px; padding:0 10px 4em 10px; width:225px; height:100%; float:right; background-color:#a0c5fd; }
		div.archives ul {margin:0 0 1em 10px; padding:0; font-size:.85em; }
		div.archives li {margin:0 0 0 1.5em; padding:0.25em; color:#369; }
		#sidebar p {font-size:.85em; }

	#singlecontent {padding:0 0 0 2em; background-color:white; }
	#body {padding:0 225px 0 2em; background-color:white; }
		#value {margin:0 0 3em 0; }
		.entries {margin:2em 225px 2em 2em; }
		#body div.entries {margin:2em 0 2em 0; }
			div.post {width:92%; padding:.5em 0 0 0; margin:0.5em 120px 3em 0; }

	/* Home page items, spanning the entire area as a background, so it stretches as needed */
	#homestrip {height:144px; border-bottom:2px solid #369; margin:0; padding:0; background:url(/images/home-strip.jpg) no-repeat; }

	#homelogostrip {border-top:2px solid #369; margin:0; padding:1em; }
	#homelogostrip table {border-collapse:collapse; border:0; margin:0 auto 0 auto; padding:0; background:white; width:900px; }


	/* Same as the body commands, but without the padding for sidebar */
	#homebody, #homebodyupper {padding:0 2em 0 2em; background-color:white; }


	/* Post image solution to avoid them bouncing to the bottom of the page */
	/* Images loaded with INLINE style as backgrounds */
	div.bimg {width:100%; background-position:50% 0; }


				/* Old floating block; Not using this one as much anymore */
				div.meta {width:120px; float:right; padding: 0 0 0 1em; margin:2.9em 0 0 .75em; font-size:.85em; border-left:1px solid #666; }
					.meta dl {margin-top:0; }
					.meta dt {font-weight:bold; font-size:1.1em; margin:0 0 .2em 0; }
					.meta dd {margin-left:0; padding-right:.4em; display:inline; border-right:1px solid black; }
					.meta dd.link {margin:.2em 0 0 0; padding:0; display:block; border:none; }
				div.home {margin-top:0; padding-top:0; width:150px; }
					.home dd {border:none; display:block; margin:.1em; }
					dd.rule {font-size:.1em; border-top:1px solid black; margin-top:5em; }

				/* Meta info - tags, etc - for categories, displays as a line below the post */
				div.line {width:91%; height:100%; border:none; float:none; margin:.5em 0 0 0; padding:.5em 0 0 2em; border-top:1px solid #ccc; }
					.line dd {border:none; display:block; margin:.1em; }

				/* Meta info - tags, etc - for single posts, displays as a line to the right of dateauth */
				.metafloat {float:right; border:none; font-size:.85em; color:#ccc; padding:0 0 .5em 2em; margin: -.5em 0 .5em .5em; width:275px; text-align:right; }


#footer {border-top:2px solid #369; clear:both; background-color:white; text-align:center; font-size:.8em;
	margin:0; padding:0 0 4em 0; }
#footer img {position:relative; top:4px; margin-right:4px; }


/* text defaults */
a:link {			color:#149a02; }
a:visited {			color:#00008b; }
a:active {			color:#f00; }
a:hover {			color:#f60; }

p, td, li, input, select, textarea {line-height:1.25em; padding:0 .25em .75em 0; margin:0; }
.intro {font-size:1.25em; }
.intro2 {font-size:1.5em; }
.rss {text-align:left; margin:-.75em 0 .5em 2.6em; padding:0; }
.rss img {vertical-align:middle; border:0; padding-right:3px; }

h1, h2, h3 {font-family:"Gill Sans", "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 .5em 0; font-weight: normal; }
h1 {font-size:2.75em; padding:1em 0 0 0; color:#369; font-weight:normal; text-decoration:none; }
h2 {font-size:2em; padding:.5em 0 0 0; color:#369; font-weight:normal; text-decoration:none; }
	h2.s1 {font-size:2.25em; color:#f90; overflow:none; }
	#homestrip h2 {text-align:right; margin:0; padding:0; font-size:75px; line-height:70px; color:#036; }
	h2.zero {font-weight:bold; margin:1.5em 0 0 0; padding:0; }
	h2.tight {margin:1.5em 0 0 0; padding:0; }
	h2.space {margin-top:2.5em }
h3 {font-size:1.35em; text-decoration:none; margin-top:.5em; }
	#sidebar h3 {font-size:1.25em; font-weight:bold; color:#036; margin:1em 0 0 0; }
	h3.zero {font-weight:bold; color:#036; margin:1.5em 0 0 0; padding:0; }
	h3.space {margin-top:2.5em; }
	h3.inline {display:inline; }
h4, h5 {display:inline; font-weight:bold; padding:0; margin:0; }

small {font-size:.85em; margin:0; }
.hidden {display:none; }

ul, ol {margin-top:0; padding-top:0; }
ul.zero, ol.zero
li {margin-top:0; padding-top:0; line-height:1.1em; }
li.yes {font-weight:bold; }
li.no {font-weight:normal; color:gray; }

ul.text {list-style-type: none; margin:0; padding:0; }
ul.textindent {list-style-type: none; margin:0 0 0 3em; padding:0; }
.center {text-align:center; }
.disclaim {font-style:italic; color:#666; }
.hundredspace {height:100px; } /* for padding 100 px of vertical, if the page is a bit short */
.sidebarspace {height:40em; } /* for padding most of the height of the sidebar, as on the 404 */
.space {margin-top:2.5em }


#promo {font-size:10px; margin:5px 5px 10px 10px; padding: 10px; max-width: 35%; width: auto; display: inline; border: 1px dotted #999; float:right; background-color: #faf0e6; }

#topspot {color:#00008b; font-size:10px; width:250px; margin:15px; }

.dateauth {width:91%; font-size:.85em; color:#369; padding:0 0 .5em 2em; border-bottom:1px solid #ccc; margin: -.5em 0 .5em .5em; }
.dateauth2 {width:91%; color:#666; padding:0 0 .5em 0; margin: -.5em 0 .5em 0; }

.entries .dateauth {font-size:.85em; color:#ccc; padding:0 0 .5em 2em; border-bottom:1px solid #ccc; margin: -.5em 0 .5em .5em; }
#singlecontent .dateauth {color:#369; padding:0 0 .5em 0; margin: -.5em 275px .5em 0; border:none; }
.entries .blognav {padding:.5em 0 .5em 2em; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin: -.5em 0 .5em .5em; }
#singlecontent .blognav {padding:.5em 0 .5em 2em; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:1em 275px .5em .5em; }

.caption {font-style:italic; color:#666; text-align:center; }
.caption a:link {		color:#666; }
.caption a:visited {	color:#666; }
.caption a:active {		color:#f06; }
.caption a:hover {		color:#000; }


/* Sidebar categories of services provided per client type */
#submenu {}
#submenu p {font-size:1.25em; }
#submenu ul {list-style-type: none; }
#submenu li {margin-left:-42px; border:1px solid #999; background:white; padding:.35em; }
#submenu span {display:block; font-size:.85em; color:#333; margin-top:.35em; }


/*Used where? Anywhere? */
div.navigation {clear: both;}

tr.highlight {background-color: #cfdbea; }


span.code {font-family: Courier, monospace; }
blockquote {margin: .5em 2.5em 1em 1.5em; padding-left:1em; border-left:1px solid #ccc; color:#666; }
&eacute;blockquote cite {margin: 5px 0 0; display: block; }

.floatright {margin:0 15px 0 15px; float:right; }
.floatleft {margin:0 15px 0 0; float:left; }
.half {width:50%; }
.hr {width:94%; margin-top:1em; margin-bottom:.75em; padding:0; height:.25em; border-top:1px solid black; }
	.g {border-top:2px solid #999; }
	.hr hr {display:none; }
	div.space {margin-bottom:3em; }
.clear {clear:both; }
.clearL {clear:left; height:1px; margin:0; padding:0; }
.clearR {clear:right; height:1px; margin:0; padding:0; }
.clearleft {display:block; clear:left; margin-bottom:2em; }

form input {font-size:1em; }
form input.searchbox {width:125px; font-size:.9em; margin-right:.5em; }
form input.searchbutton {font-size:.9em; color:white; background-color:#369; border:1px solid white; padding:.25em .5em; margin:1px 0 1px 1px; }
form input.searchhover {font-size:.9em; color:white; background-color:#00f; border:2px solid white; padding:.25em .5em; margin:0; }
#comment {width:60%; height:10em; margin:0; padding:0; }


td {color:#003; }
th {color:#003; }
table {margin-bottom:1em; border-collapse:collapse; }
table td {vertical-align:baseline; }
table.info td {border:1px solid #369; padding:5px; }
table.info th {border:1px solid white; background:#369; color:white; }
table.center td {text-align:center; }
table.icon td, th.icon, td.icon {width:20px; }
table.sm td, th.sm, td.sm {width:45px; }
table.med td, th.med, td.med {width:75px; }
table.wide td, table.wide th, th.wide, td.wide {width:105px; }
th.third, td.third {width:33%; }
th.h {font-size:1.75em; font-weight:bold; padding-bottom:4px; padding-top:2px; }
th.quarter, td.quarter {width:25%; }
table.full {width:100%; }
table.zero {margin:0; }
table.archive {display: none; margin:0; }

td.svc-1 {background:url(http://www.littlespringsdesign.com/images/productStrategy.png) no-repeat; }
	.svc-1 p {height:45px; padding:0; margin:0; }
td.svc-2 {background:url(http://www.littlespringsdesign.com/images/productDesign.png) no-repeat; }
	.svc-2 p {height:45px; padding:0; margin:0; }
td.svc-3 {background:url(http://www.littlespringsdesign.com/images/evaluationServices.png) no-repeat; }
	.svc-3 p {height:45px; padding:0; margin:0; }


/* Basic DL, an actual list of definitions! */
dl {margin:0; padding:0; }
dt {font-weight:bold; }
dd {position:relative; margin-top:-1.25em; }


/* Four column layout for the customer tables */
#fourcol {position: relative; height: auto; width: 94%; white-space: nowrap; margin-top:2em; }
	.column {position:relative; height:320px; width:22.5%; float:left; white-space:normal; background-color:white; }
	#clm1.column {border:1px solid #369; background:url(http://www.littlespringsdesign.com/images/cust-carrier.png) no-repeat; background-position:0 54px; overflow:hidden; }
	#clm2.column {border:1px solid #369; background:url(http://www.littlespringsdesign.com/images/cust-mfg.png) no-repeat top; background-position:0 54px; overflow:hidden; }
	#clm3.column {border:1px solid #369; background:url(http://www.littlespringsdesign.com/images/cust-app.png) no-repeat top; background-position:0 54px; overflow:hidden; }
	#clm4.column {border:1px solid #369; background:url(http://www.littlespringsdesign.com/images/cust-web.png) no-repeat top; background-position:0 54px; overflow:hidden; }
	.spacerSection {position: relative; height: auto; width: 2%; float: left; }
	div.padder {padding: 8px; }
	.padder li {font-size:.85em; margin-left:-2.25em; }
	.padder ul {margin-top:175px; }
	.padder h2 {padding-top:0; color:#369; font-size:1.5em; }


#icon {
	margin: 5px 3px 10px 5px;
	position: relative;
}


/* To preload any images needed on some pages, like the home page background */
/*.preload {position:-5600; background:url(http://www.littlespringsdesign.com/images/homeback.png) no-repeat;}*/


/* To elimated (most of) the stupid extra linefeeds wordpress puts in. Each real element has to be class real, though */
.real {margin-top:-1em; }


/* Banner and related stuff in the bottom edge of the home page */
/* Change as needed as banners change */
.homeitems img {border:none }
.homeitems ul {font-size:.95em; color:black; font-weight:normal; margin-top:.7em; }
.homeitems ul li {margin:0; }
.homeitems .notes {font-size:0.75em; }
	.homeitems ul.notes {margin:0 0 0 1.5em; padding:0; } 
	.homeitems ul.notes li {margin:0 0 0 0; padding:0.4em 0 0 0; } 
.homeitems .rss {margin:-12px 0 0 2px; padding:0; }
	.homeitems .rss a {font-size:0.75em; }
.homeitems #blogList {font-size:0.85em; }

.homeitems div.one {border:1px solid black; height:175px; background:url(http://www.littlespringsdesign.com/images/promos/d4m-2.png) no-repeat top right; background-color:black; text-align:right;}
	.homeitems div.one p {font-size:.75em; color:white; margin-top:66px; font-weight:normal; }
	.homeitems div.one a {color:white; }
.homeitems div.two {border:1px solid black; height:175px; background:url(http://www.littlespringsdesign.com/images/promos/Double-Book-Promo.png) no-repeat; text-align:left;}
	.homeitems div.two p.a {font-size:.85em; margin:55px 0 0 4px; font-weight:normal; }
	.homeitems div.two p.b {font-size:.85em; margin:45px 0 0 4px; font-weight:normal; }
	.homeitems div.two a {color:blue; }
.homeitems div.three {margin:0 0 0 1em; }
	.homeitems div.three h3 {margin:0 0 0 0; font-size:1.2em; color:#369; }
	.homeitems div.three li {font-size:.85em; list-style:none; margin-left:0; padding-left:.25em; }
	.homeitems div.three p {font-size:.85em; }
	.homeitems div.three ul {margin-left:0; padding-left:0; }
	.homeitems div.three div.rss {margin-left:0; padding-left:0; font-size:.85em; }
	

/* For Training page with gridwork over photo, and floats to match */
/* 225-25-225-25-225 */
.bargroup {width:725px; margin:0 auto 0 auto; 
	background:url(http://www.littlespringsdesign.com/images/workshop-back-1.png) 0px -8px no-repeat; }
.vbar1 {background-color:white; width:25px; margin-left:225px; height:475px; }
.vbar2 {background-color:white; width:25px; margin-left:475px; margin-top:-475px; height:475px; }
.hbar1 {background-color:white; width:725px; position:absolute; top:315px; height:25px; }
.hbar2 {background-color:white; width:725px; position:absolute; top:565px; height:25px; }

div.barTitle {width:725px; position:absolute; left:50%; top:100px; margin-left:-362px; }
	.barTitle h2 {font-size:3em; color:white; padding:0 500px 0 10px; margin:0; line-height:120%; }

.barBlock {width:725px; position:absolute; left:50%; top:100px; margin-left:-362px; top:340px; }
	.barBlock div.mask {margin-left:243px; margin-top:-5px; width:235px; height:235px; background:white; }
	.barBlock span {display:block; margin-left:6px; margin-top:5px; width:215px; height:225px; 
					padding:0px 5px 0 0; overflow:auto; }
	.barBlock span ul {margin-left:0; padding:0; }
	.barBlock span ul li {margin-left:0; padding:.25em; list-style-type:none; border-bottom:1px solid gray; }

.bar725 {width:725px; height:225px; margin-left:auto; margin-right:auto; margin-bottom:25px; overflow:none; }
	.bar725 h2 {color:black; margin:.4em 0 0 0; padding:0 0 0 0; line-height:140%; }
	.bar725 p {margin:0.5em 0 0.5em 0; padding:0 0 0 0; line-height:140%; }
	.bar725 ul {margin:0.25em 0 0.5em 0; }
	.bar725 li {padding:0; margin:0; }

.barFloatL {float:left; width:225px; height:225px; margin-right:25px; font-size:0.85em; padding:0; overflow:none; }
	.barFloatL p, .barFloatL form {margin:5px; }
.barFloatC {float:left; width:225px; height:225px; margin-right:25px; font-size:0.85em; padding:0; overflow:none; }
	.barFloatC p, .barFloatC form {margin:5px; }
.barFloatR {float:right; width:225px; height:225px; margin-left:25px; font-size:0.85em; padding:0; overflow:none; }
	.barFloatR p, .barFloatR form {margin:5px; }

.barYEL {background:#fc6; }
.barGRN {background:#9f9; }
.barBLU {background:#9cf; }
.barPNK {background:#fcc; }

/* Suppresses display of recent blog entries on THIS PAGE ONLY, when styled only */ 
div.bar725 div#blogList {display:none; }


/* Styles to place background images in various instances of maintable */
.designOne {background:url(http://www.littlespringsdesign.com/images/drawing0408.jpg) no-repeat; }
.designTwo {background:url(http://www.littlespringsdesign.com/images/drawing0408.jpg) no-repeat; }
.designThree {background:url(http://www.littlespringsdesign.com/images/drawing0408.jpg) no-repeat; }


/* All styles to support the three column sub-layout */
#maintable-1 {margin-left:auto; margin-right:auto; width:85%; }
#maintable-2 {margin-left:auto; margin-right:auto; width:95%; margin-top:-50px; }
#maintable-1 .clear, #maintable-2 .clear {clear:both; margin:0; margin-left:auto; margin-right:auto; }
div.image {margin:0; padding:0; }
.nobox {width:100%; border:none; }
.homeitems {float:left; background-color:white; width:33%; margin:0 0 25px 2px; font-size:1.25em; } 
.end {display:none; }
.homelist {font-size:1em; margin:0 1em 3em 0; padding:0; }


#search {position:absolute; top:55px; left:775px; }
	#search h3 {color:#369; margin-bottom:0; padding:0; }

/*
.whoWeAre {margin-top:25px; }
	div.whoWeAre ul {margin:0 0 1em 0; padding:0; font-size:.85em; }
	div.whoWeAre li {margin:0 0 0 1.5em; padding:0.25em; }
ul.lsd {list-style-image: url(http://www.littlespringsdesign.com/images/lsd-25.png); list-style-type: circle; }
ul.d4m {list-style-image: url(http://www.littlespringsdesign.com/images/d4m-25.png); list-style-type: circle; }
*/

div.whoWeAre {margin-top:25px; }
div.lsd {margin:0 0 1em 0; padding:0 0 0 2.75em; font-size:.85em; 
		background: url(http://www.littlespringsdesign.com/images/lsd-25.png) no-repeat; }
	div.lsd p {margin-left:5em; }
div.d4m {margin:0 0 1em 0; padding:0 0 0 2.75em; font-size:.85em; 
		background: url(http://www.littlespringsdesign.com/images/d4m-25.png) no-repeat; }


.veryhide {position:absolute; left:22400px; top:0; display:none; }


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:black;
	font-weight:bold;
    text-decoration:none;
    padding-bottom:0;
    border-bottom:1px dotted gray; 
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color:#aaf; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color:#930;
    text-align: center;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://www.littlespringsdesign.com/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	color:#116df9; 
	font-weight:normal; 
	font-size:0.85em; 
	background: url(http://www.littlespringsdesign.com/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding: 3px 8px 10px;
	color: red;
    background: url(http://www.littlespringsdesign.com/images/bubble.gif) no-repeat bottom;
}


/*---------- EXPERIMENTAL Home Page Scroller -----------*/
#scroller {height:225px; width:100%; white-space:nowrap; overflow:auto; margin:0 0 72px 0; padding:0; }
#scroller img {border:none; }
#scroller a.tt span {overflow:visible; white-space:normal; }


/*---------- EXPERIMENTAL Home Page Scaler -----------*/
/*---------- Requires JQuery -----------*/
#expander {height:225px; width:100%; white-space:nowrap; overflow:auto; margin:0 0 72px 0; padding:0; border:1px solid red; }
#expander p.msg_body {overflow:visible; white-space:normal; }

p {
padding: 0 0 1em;
}
.msg_list {
margin: 0px;
padding: 0px;
width: 383px;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFCCCC;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}


/* From nav2007.css */
/* TOP navigation menu */

#topnav {position:absolute; top:10px; left:615px; width:115px; }
#topnav ul {padding:0; border-left:1px solid white; border-right:1px solid white; border-top:1px solid white; list-style-type:none; }
#topnav li {display:block; text-align:right; margin:0; padding:2px; border-bottom:1px solid white; list-style-type:none; }

#topnav a {color:white; text-decoration:none; }
#topnav a:hover {font-weight:bold; }


/* Internal nav, or pagination system */

.intnav {width:150px; }
.intnav ul {padding:0; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black;}
.intnav li {display:block; text-align:left; margin:0; padding:2px; border-bottom:1px solid black; }

.intnav a {color:black; text-decoration:none; }
	.intnav a:hover {font-weight:bold; color:#116df9;}
li.hot {font-weight:bold; background-color:#a0c5df; }
	li.hot a, li.hot a:hover {color:white; }


/* FROM forms2007.css */

form { margin:0; padding:0; }
label { font-weight:bold; padding:0; margin:0 0 25px 0; color:#333; cursor:default; }
input { margin:0; padding:0; }
input:focus, textarea:focus, option:focus { background: #f1f1f1 }
textarea { margin:0; padding:0; margin-bottom:2px; width:90%; height:100px; }
.textarea { margin:0; padding:0; margin-bottom:2px; width:90%; height:125px; }
textarea.viewSource { margin-bottom: 15px; font-family: "Courier New", Courier, monospace; height: 125px; }
input.shortest { width:28px; }
input.radio { vertical-align:middle; padding:0; margin:0; }

.requiredText { background:url(http://www.littlespringsdesign.com/images/bg-requiredB.gif) no-repeat left; padding-left:15px; }

.text3 { width:25px; }
.text4 { width:30px; }
.text5 { width:37px; }
.text6 { width:42px; }
.text8 { width:70px; }
.text12 { width:80px; }

.formGroupB.required label { background:url(http://www.littlespringsdesign.com/images/bg-requiredB.gif) no-repeat right; margin-right: 2px; }
.formGroupB { padding:0; margin:0; white-space:normal; }
.formGroupB .labelCol { width:187px; float:left; text-align:right; padding-top:2px; margin-bottom:13px; }
.formGroupB .med .labelCol { width:354px; float:left; text-align:right; padding-top:2px; margin-bottom:13px; }
.formGroupB .labelCol strong { display:block; padding-right:20px; }
.formGroupB .inputCol { width:162px; float:left; margin-bottom:13px; }
.formGroupB .inputCol.noInpupt, .formGroupB .inputCol.noInput { padding-top:2px; }
.formGroupB label { display:block; padding-right:20px; }
.formGroupB label.none { display:none; }
.formGroupB textarea { display:block; width:100%; height:75px; margin-bottom:2px; }
.formGroupB .text { width:95%; }
.formGroupB select { width:95%; }
.formGroupB .inputCol select { width:162px; }
.formGroupB .checkbox { padding:0; margin:0; width:14px; height:14px; padding-right:2px; }
.formGroupB label.inline { display:inline; background-image:none !important; cursor:auto; }
.formGroupB .extrasCol	{ margin-left:26px; width:162px; float:left; margin-bottom:13px; }

.formGroupB.error label.none { display:block; width:20px; height:13px; }
.formGroupB.error .text { width:99%; }
.formGroupB.error textarea { width:99%; }
.formGroupB.error label { background-image:none; }
.formGroupB.error { background-color:#f1f1f1; background-image:url(../i/bg-errorB.gif); background-repeat:no-repeat; border: 1px solid #000; margin-bottom:20px; padding:4px 0px; white-space:nowrap; }
.formGroupB.error .labelCol { margin:0; width:184px; white-space: normal; padding-top:7px; }
.formGroupB.error .inputCol { margin:0; width:159px ; white-space: normal; }
.formGroupB.error .extrasCol	{ margin-left:26px; width:159px;  white-space: normal; }
.formGroupB.error .clear { border-top:1px solid #f1f1f1; }
.formGroupB input.inline { vertical-align:middle; width:55px; }
.formGroupB.error select { width:98% !important; }

.boxed .formGroupB.error .labelCol { margin:0; width:176px; white-space: normal; padding-top:7px; }
.boxed .formGroupB.error .inputCol { margin:0; width:151px ; white-space: normal; }

.formGroupB p.med { width:345px; } 

.formGroupA.required label { background-image:url(http://www.littlespringsdesign.com/images/bg-requiredB.gif) !important ; background-repeat:no-repeat; background-position:left top; padding-left:1.25em; }
.formGroupA { padding:0; margin:0 !important; margin-bottom:10px !important; background-image:none; white-space:normal; }
.formGroupA label { width:auto; }
.formGroupA .labelCol { margin-bottom:.25em; }
.formGroupA label.none { display:none; }
.formGroupA .inputCol { width:90%; }
.formGroupA .inputCol p, .formGroupA .inputCol input { display:inline; }
.formGroupA input, .formGroupA select { display:block; }
.formGroupA input.inline, .formGroupA select.inline { display:inline; }
.formGroupA label.inline { display:inline !important ; }
.formGroupA textarea { display:block; width:100%; height:125px; margin-bottom:2px; }
.formGroupA .text { width:150px; }
.formGroupA .checkbox {display:inline; padding:0; margin:0; width:14px; height:14px; padding-right:2px; }
.formGroupA .check {margin-bottom:.5em; }


.formGroupA.error label.none { display:block; width:20px; height:13px; }
.formGroupA.error label { display:inline-block; padding-left:19px; border:0; cursor:auto; white-space:normal; }
.formGroupA.error { background-image:url(../i/bg-errorB.gif); background-repeat:no-repeat; background-color:#f1f1f1; border: 1px solid #000; padding:3px; }
.formGroupA.error input, .formGroupA.error textarea, .formGroupA.error select { margin-top:6px; }
.formGroupA.error textarea { width:98%; }
.formGroupA.error select { width:auto; }

.formGroupB p { margin-bottom:0; white-space:normal; }
.formGroupB .labelCol p { margin-right: 20px; }

.med textarea	{	width:93%;	}

label, textarea, select, input {
	z-index: 1000;
}

.errorBM { position: relative; }
.errorBM span {
	position: absolute;
	left: -18px;
	top: 1px;
	width: 15px;
	height: 19px;
	background-image:url(../i/bg-error.gif); 
	background-repeat:no-repeat; 
}

.checkIt { float:left; width:12%; }
.labelIt { float:left; width:80%; padding-top:3px; }

.checkboxRequired .checkIt { background:url(http://www.littlespringsdesign.com/images/bg-requiredB.gif) no-repeat -4px; padding-left: 10px; }
.checkboxRequired .labelIt { width:76%; }

.med .checkIt { width:5%; }
.med .labelIt { width:91%;}

.med .formGroupB .checkIt { width: 12%; }
.med .formGroupB .labelIt { width: 85%; }

.formGroupB .med .checkIt { width: 20px; }
.formGroupB .med .labelIt { width: 334px; }

.large .formGroupB .checkIt { width: 12%; }
.large .formGroupB .labelIt { width: 85%; }

.inputCol .checkIt input { width:16px; }

.large .checkIt { width:4%; }
.large .labelIt { width:92%;}

.half .checkIt { width:25px; }
.half .labelIt { width:225px;}
.half input { width:250px; }
.full input { width:90%; }

.disabled {border:none; }

.thin .checkIt { width:25px; }
.thin .labelIt { width:140px !important;}

.checkIt input { margin-right:6px; }

.error .checkIt { position:relative; z-index:100; margin-top:15px; }
.error .labelIt { position:relative;z-index:99; margin-top:21px; }


.muted { font-weight:normal; color:#000 !important ; background-image:none !important; padding-left:0 !important; }
.mutedBlock { display: block; font-weight:normal; color:#000 !important ; background-image:none !important; padding-left:0 !important; }

.dropdown1col { width:95%; }
.dropdown2col { width:95%; }
input.text1col { width:95%; }
input.text2col { width:95%; }

.imp { border:1px solid #f00; padding:6px; background-color:#eeeeee; }


.submit {width:90%; border-top:1px solid #666; border-bottom:1px solid #666; padding:1.5em 0 2em 0; margin-top:2.5em; }
input.genbutton {font-size:.9em; color:#369; background-color:#accaf8; border:1px solid #00f; padding:.25em .5em; margin:1px 0 1px 1px; }
form input.genhover {font-size:.9em; color:white; background-color:#369; border:2px solid #00f; padding:.25em .5em; margin:0; }

/* Price to the right of a standard styled button */
.Bprice {padding-top:0.3em; }


/* This is the right side space, like under the search box */
form.promo input {font-size:.85em; height:1.2em; background-color:#ccc; }
form.promo .formGroupA .labelCol {margin:.25em 0 0 0; font-size:.85em; }
form.promo .formGroupA .inputCol {margin:0; }
form.promo .formGroupA {margin:0; }
form.promo .formGroupA p {display:block; margin:0; padding:0; }

form.promo input.searchbutton1 {font-size:.85em; height:16px; color:white; background-color:#369; border:1px solid white; padding:.25em .5em; margin:1px 0 1px 1px; }
form.promo input.searchhover1 {font-size:.85em; height:18px; color:white; background-color:#00f; border:2px solid white; padding:.25em .5em; margin:0; }


.formpp {margin-top:0; padding-top:0; }
.PPform {margin-top:0.25em; padding-top:0; width:215px; font-size:1.1em; height:2.2em; }
input.buybutton {font-size:1.1em; color:white; background-color:#369; border:1px solid white; padding:.25em .5em; margin:0.5em 0 1px 1px; }
input.buyhover {font-size:1.1em; color:white; background-color:#00f; border:1px solid white; padding:.25em .5em; margin:0.5em 0 1px 1px; }

.inlinePP {margin-top:0; padding-top:0; }
.inlinePP input.buybutton {font-size:0.85em; margin-top:1px; border-color:black; }
.inlinePP input.buyhover {font-size:0.85em; margin-top:1px; border-color:orange; }