-- .formarea {
	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
        font: 100% verdana,arial,sans-serif;
}
fieldset .warning {
	padding-right: 3px;
}
/* additional seetings in desktop/mobile CSS */
.error {
	display: block;
	background-image: url(/purchase/images/icon_error.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	border-style: none;
	font-weight: bold;
	color: #ff0000;
	padding-left: 24px;
	clear: both;
	padding-top: 1px;
	
	text-align: left;
}

/* additional seetings in desktop/mobile CSS */
fieldset {
	/*clear:both;notethatthisclearcausesinputstobreaktoleftinie5.xmac,commentedout*/
    border-color: #cccccc;
	border-width: 1px;
	border-style: solid;	
/* padding in fieldset support spotty in IE */	margin: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#ffffff;
	
}

fieldset legend {
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */;
	font-weight: bold;
}



/* additional seetings in desktop/mobile CSS */
.formarea label {
	display: block; /* block float the labels to left column, set a width */;	
	padding: 0;
	/* font-weight: bold; */
}

.formarea td label {
	width: auto;
	font-weight: normal;
	margin-left: 5px;
}

.formarea .optional {
	font-weight:normal;
}

.formarea input, .formarea textarea /*,  .formarea select */ {
	float: left; /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */ /* set width of form elements to auto-size, otherwise watch for wrap on resize */;
	margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
.formarea input#reset {
	margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}
textarea {
	overflow: auto;
}

.formarea small {
	display: block;
	margin: 0 0 5px 160px;
/* instructions/comments left margin set to align w/ right column inputs */	padding: 1px 3px;
	font-size: 88%;
}

/* uses class instead of div, more efficient */
.formarea br {
	clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.yuieditorwrapper {
	margin-left: 162px;
	margin-top: 5px;
	padding: 8px;
	background: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d4d4d4));
	background: -moz-linear-gradient(#eeeeee, #d4d4d4);
	text-shadow: 0 1px 1px #ffffff;
	border: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
}
/* .formarea select, */
 .formarea input[type="text"], .formarea input[type="password"], .formarea input[type="email"], .formarea textarea {
	padding: 6px 7px;
	color: #444444;
	font-weight: normal;
	font-family: "Verdana", sans-serif;
	line-height: 18px;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d4d4d4));
	background: -moz-linear-gradient(#eeeeee, #d4d4d4);
	text-shadow: 0 1px 1px #ffffff;
	border: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1px;

}

.formarea select 
{
    /*border:1px solid #ececec;*/
    
    border:0px;
    margin:0px 0px;
    margin-top:3px;
    background:transparent;
	/*background: #d4d4d4;
	font-size: 15px;
	font-weight: normal;
	padding: 4px 3px;*/
}


.selectshadow {
   
	color: #444444;
	font-weight: normal;
	font-family: "Verdana", sans-serif;
	line-height: 18px;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#d4d4d4));
	background: -moz-linear-gradient(#eeeeee, #d4d4d4);
	text-shadow: 0 1px 1px #ffffff;
	 border:1px solid #ececec;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 1px #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 1px;
	float:left;
	margin: 5px 0 0 10px;
	
}


.formarea input[type="checkbox"] {
	margin: 13px 0 0 10px;
  /*float: left;*/
}

.formarea select:focus {
	/*background: #ffffff;*/
}

.formarea input[type="text"]:focus {
	outline: none;
	/*background: #ffffff;*/
}
.formarea input[type="password"]:focus {
	outline: none;
	/*background: #ffffff;*/
}
.formarea textarea:focus {
	outline: none;
	/*background: #ffffff;*/
}

.formarea textarea {
	float: left;	
	height: 10em;
	font-size: 16px;
	overflow-x: hidden;
}

/*.myButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color: #f9f9f9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	cursor: pointer;
}
.myButton:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}
.myButton:active {
	position: relative;
	top: 1px;
}*/

/* CSSButton by CSSButtonDesigner.com */
.CSSButton {
border: 1px solid #bcbbbb;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #FFFFFF), color-stop(0.9, #D1D1D1) );
background: -moz-linear-gradient( center top, #FFFFFF 10%, #D1D1D1 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D1D1D1');
background-color: #FFFFFF;
-moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
-webkit-box-shadow: inset 0px 1px  2px 0px #FFFFFF;
box-shadow: inset 0px 1px  2px 0px #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px #FFFFFF;
font-weight: bold;
margin: 4px 10px 0px 0px;
padding: 6px 10px;
color: #666666;
letter-spacing: 1px;
font-family: 'Arial', sans-serif;
font-size: 16px;


text-transform: capitalize;
text-align: center;
text-decoration: none;
cursor: pointer;
display: inline-block;
}
.CSSButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #D1D1D1), color-stop(0.9, #FFFFFF) );
background: -moz-linear-gradient( center top, #D1D1D1 10%, #FFFFFF 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#FFFFFF');
background-color: #D1D1D1;
}
.CSSButton:active {
position: relative;
top: 1px;
left: 0px;
}

.GreenButton 
{
    border: 1px solid #79A854;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #A1DC74), color-stop(0.9, #79A854) );
background: -moz-linear-gradient( center top, #A1DC74 10%, #79A854 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1DC74', endColorstr='#79A854');
background-color: #A1DC74;
-moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
-webkit-box-shadow: inset 0px 1px  2px 0px #FFFFFF;
box-shadow: inset 0px 1px  2px 0px #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px #000000;
color: #FFFFFF;
}



.GreenButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #79A854), color-stop(0.9, #A1DC74) );
background: -moz-linear-gradient( center top, #79A854 10%, #A1DC74 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79A854', endColorstr='#A1DC74');
background-color: #79A854;
}
.GreenButton:active {
position: relative;
top: 1px;
left: 0px;
}


.RedButton {
border: 1px solid #CD0000;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #FF1A00), color-stop(0.9, #CD0000) );
background: -moz-linear-gradient( center top, #FF1A00 10%, #CD0000 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1A00', endColorstr='#CD0000');
background-color: #FF1A00;
-moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
-webkit-box-shadow: inset 0px 1px  2px 0px #FFFFFF;
box-shadow: inset 0px 1px  2px 0px #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
color: #FFFFFF;
}
.RedButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #CD0000), color-stop(0.9, #FF1A00) );
background: -moz-linear-gradient( center top, #CD0000 10%, #FF1A00 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD0000', endColorstr='#FF1A00');
background-color: #CD0000;
}
.RedButton:active {
position: relative;
top: 1px;
left: 0px;
}


.BlueButton {
border: 1px solid #02B0E6;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #99DFF5), color-stop(0.9, #02B0E6) );
background: -moz-linear-gradient( center top, #99DFF5 10%, #02B0E6 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99DFF5', endColorstr='#02B0E6');
background-color: #99DFF5;
-moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
-webkit-box-shadow: inset 0px 1px  2px 0px #FFFFFF;
box-shadow: inset 0px 1px  2px 0px #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;

color: #FFFFFF;

}
.BlueButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #02B0E6), color-stop(0.9, #99DFF5) );
background: -moz-linear-gradient( center top, #02B0E6 10%, #99DFF5 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02B0E6', endColorstr='#99DFF5');
background-color: #02B0E6;
}
.BlueButton:active {
position: relative;
top: 1px;
left: 0px;
}


.SmallButton 
{
margin: 0px 3px;
padding: 4px 8px;

letter-spacing: 1px;
font-family: 'Arial', sans-serif;
font-size: 12px;
}

.LargeButton 
{
margin: 0px 7px;
padding: 8px 20px;

letter-spacing: 1px;
font-family: 'Arial', sans-serif;
font-size: 20px;
}