/* -------------------------------------------------------------------------

			FORMS
			4/22/08

/*--------------------------------------------------------------------------*/


/* BASIC FORM
--------------------------------------*/

.form { text-align: left; width: 520px; background: #FFF; margin: 0 auto; padding: 12px 24px; font-family: arial, helvetica, sans-serif; color: #354567; border-top: 1px solid #; border-left: 1px solid #918c81; border-right: 1px solid #918c81; border-bottom: 1px solid #918c81; margin-bottom: 1.5em; font-size: 90%; }

.form table { width: 100%; margin: 0.75em 0; border-collapse: collapse; }
.form td { padding: 0.25em 0.5em 0.25em 0; }
.form td.title { width: 30%; padding-right: 0.75em; color: #918c81; font-size: 1.1em; font-weight: bold; text-align: right; }

.form label { font-weight: bold; }

.form input { padding: 0.25em; margin-bottom: 0.3em; color: #918c81; font-weight: bold; }
.form input.text { background: #FFF url(../i/input_bg.gif) top repeat-x; border: 1px solid #666666; border-right-color: #CCC; border-bottom-color: #CCC; }

.form select { font-size: 11px; }

.form h1 { margin: 0.75em 0 0.2em; font-size: 2.2em; }
.form h2 { margin: 0.75em 0 1em; }
.form h3 { margin: 1em 0 0.6em 0; padding: 0 0 0.2em 0; font-size: 1.0em; color: #5e98df; border-bottom: 1px solid #D9DFEA; font-weight: normal; }
.form p { margin: 0.25em 0 0.2em; padding: 0.4em 0 0.4em 0.2em;}


.form .foot { background: #D6CEBF; margin: 12px -24px -12px; padding: 12px 24px; border-top: 1px solid #918c81; }
.form .well { background: #EEE; padding: 0.75em 1.5em; border-top: 2px solid #CCC; }


/* FIELD SPECIFIC
--------------------------------------*/

/* Country Fields */
.country-flag { width: 16px; height: 11px; margin: 0.3em 0.2em 0 0.2em; display: block; }

/* Credit Card Fields */
.credit-cards label { margin-right: 0.3em; float: left; text-align: center; }
.credit-cards input { }


/* ADVANCED FORM
--------------------------------------*/
.form-advanced { font-size: 90%; }
.form-advanced .title { width: 18%; padding: 0.3em 0.8em 0 0; float: left; text-align: right; }
.form-advanced .fields { width: 74%; float: left; }

.form-advanced input.text { font-size: 1em; font-weight: normal; }

.form-advanced fieldset p { width: 100%; display: block; padding: 0.5em 0 0.4em 0; float: left; clear: both; }
* html .form-advanced fieldset p { height: 1%; } /* IE 6 */

.form-advanced fieldset { margin: 1.2em 0; padding: 0; clear: both; border: none; }
.form-advanced legend { margin: 0 0 0.6em 0; padding: 0 0 0.2em 0; font-size: 1.0em; color: #918C81; border-bottom: 1px solid #D9DFEA; display: block; clear: both; }

.form-advanced .fields label { padding: 0.1em 0.3em 0.3em 0.2em; float: left; display: block; }
.form-advanced .fields label em { display: block; font-size: 0.9em; font-weight: normal; }

.form-advanced .credit-cards label { margin-right: 0.3em; border: 1px solid #FFF; }
.form-advanced .credit-cards label input { display: none; }
.form-advanced .credit-cards label.selected { border: 1px solid #999; }
.form-advanced .credit-cards label.null { -moz-opacity: 0.50; opacity: 0.50; border: 1px solid #FFF; }


/* SMALL FORM
--------------------------------------*/

.form-small input.text { font-weight: normal; font-size: 80%; }


/* ORDER / PURCHASE BLOCK
---------------------------------------*/
.order { }
.order table { }
.order table thead th { padding: 0.2em 0.1em; font-size: 1em; font-weight: normal; text-align: center; border-bottom: 1px solid #CCC; color: #999; }
.order table tbody td { padding: 0.4em 0.9em; border-bottom: 1px dashed #CCC; }

.order table tbody tr.roweven td { background-color: #FBFBFB; }
.order table tbody tr.rowodd td { background-color: #FFF; }

.order table tbody td.quantity { font-style: italic; font-size: 1.1em; text-align: center; }
.order table tbody td.name { padding: 0.8em; }
.order table tbody td.cost { text-align: right; font-size: 1.0em; }

.order table tfoot td { padding: 0.4em 0.9em; border-top: 1px solid #CCC; font-size: 1.0em; text-align: right; }
.order table tfoot td.total { font-weight: bold; color: #009966; }


/* BUTTONS
---------------------------------------*/

.submit-button { display:block; margin: 0 0 0 0.6em; float: left; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 120%; background-color: #f5f5f5; border: 1px solid #CCCCCC; border-right-color: #999999; border-bottom-color: #999999; }

.buttons { width: 100%; display: block; padding: 0 0 2em 0; clear: both; }
* html .buttons { height: 1%; }

.buttons a,
.buttons button { display:block; margin: 0 0 0 0.6em; float: left; background-color: #f5f5f5; border: 1px solid #CCCCCC; border-right-color: #999999; border-bottom-color: #999999; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 120%; line-height: 130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding: 5px 10px 6px 7px; }

.buttons p:after,
.buttons p:after { content: '.'; display: block; height: 0; visibility: hidden; clear: both; }

.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }

.buttons button img,
.buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }