/*
 ***************************************************************************
 *
 * FILE:         style.css
 * VERSION:      1.0.0
 * COPYRIGHT:    (c) 2006  All rights reserved.
 * AUTHOR(S):    Michael Huffman (mhuffman@mindspring.com)
 *
 * DESCRIPTION:  This file...
 *
 * HISTORY:
 * 2006.10.20  MWH Created file.
 *
 ***************************************************************************
 */

*    { margin: 0px; padding: 0px; }

html { height: 100%; }

body {
        margin-top:     -1px;
	background:	#DDDDDD url("/images/bricks_bg.jpg") 0 0 repeat;
        font-family:	'Droid Sans',arial,serif;
	color:        	#000000;
}

a         { color: #066FFD; text-decoration: none; }
a img     { border: none; }
a:link    { color: #066FFD; text-decoration: none; }
a:visited { color: #066FFD; text-decoration: none; }
a:active  { color: #066FFD; text-decoration: none; }
a:hover   { color: #066FFD; text-decoration: underline; }

p { margin: 0.5em 0; }

h4 { 
	margin: 	0.25em 0 0.25em 0; 
	color: 		#000000;
	font-size: 	1.25em;
	font-weight: 	bold; 
	border-bottom:	1px solid #AAAAAA;
}

h5 { 
	margin: 	0.25em 0 0.25em 0; 
	color: 		#000000;
	font-size: 	1.25em;
	font-weight: 	bold; 
}

label {
  display:      block;
  float:        left;
  width:        100px;
  text-align:   right;
  margin-right: 0.5em;
  padding-top:  3px;
  padding-bottom: 3px;
}

label:after { content: ": " }

td { 
	vertical-align:	top;
	padding: 	3px; 
}

tr.even { background: #FFFFFF; }
tr.odd  { background: #EEEEEE; }

img { border: 0; }

/**
 * button, .button {
 *   vertical-align:   middle;
 *   font-style:       normal;
 *   font-weight:      bold;
 *   font-size:        1em;
 *   color:            #223e88;
 *   border:           1px solid #666666;
 *   background-color: #FFFFFF;
 *   padding:          6px;
 * }
 */

input {
   vertical-align:   top;
   font-style:       normal;
   font-weight:      normal;
   font-size:        0.80em;
   border:           1px solid #666666;
   background-color: #FFFFFF;
   color:            #000;
   margin-bottom:    5px;
   margin-right:     5px;
   padding:          2px;
}

select {
   vertical-align:   top;
   font-style:       normal;
   font-weight:      normal;
   font-size:        0.80em;
   border-top:       1px solid #666666;
   border-left:      1px solid #666666;
   border-bottom:    1px solid #000000;
   border-right:     1px solid #000000;
   background-color: #FFFFFF;
   color:            #000;
}

option {
   vertical-align:   top;
   font-style:       normal;
   font-weight:      normal;
   font-size:        0.80em;
   color:            #000;
   background-color: #FFFFFF;
   padding:          1px;
}

textarea {
   font-size:        0.80em;
   border-top:       1px solid #666666;
   border-left:      1px solid #666666;
   border-bottom:    1px solid #000000;
   border-right:     1px solid #000000;
   background-color: #FFFFFF;
   padding:          2px;
}

ol {
   padding:          3px;
   padding-bottom:   6px;
}

ol li {
   padding:          3px 0px 3px 0px;
}

/***************************************************************************/

#page { 
 	width:		805px;
        margin:         0 auto 0;
        margin-left:    187px;
	/* background:	#FFFFFF;*/
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
}

#admin_page {
	width:		805px;
	margin:		0 auto 0;
	margin-left:	187px;
	border-left:	1px solid #AAA;
	border-right:	1px solid #AAA;
}

#header { 
	text-align:	center;
}

#admin_header {
	padding:	20px;
	font-size:	1.25em;
}

#content {
	clear:		left;
	background: 	#DDDDDD;
	position:	relative;
	width:		805px;
	margin:		0 auto 0;
        margin-left:    187px;
	padding-top:  	1em;
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
	overflow:	hidden;
}

#content2 {
        clear:          left;
        background:     #DDDDDD;
        width:          804px; 
        margin:         0 auto 0;
        padding:        1em 0;
        border-left:    1px solid #AAAAAA;
        border-right:   1px solid #AAAAAA;
        overflow:       hidden;
        font-family:    'Droid Sans',arial,serif;
	font-style:     normal;
        font-weight:    normal;
        font-size:      0.80em;
}

#left { 
	float:		left;
	position:	relative;
	margin:		0;
	margin-left:	-1px;
	padding:	0px 10px 0px 3px;
	height:	        auto;
	width:	        570px; 
	background:	#DDDDDD;
	font-style:	normal;
	font-weight:	normal;
	font-size:	0.80em;
	border-left:	1px solid #AAAAAA;
	overflow:	hidden;
}

