/*base button*/
.btn
{
	font-family: Calibri, Arial, Verdana, Tahoma;
	font-size: 14px;
	cursor: pointer;
	text-align: left;
	border-radius: .2em;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	margin-right:5px;
}

.btn input
{
	border: 0;
	background: transparent;
	cursor: pointer;
	height: 30px;
	padding: 0px;
}

.btn a
{
	text-decoration: none;
	padding: 7px 0px;
	line-height: 30px;
	color: Black !important;
}

.btn a:hover
{
	text-decoration: none;
	background-color: inherit;	
}

.btn-icon-only
{
	padding-top: 7px;
	padding-bottom: 6px;
}

.btn-icon-only input, .btn-icon-only a
{
	padding-left: 40px;
	padding-right: 40px;
}

.btn-icon-with-text
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.btn-icon-with-text input, .btn-icon-with-text a
{
	padding-left: 30px;
	padding-right: 10px;
}

.btn-text-only input
{
	padding-left: 10px;
	padding-right: 10px;
}

.btn-text-only a
{
	padding-left: 12px;
	padding-right: 12px;
}

/*-------------button-more --------------*/
ul.btn-more
{
	padding: 0px;
	list-style: none;
	z-index: 99999; /*inserted*/
}
ul.btn-more ul
{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0 0px 4px;
	background: #fff;
	border: solid 1px #d9d9d9;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	min-width: 81px;
	margin-left: -1px;
}
ul.btn-more li:hover > *
{
	display: block;
}
ul.btn-more li:hover
{
	position: relative;
}
ul.btn-more ul ul
{
	position: absolute;
	left: 100%;
	top: 0;
}

ul.btn-more li
{
	display: block;
	white-space: nowrap;
	font-size: 0;
	float: left;
}
ul.btn-more > li, ul.btn-more li
{
	margin: 0;
	z-index: 999;
}

ul.btn-more a
{
	display: block;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	font: 14px Calibri, Arial, Verdana, Tahoma;
	cursor: pointer;
	padding: 6px 5px;
	height: 18px;
}

ul.btn-more ul li
{
	float: none;
	margin: 4px 0 0;
	z-index: 1;
}
ul.btn-more ul a
{
	color: #0072bc;
	text-decoration: none;
}

ul.btn-more li:hover > a
{
	color: #0072bc;
	text-decoration: none;
	background: url(images/overlay1.png) repeat-x #f9fafa;
}

ul.btn-more span
{
	background: url(images/arrow-more.png) no-repeat right;
	padding-right: 30px;
	padding-left: 10px;
}
ul.btn-more ul li:hover > a
{
	color: #0072bc;
	text-decoration: none;
	background: #edf8ff;
}
/*-------------button-more --------------*/

/*background for button*/
.bg-grey
{
	background: url(images/overlay1.png) repeat-x #e3e3e3;
	border: solid 1px #d9d9d9;
}

.bg-grey:hover
{
	background: url(images/overlay1.png) repeat-x #f9fafa;
}

.bg-blue
{
	background: url(images/overlay.png) repeat-x #0072bc;
	border: solid 1px #045487;
}

.bg-blue:hover
{
	background: url(images/overlay.png) repeat-x #0788db;
}

.bg-red
{
	background: url(images/overlay.png) repeat-x #cd4900;
	border: solid 1px #cd4900;
	color: #fff !important;
	text-shadow: 0 1px 0 #612403;
}

.bg-red a, .bg-red input
{
	color: #fff !important;
}

.bg-red:hover
{
	background: url(images/overlay.png) repeat-x #db5104;
}

.bg-active
{
	background: url(images/overlay.png) repeat-x #0072bc !important;
	border: solid 1px #045487 !important;
}

.bg-active a, .bg-active input
{
	color: #fff !important;
}
/*end background for button*/