@charset "utf-8"; 

/* Buttons */

.button {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 0.6em 0 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	cursor: pointer;
	
	/*Border radius*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

.button.small { padding:2px 10px; font-size:0.8em;}
.button.semismall { padding:3px 12px; font-size:1em;}
.button.large { padding:7px 16px; font-size:1.4em;}

.button:hover, 
.button.hover, 
.button.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

.button:active,
.button.active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

.button.dark span { color:#555; text-shadow:0 1px #fff;}

.button span { line-height:1em; min-height: 14px; }
.button span.i { background:url("../images/ico-info.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.download { background:url("../images/ico-download.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.save { background:url("../images/ico-ok.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.delete { background:url("../images/ico-delete.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.buy { background:url("../images/ico-addcart.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.checkout { background:url("../images/ico-checkout.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.add { background:url("../images/ico-add.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.edit { background:url("../images/ico-edit.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.next { background:url("../images/ico-next.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.back { background:url("../images/ico-back.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.price { background:url("../images/ico-price.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.help { background:url("../images/ico-help.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.ask { background:url("../images/ico-ask.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.search { background:url("../images/ico-search.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.trash { background:url("../images/ico-trash2.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.refresh { background:url("../images/ico-refresh-3.gif") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.savedisc { background:url("../images/ico-save.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.xls { background:url("../images/ico-xls.png") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.zaszlo { background:url("../images/flags/hu.gif") no-repeat 0 45%; padding-left:25px; display:block; }
.button span.email { background:url("../images/ico-email3.png") no-repeat 0 45%; padding-left:25px; padding-right:10px; display:block; }

.button span.bold { font-weight:bold }

.button.red { 
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
.button.red:hover { 
	background: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}
.button.silver { 
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
.button.silver:hover { 
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}
.button.blue { 
	border-color: #069; border-bottom-color: #036; background-color: #9cf;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #9cf),color-stop(1, #69c));
	background: -moz-linear-gradient(center top,#9cf 20%,#69c 100%);
}
.button.blue:hover { 
	background: #369;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #69c),color-stop(1, #369));
	background: -moz-linear-gradient(center top,#69c 20%,#369 100%);
}
.button.green { 
	border-color: #009905; border-bottom-color: #006603; background-color: #99FF9B;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #04C007),color-stop(1, #66CC6D));
	background: -moz-linear-gradient(center top,#99FF9B 20%,#66CC6D 100%);
}
.button.green:hover { 
	background: #33993A;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #66CC6D),color-stop(1, #33993A));
	background: -moz-linear-gradient(center top,#66CC6D 20%,#33993A 100%);
}

/* presistent header */
.floatingHeader {
	position: fixed;
	bottom: 30px;
	right: 10px;
	visibility: hidden;
	z-index: 200;
}

/* Info Box */
p.alert, p.download, p.info, p.note, p.tick, p.ship {margin:10px 0 20px 0; padding:9px 10px 9px 50px;}
p.alert {border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url("../images/ico-alert.png") no-repeat 20px 13px;}
p.download {border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url("../images/ico-download.png") no-repeat 20px 13px;}
p.tick {border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url("../images/ico-tick.png") no-repeat 20px 13px;}
p.info {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url("../images/ico-info.png") no-repeat 20px 13px;}
p.note {border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url("../images/ico-note.png") no-repeat 20px 13px;}
p.ship {border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url("../images/ico-ship.png") no-repeat 20px 13px;}

/* Social */
a.icon {
	width: 32px;
	height: 32px;
	float: left;
	padding: 0 10px 20px 0;
}

a.gplus { background:url("../images/gplus.png") no-repeat 0 0; }
a.facebook { background:url("../images/facebook.png") no-repeat 0 0; }
a.twitter { background:url("../images/twitter.png") no-repeat 0 0; }
a.flickr { background:url("../images/flickr.png") no-repeat 0 0; }
a.delicious { background:url("../images/delicious.png") no-repeat 0 0; }
a.linkedin { background:url("../images/linkedin.png") no-repeat 0 0; }
a.youtube { background:url("../images/youtube.png") no-repeat 0 0; }
a.marso { background:url("../images/marso-button.png") no-repeat 0 0; }