/********************
 *		BUTTONS		*
 ********************/
.button		{ background:url(/images/buttons/buttons.png); text-align:center; cursor:pointer; }
.button:hover		{ text-decoration:none !important; }
.button.cancel,
.button.info		{ color:#777 !important; font-weight:normal !important; }
.button.inline		{ display:inline-block !important; }

/* large grey/green */
.button-1	{ 
	display:inline-block; padding:8px 10px; font-size:20px; font-weight:bold; line-height:1.231em; text-shadow:rgb(255,255,255) 0px 1px 0px;
	border:1px solid #b9b9b9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#81B835 !important; vertical-align:bottom;
}
.button-1:hover		{ background-position:0 -40px; }
.button-1:active	{ border:1px solid #b9b9b9; background-position:0 -80px; text-shadow:rgb(255,255,255) 0px -1px 0px; }

button.button-1		{ height:42px; }

button.button-1.search { 
	height: 39px;
	font-size:28px; line-height:1.231em; padding:0px 12px 1px; border-color:#75A762; 
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px;
}

/* medium-large grey/green (Jason kept putting this in mocks despite denying its existence) */
a.button-6,
.button-6	{ 
	display:inline-block; padding:4px 10px; font-size:16px; font-weight:bold; line-height:1.231em; text-shadow:rgb(255,255,255) 0px 1px 0px;
	border:1px solid #b9b9b9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#81B835; vertical-align:bottom;
}
.button-6:hover		{ background-position:0 -40px; }
.button-6:active	{ border:1px solid #b9b9b9; background-position:0 -80px; text-shadow:rgb(255,255,255) 0px -1px 0px; }
.button-6.btnDisabled	{ text-shadow:rgba(0,0,0,0.4) 0px 1px 0px; }

/* medium grey/green */
.button-2	{ 
	display:block; padding:0 10px; font-size:12px; font-weight:bold; line-height:18px; text-shadow:rgb(255,255,255) 0px 1px 0px; background-position:0 -120px;
	border:1px solid #b9b9b9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#81B835 !important; 
}
.button-2:hover		{ background-position:0 -138px; }
.button-2:active	{ background-position:0 -156px; text-shadow:rgb(255,255,255) 0px -1px 0px; }

/* reallllly small grey/green */
.button-3	{ 
	display:block; height:11px; padding:1px 6px; font-size:10px; line-height:11px; font-weight:bold; text-shadow:rgb(255,255,255) 0px 1px 0px; background-position:0 -174px;
	border:1px solid #b9b9b9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#81B835 !important; 
}
.button-3:hover		{ background-position:0 -187px; }
.button-3:active	{ background-position:0 -200px; text-shadow:rgb(255,255,255) 0px -1px 0px; }

/* large action button (orange) */
a.button-4			{ 
	display:block; padding:10px; line-height:20px; font-size:20px; color:#4C2D18 !important; text-shadow:rgba(255, 255, 153, 1.0) 0px 1px 0px; 
	border:1px solid #f2cb17; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-position:0 -213px; 
}
a.button-4:hover	{ border:1px solid #efbf04; background-position:0 -253px; }
a.button-4:active	{ background-position:0 -293px; text-shadow:rgba(255,255,153, 1.0) 0px -1px 0px; }

/* green inset */
.button-5	{ display:inline-block; line-height:30px; padding-right:10px; font-size:16px; color:#FFFFFF !important; background-position:right -365px; background-repeat:no-repeat; }
.button-5 .inner { display:inline-block; background-position:0 -334px; background-repeat:no-repeat; }
.button-5 .label { display:block; margin-left:10px; font-weight:bold; background-position:0 -396px; background-repeat:repeat-x; white-space:nowrap; text-shadow:rgba(0, 0, 0, 0.292969) 0px 1px 1px; }
.button-5:hover	{ background-position:right -458px; }
.button-5:hover .inner { background-position:0 -427px; }
.button-5:hover .label { background-position:0 -489px; }
.button-5:active .label	{ text-shadow:rgba(0,0,0, 0.15) 0px -1px 1px; }

.button-5.disabled	{ color:#CCC !important; }
.button-5.disabled:hover	{ background-position:right -365px; }
.button-5.disabled:hover .inner { background-position:0 -334px; }
.button-5.disabled:hover .label { background-position:0 -396px; }

/********************
 *		BADGES		*
 ********************/
.badge			{ display:inline-block; height:15px; padding-right:7px; background-image:url(/images/buttons/badges.png); background-repeat:no-repeat; text-align:center; overflow:hidden; line-height:1em; vertical-align: middle; }
.badge.inner	{ display:inline-block; height:auto; padding:0; }
.badge.label	{ display:block; margin-left:7px; padding:0 0 4px; font-size:11px; line-height:14px; white-space:nowrap; background-repeat:repeat-x; }

.badge-1		{ background-position:right -16px; }
.badge-1 .inner	{ background-position:0 0; }
.badge-1 .label { background-position:0 -33px; }
.badge-2		{ background-position:right -66px; }
.badge-2 .inner	{ background-position:0 -50px; }
.badge-2 .label	{ background-position:0 -83px; color:#FFF; }

/********************
 *		FORMS		*
 ********************/
input.styled,
select.styled,
textarea.styled	{ background:#fff url(/images/backgrounds/inputTextBgTopShadow.gif) repeat-x 0 0; border:1px solid #8dc63f; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
textarea.placeholder	{ color:#999; }

input.shadow,
textarea.shadow { padding:5px 2px 2px 5px; background:#fff url(/images/backgrounds/shadow-135.png) no-repeat 0 0; border:1px solid #D1E8B3; }

/********************
 *		ICONS		*
 ********************/
/* 25 x 25 px */
.icon25		{ width:25px; height:25px; background-image:url(/images/icons/icons-25.png); background-repeat:no-repeat; background-attachment:scroll; vertical-align:bottom; }
.icon25.envelope	{ height:12px; background-position:0 0; }
.icon25.alert		{ background-position:0 -25px; }
.icon25.close		{ background-position:0 -50px; }
.icon25.left-arrow	{ background-position:0 -75px; }
.icon25.home		{ background-position:0 -100px; }
.icon25.home-white	{ background-position:0 -125px; }
.icon25.mortarboard			{ background-position:0 -150px; }
.icon25.mortarboard-white	{ background-position:0 -175px; }

/* 10 x 10 px */
.icon10		{ height:10px; width:10px; background:url(/images/icons/icons-10.png) no-repeat 0 0; }
.icon10.arrow-left-grey	{ background-position:0 -90px; }


/* Fair Price Rating Steam engine gauges */
.fair-price-meter			{ width:183px; height:183px; background:url(/images/company/fairPriceMeter.png) no-repeat 0 0; }
.fair-price-meter.green,
.steam-engine .green		{ background-position:0 0; }
.fair-price-meter.yellow,
.steam-engine .yellow		{ background-position:0 -197px; }
.fair-price-meter.red,
.steam-engine .red			{ background-position:0 -393px; }

.fair-price-mini			{ width:38px; height:40px; margin-right:5px; background:url(/images/company/fairPriceMeter-small.png) no-repeat 0 40px; vertical-align:middle;  }
.fair-price-mini.green,
.fprLightWrap .green,
.powerbarWrap .green		{ background-position:1px 0px; }
.fair-price-mini.green:hover,
.fprLightWrap .green:hover,
.powerbarWrap .green:hover	{ background-position:-40px 0px; }
.fair-price-mini.yellow,
.fprLightWrap .yellow,
.powerbarWrap .yellow		{ background-position:1px -44px; }
.fair-price-mini.yellow:hover,
.fprLightWrap .yellow:hover,
.powerbarWrap .yellow:hover	{ background-position:-40px -44px; }
.fair-price-mini.red,
.fprLightWrap .red,
.powerbarWrap .red			{ background-position:1px -88px; }
.fair-price-mini.red:hover,
.fprLightWrap .red:hover,
.powerbarWrap .red:hover	{ background-position:-39px -88px;}

/********************
 *	TRADE Ticket	*
 ********************/
/* base */
#modalBuy { 
	position:absolute; width:315px; min-height:225px; background:#FFFFFF url(/images/trade/header.png) repeat-x 0 0; z-index:2000; 
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
	-webkit-box-shadow: rgba(0, 0, 0, 1.0) 0px 0px 30px; -moz-box-shadow: rgba(0, 0, 0, 1.0) 0px 0px 30px;
}
#modalBuy .iClose	{ position:absolute; top:-11px; right:-12px; z-index:1; }
#modalBuy .title	{ height:27px; margin-bottom:0; font-size:16px; line-height:25px; text-align:center; color:#FFF; text-shadow:0px -1px 0px #6B982C; }
#modalBuy .body { position:relative; padding:10px;}
#modalBuy .header	{ padding:5px 10px; font-size:18px; line-height:28px; color:#64391F; background:#D1E8B3; text-align:left; -webkit-border-radius:10px; -moz-border-radius:10px; }
#modalBuy .header strong { display:block; font-size:20px; }

#modalBuy em		{ color:#64391F; font-weight:bold; }
#modalBuy .border 	{ margin-bottom:0.8em; border:1px solid #D1E8B3; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#modalBuy fieldset	{ margin:0; text-align:center; color:#666; font-size:16px; }
#modalBuy p			{ padding:0 10px; margin:0.5em 0 0.5em; color:#666; font-size:16px; }
#modalBuy .styled	{ color:#666; font-size:16px;}

#modalBuy #quantity,
#modalBuy #cash_balance	{ width:60px; }
#modalBuy label		{ padding:0; color:#666; display:inline; float:none; }

#modalBuy .btns		{ margin-top:0.8em; text-align:right; }
#modalBuy .btns a	{ display:inline-block; width:63px; }

#modalBuy .btns .lnkConfirmModify,
#modalBuy .btns .lnkOrderModify			{ float:left; width:90px !important; }

#modalBuy .step2 fieldset.exception		{ text-align:center; }

#modalBuy .step1 fieldset .clear		{ margin-bottom:0.5em; }

#modalBuy .step2 fieldset			{ text-align:left; }
#modalBuy #more_reasons				{ margin-top:0.5em; height:45px; max-height:250px; width:267px; max-width:277px; }
#modalBuy .fbconnected,
#modalBuy #twitterForm				{ font-size:12px; }
#modalBuy #twitterForm a:hover		{ text-decoration:none; }
#modalBuy #twitterForm td			{ padding:2px 5px; }
#modalBuy .fbconnected input		{ margin:auto; padding:auto; }

#modalBuy .exception,
#modalBuy .step2 .header strong,
#modalBuy .step3 .header strong		{ padding:17px 0; text-align:center; }

#modalBuy #companyScroller			{ height:auto; border:1px solid #D1E8B3; background:#FFF; }
#modalBuy #companyScroller h4		{ color:#666; padding:6px 0; }
#modalBuy #companyScroller li		{ margin:0 2px; padding:5px 14px; }