#left li { 
	margin-left:  	24px;
        padding:        3px;
}

#right  { 
	float:		right;
	position:	relative;
	margin:		0;
	margin-right:	-1px;
	padding:	0px 3px 0px 0px;
	width:	        218px; 
	height:		auto;
	background:	#DDDDDD;
	font-style:	normal;
	font-weight:	normal;
	font-size:	0.80em;
	border-right:	1px solid #AAAAAA;
	overflow:	hidden;
}

#footer {
	float:		left;
	color:       	#AAAAAA; 
	background:	#DDDDDD;
	margin:		0;
	margin-left:	-1px;
	width:	   	805px;
	padding:	1em;
	line-height:	3em;
	border-left:	1px solid #AAAAAA;
	border-right:	1px solid #AAAAAA;
}

#footer a:link            { color: #AAAAAA; }
#footer a:visited         { color: #AAAAAA; }
#footer a:hover, a:active { color: #666666; }

/***************************************************************************/

.logohead { }

.payment:hover { background:	#999; }

.small {
   font-style:       normal;
   font-weight:      normal;
   font-size:        0.70em;
   padding:          2px;
   color:            #666666;
}

.req {
   color: blue;
}

.paginate {
   font-style:       normal;
   font-weight:      normal;
   font-size:        0.70em;
   padding:          2px;
   color:            #666666;
}

.menuhead {
   padding:        3px 3px 3px;
   color:          #fbd700;
   background:     #223e88;
   font-style:     normal;
   font-weight:    bold;
   font-size:      1em;
   border:                1px solid #999;
   -moz-border-radius:    0.1em;
   -webkit-border-radius: 0.1em;
   -webkit-box-shadow:    5px 5px 7px #888;
   /* border-radius:         0.1em; */
   margin-bottom:         9px;
}

.menuhead2 {
   padding:        3px 3px 3px;
   color:          #fbd700;
   background:     #000000;
   font-style:     normal;
   font-weight:    bold;
   font-size:      1em;
}

.menuhead3 {
   padding:        3px 3px 3px;
   color:          #fbd700;
   background:     #CC0000;
   font-style:     normal;
   font-weight:    bold;
   font-size:      1em;
}

.item {
   margin:              3px;
   padding:             3px;
   border:              1px solid #DDD;
   float:               left;
   height:              360px;
   width:               255px;
   text-align:          center;
}

.item img { border: 1px solid black; }

.scrap {
   margin:              3px;
   padding:             3px;
   border:		1px solid #AAA;
   float:		left;
   height:              246px;
   width:               270px;
   text-align:          center;
}

.scrap img {
   border:		1px solid black;
}

.info {
   border:       1px solid #AAA;
   background:   #FFF;
   padding:      8px;
}

/**************************************************************************/

ul#navStep {
	width:      540px;
	padding:    3px;
        list-style: none;
}

ul#navStep .fourStep {  width: 100px; }

ul#navStep li {
 	margin:         3px;
        padding:        3px;
	display:        block;
        float:          left;
        border:         1px solid #DDD;
        background:     #EEEEEE;
}

ul#navStep li.current {
        color:          #940F24;
        background:     #DDD;
}

ul#navStep li.lastDone {
        color:          #FFF;
        background:     #181848;
}

.grid {
  display: table;
  border-spacing: 4px;
}

.row {
  display: table-row;
  padding: 3px;
}

.cell {
  display: table-cell;
  padding: 5px;
}

.mehide {
  display:    none;
  visibility: hidden;
}

fieldset {
  padding:        5px;
  padding-bottom: 20px;
  margin-bottom:  10px;
}

label {
  display:        block;
  float:          left;
  width:          150px;
  text-align:     right;
  margin-right:   0.5em;
  padding-top:    3px;
  padding-bottom: 3px;
}

label:after { content: ": "; }

legend {
  margin-left:  5px;
  padding:      3px;
  border:       1px solid #999;
}