/* pseudo button */
.blue-box{
	background-color: #00B2F3;
	text-align: center;
	padding: 0;
	position:relative;
	top:2px;
	margin-bottom:20px;
}
.blue-box a {
	color: #ffffff;
	font-weight: bold;
	padding:3px 3px 6px 3px;
}
.blue-box-top{
	background: transparent url(../img/bg-btn-blue-box-top.png) no-repeat scroll 0 0;
}
.blue-box-bottom{
	background: transparent url(../img/bg-btn-blue-box-bottom.png) no-repeat scroll 0% 100%;
	position:relative;
	top:1px;
	padding-left:2px;
	padding-bottom:5px;
}

.orange-box { width:245px; font-weight:700; color:white; background: url(../img/bg-btn-orange-multiline.png) no-repeat; padding-top:3px; margin:20px 0px 20px 0px; }
.orange-box-content { background: url(../img/bg-btn-orange-multiline.png) repeat-y -245px 0; padding:0 10px; }
.orange-box-bottom { background: url(../img/bg-btn-orange-multiline.png) no-repeat -490px 100%; padding-bottom:3px; }
.orange-box h3 { font-size:122%; }
.orange-box p { margin:0; padding:5px 0; }
.orange-box a { color:white; }
.orange-box a:hover { color:#FAEEB6; }

/* button icons */
.btn-ico-airplane { background: url(../img/btn-ico-airplane.png) no-repeat 0 50% !important; padding-left:40px; }
.ico-compass { background: url(../img/ico-compass.png) no-repeat 0 50%; padding-left: 30px; padding-top:10px; padding-bottom:10px; }
.ico-favorite { background: url(../img/ico-favorite.png) no-repeat 0 50%; padding-left: 25px; padding-top:5px; padding-bottom:5px; }
.ico-arrow-comment { background: url(../img/ico-arrow-comment.png) no-repeat 100% 50%; padding-right: 15px; padding-top:10px; padding-bottom:10px; }

/*a .btn-c span { line-height:auto !important; }*/
a.btn-blue, a.btn-blue:hover, span.btn-blue, span.btn-blue:hover { position:relative; background: url(../img/bg-btn-blue-ins.png) no-repeat 0 0; padding: 5px 0 6px; =padding: 0; text-decoration: none; color: #ffffff; white-space:nowrap; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; font-size: 13px; line-height:14px; vertical-align: top; zoom: 1; }
a.btn-blue .btn-r, span.btn-blue .btn-r { background: url(../img/bg-btn-blue-ins.png) no-repeat 100% -27px; margin-left:4px; padding: 5px 0 6px; =padding:0px 0; line-height: 15px; zoom: 1; }
a.btn-blue .btn-c, span.btn-blue .btn-c { background:#0079A7 url(../img/bg-btn-blue-ins.png) repeat-x 0 -54px; padding: 5px 10px 6px 8px; line-height: 27px; =line-height: 16px; zoom: 1; margin-right:4px;  }

a.btn-blue41, a.btn-blue41:hover, span.btn-blue41, span.btn-blue41:hover { position:relative; background: url(../img/bg-btn-blue41-ins.png) no-repeat 0 0; padding: 12px 0 13px; =padding: 0; text-decoration: none; color: #ffffff; white-space:nowrap; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; font-size: 13px; line-height:41px; vertical-align: top; zoom: 1; }
a.btn-blue41 .btn-r, span.btn-blue41 .btn-r { background: url(../img/bg-btn-blue41-ins.png) no-repeat 100% -41px; padding: 12px 0px 13px; =padding:0; margin-left:4px; line-height: 41px; zoom: 1; }
a.btn-blue41 .btn-c, span.btn-blue41 .btn-c { background:#0079A7 url(../img/bg-btn-blue41-ins.png) repeat-x 0 -82px; padding: 12px 10px 13px 10px; margin-right:4px; vertical-align: top; line-height: 41px; =line-height: 16px; zoom: 1; }

a.btn-blue-small, a.btn-blue-small:hover, span.btn-blue-small, span.btn-blue-small:hover { position:relative; background: url(../img/bg-btn-blue-small-ins.png) no-repeat 0 0; margin:2px 0 0; padding: 3px 0 4px; =padding: 0; text-decoration: none; color: #ffffff; white-space:nowrap; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; line-height: 22px;  zoom: 1; vertical-align: top; }
a.btn-blue-small .btn-r, span.btn-blue-small .btn-r { background:url(../img/bg-btn-blue-small-ins.png) no-repeat 100% -22px; padding: 3px 0 4px; =padding:0; margin-left:4px; zoom: 1; }
a.btn-blue-small .btn-c, span.btn-blue-small .btn-c { background:#0079A7 url(../img/bg-btn-blue-small-ins.png) repeat-x 0 -44px; padding: 3px 10px 4px 8px; margin-right:4px; line-height: 22px; =line-height: 14px; zoom: 1; }

a.btn-red, a.btn-red:hover, span.btn-red, span.btn-red:hover { position:relative; background: url(../img/bg-btn-red-ins.png) no-repeat 0 0; padding: 5px 0 6px; =padding: 0; text-decoration: none; color: #ffffff; white-space:nowrap; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; font-size: 13px; line-height:14px; vertical-align: top; zoom: 1; }
a.btn-red .btn-r, span.btn-red .btn-r { background: url(../img/bg-btn-red-ins.png) no-repeat 100% -27px; margin-left:4px; padding: 5px 0 6px; =padding:0px 0; line-height: 15px; zoom: 1; }
a.btn-red .btn-c, span.btn-red .btn-c { background:#B42020 url(../img/bg-btn-red-ins.png) repeat-x 0 -54px; padding: 5px 10px 6px 8px; line-height: 27px; =line-height: 16px; zoom: 1; margin-right:4px;  }

a.btn-red-small, a.btn-red-small:hover, span.btn-red-small, span.btn-red-small:hover { position:relative; background: url(../img/bg-btn-red-small-ins.png) no-repeat 0 0; margin:2px 0 0; padding: 3px 0 4px; =padding: 0; text-decoration: none; color: #ffffff; white-space:nowrap; cursor: pointer; font-weight: bold; font-family: Arial, sans-serif; font-size: 12px; line-height: 22px;  zoom: 1; vertical-align: top; }
a.btn-red-small .btn-r, span.btn-red-small .btn-r { background:url(../img/bg-btn-red-small-ins.png) no-repeat 100% -22px; padding: 3px 0 4px; =padding:0; margin-left:4px; zoom: 1; }
a.btn-red-small .btn-c, span.btn-red-small .btn-c { background:#B42020 url(../img/bg-btn-red-small-ins.png) repeat-x 0 -44px; padding: 3px 10px 4px 8px; margin-right:4px; line-height: 22px; =line-height: 14px; zoom: 1; }

a.btn-silver, a.btn-silver:hover, span.btn-silver, span.btn-silver:hover { position:relative; background:url(../img/bg-btn-silver-ins.png) no-repeat 0 0; padding: 4px 0 4px; =padding: 0; text-decoration: none; color: #333333; white-space:nowrap; cursor: pointer; font-weight: 500; font-family: Arial, sans-serif; font-size: 13px; line-height: 24px; zoom: 1; vertical-align: top; }
a.btn-silver .btn-r, span.btn-silver .btn-r { background: url(../img/bg-btn-silver-ins.png) no-repeat 100% -24px; padding: 4px 0px 4px; =padding: 0; margin-left:4px; zoom: 1; }
a.btn-silver .btn-c, span.btn-silver .btn-c { background:#E1E1E1 url(../img/bg-btn-silver-ins.png) repeat-x 0 -48px; padding: 4px 5px 4px 5px; margin-right:4px; line-height: 24px; =line-height: 16px; zoom: 1; }

a.btn-silver33, a.btn-silver33:hover, span.btn-silver33, span.btn-silver33:hover { position:relative; background: url(../img/bg-btn-silver33-ins.png) no-repeat 0 0; padding: 9px 0 9px; =padding: 0; text-decoration: none; color: #333333; white-space:nowrap; cursor: pointer; font-weight: 700; font-family: Arial, sans-serif; font-size: 12px; line-height: 33px; zoom: 1; vertical-align: top; }
a.btn-silver33 .btn-r, span.btn-silver33 .btn-r { background: url(../img/bg-btn-silver33-ins.png) no-repeat 100% -33px; padding: 9px 0px 9px; =padding: 0; margin-left:4px; zoom: 1; }
a.btn-silver33 .btn-c, span.btn-silver33 .btn-c { background:#E1E1E1 url(../img/bg-btn-silver33-ins.png) repeat-x 0 -66px; padding: 9px 7px 9px 7px; margin-right:4px; line-height: 33px; =line-height: 16px; zoom: 1; }

a.btn-orange, a.btn-orange:hover, span.btn-orange, span.btn-orange:hover { position:relative; background: url(../img/bg-btn-orange-ins.png) no-repeat 0 0; padding:9px 0 10px; =padding: 0; text-decoration: none; color: #fff; white-space:nowrap; cursor: pointer; font-weight: 700; font-family: Arial, sans-serif; font-size: 13px; line-height: 35px; zoom: 1; vertical-align: top; }
a.btn-orange .btn-r, span.btn-orange .btn-r { background: url(../img/bg-btn-orange-ins.png) no-repeat 100% -35px; padding: 9px 0px 10px 0px; =padding: 0; margin-left:4px; zoom: 1; }
a.btn-orange .btn-c, span.btn-orange .btn-c { background:#FF6904 url(../img/bg-btn-orange-ins.png) repeat-x 0 -70px; padding: 9px 10px 10px 10px; margin-right:4px; line-height: 35px; =line-height: 16px; zoom: 1; }

a.btn-orange47, a.btn-orange47:hover, span.btn-orange47, span.btn-orange47:hover { position:relative; background: url(../img/bg-btn-orange47-ins.png) no-repeat 0 0; padding:15px 0 16px; =padding: 0; text-decoration: none; color: #fff; white-space:nowrap; cursor: pointer; font-weight: 700; font-family: Arial, sans-serif; font-size: 13px; line-height: 47px; zoom: 1; vertical-align: top; }
a.btn-orange47 .btn-r, span.btn-orange47 .btn-r { background: url(../img/bg-btn-orange47-ins.png) no-repeat 100% -47px; padding: 15px 0px 16px 0px; =padding: 0; margin-left:4px; zoom: 1; }
a.btn-orange47 .btn-c, span.btn-orange47 .btn-c { background:#FF6904 url(../img/bg-btn-orange47-ins.png) repeat-x 0 -94px; padding: 15px 10px 16px 10px; margin-right:4px; line-height: 47px; =line-height: 16px; zoom: 1; }

a.btn-bigred, a.btn-bigred:hover, span.btn-bigred, span.btn-bigred:hover { position:relative; background: url(../img/bg-btn-bigred-ins.png) no-repeat 0 0; padding:13px 0 15px; =padding: 0; text-decoration: none; color: #fff; white-space:nowrap; cursor: pointer; font-weight: 700; font-family: Arial, sans-serif; font-size: 13px; line-height: 44px; zoom: 1; vertical-align: top; }
a.btn-bigred .btn-r, span.btn-bigred .btn-r { background: url(../img/bg-btn-bigred-ins.png) no-repeat 100% -44px; padding: 13px 0px 15px 0px; =padding: 0; margin-left:4px; zoom: 1; }
a.btn-bigred .btn-c, span.btn-bigred .btn-c { background:#B42020 url(../img/bg-btn-bigred-ins.png) repeat-x -4px -88px; padding: 13px 10px 15px 10px; margin-right:4px; line-height: 44px; =line-height: 16px; zoom: 1; }

/* Buttons */
button { border: none; background:transparent; /*display:block; float:left; padding:4px 10px 3px 7px;*/ padding:0px 4px 0px 4px; width:auto; overflow:visible; cursor: pointer; filter: alpha(opacity=100); }
button span { display:block; }
button span.btn-c { padding:0 10px; background-repeat: repeat-x; font-weight: bold; font-family: Arial, sans-serif; color:#ffffff; font-size: 13px; white-space:nowrap; }
button span.btn-l { padding:0 4px; background-repeat:no-repeat; }
button span.btn-r { background-repeat:no-repeat; }

button span, button.btn-blue span { background-image: url(../img/bg-btn-blue-ins.png); }
button span.btn-l, button.btn-blue span.btn-l { background-position: 0 0; }
button span.btn-r, button.btn-blue span.btn-r { background-position: 100% -27px; }
button span.btn-c, button.btn-blue span.btn-c { background-position: 0px -54px; background-color: #0079A7; height:27px; line-height:27px; }

button.btn-red span { background-image: url(../img/bg-btn-red-ins.png); }
button.btn-red span.btn-l { background-position: 0 0; }
button.btn-red span.btn-r { background-position: 100% -27px; }
button.btn-red span.btn-c { background-position: 0px -54px; background-color: #B42020; height:27px; line-height:27px; }

button.btn-blue41 span { background-image: url(../img/bg-btn-blue41-ins.png); }
button.btn-blue41 span.btn-l { background-position: 0 0; }
button.btn-blue41 span.btn-r { background-position: 100% -41px; }
button.btn-blue41 span.btn-c { background-position: 0px -82px; background-color: #0079A7; height:41px; line-height:41px; }

button.btn-blue-small span { background-image: url(../img/bg-btn-blue-small-ins.png); }
button.btn-blue-small span.btn-l { background-position: 0 0; }
button.btn-blue-small span.btn-r { background-position: 100% -22px; }
button.btn-blue-small span.btn-c { background-position: 0px -44px; background-color: #0079A7; font-size: 12px; height:22px; line-height:21px; }

button.btn-red-small span { background-image: url(../img/bg-btn-red-small-ins.png); }
button.btn-red-small span.btn-l { background-position: 0 0; }
button.btn-red-small span.btn-r { background-position: 100% -22px; }
button.btn-red-small span.btn-c { background-position: 0px -44px; background-color: #B42020; font-size: 12px; height:22px; line-height:21px; }

button.btn-silver span { background-image: url(../img/bg-btn-silver-ins.png); }
button.btn-silver span.btn-l { background-position: 0 0; }
button.btn-silver span.btn-r { background-position: 100% -24px; }
button.btn-silver span.btn-c { background-position: 0px -48px; font-weight:500; background-color: #E1E1E1; color: #333333; height:24px; line-height:24px; }

button.btn-silver33 span { background-image: url(../img/bg-btn-silver33-ins.png); }
button.btn-silver33 span.btn-l { background-position: 0 0; }
button.btn-silver33 span.btn-r { background-position: 100% -33px; }
button.btn-silver33 span.btn-c { background-position: 0px -66px; background-color: #E1E1E1; color: #333333; height:33px; line-height:33px; }

button.btn-orange span { background-image: url(../img/bg-btn-orange-ins.png); }
button.btn-orange span.btn-l { background-position: 0 0; }
button.btn-orange span.btn-r { background-position: 100% -35px; }
button.btn-orange span.btn-c { background-position: 0px -70px; background-color: #FF6904; height:35px; line-height:35px; }

button.btn-orange47 span { background-image: url(../img/bg-btn-orange47-ins.png); }
button.btn-orange47 span.btn-l { background-position: 0 0; }
button.btn-orange47 span.btn-r { background-position: 100% -47px; }
button.btn-orange47 span.btn-c { background-position: 0px -94px; background-color: #FF6904; height:47px; line-height:47px; }

button.btn-bigred span { background-image: url(../img/bg-btn-bigred-ins.png); }
button.btn-bigred span.btn-l { background-position: 0 0; padding:0 6px; }
button.btn-bigred span.btn-r { background-position: 100% -44px; }
button.btn-bigred span.btn-c { background-position: 0px -88px; background-color: #B42020; height:44px; line-height:44px; }

/* a href buttons */
.btn-space { margin:0 auto; padding:10px 0; margin: 5px 0; }

/*
a.btn-blue:active,
a.btn-blue-small:active,
a.btn-silver:active,
a.btn-silver33:active,
a.btn-bigred:active,
a.btn-orange:active { top:1px; left:1px; }
*/

.disabled { opacity: .5; filter: alpha(opacity=50); }
.disabled span { cursor: default; }

input.btn-blue { background: #0079A7 url(../img/bg-btn-blue-input.png) repeat-x 0 0; color: white; font-weight: bold; font-family: Arial, sans-serif; font-size: 109%; padding: 3px 10px; border: none; =overflow: visible; }

input.btn-silver { background: #E1E1E1 url(../img/bg-btn-silver-input.png) repeat-x 0 0; color: #333333; font-weight: bold; font-family: Arial, sans-serif; font-size: 109%; padding: 3px 10px; border: none; =overflow: visible; }

input.btn-orange { background: #FF6904 url(../img/bg-btn-orange-input.png) repeat-x 0 0; color: #ffffff; font-weight: bold; font-family: Arial, sans-serif; font-size: 109%; padding: 3px 10px; border: none; =overflow: visible; }

input.btn-bigred { background: #B42020 url(../img/bg-btn-bigred-input.png) repeat-x 0 0; color: #ffffff; font-weight: bold; font-family: Arial, sans-serif; font-size: 109%; padding: 3px 10px; border: none; =overflow: visible; }
