/* READ ME ============================================ - Font-size Adjustment(YUI3 Font CSS) For pixels (px) / Declare this percent (%) px / % ------- 10 77 11 85 12 93 13 100 14 108 15 116 16 123.1 17 131 18 138.5 19 146.5 20 153.9 21 161.6 22 167 23 174 24 182 25 189 26 197 - Font Weight normal = 400 bold = 700 - zindex ┣[100000] .js-overlay ┣[3] #header ┗[2] #contents ┗[1000] .js-pulldown .js-question - CSS3 genarator ex) border-radius, box-shadow, text-shadow...etc http://css3generator.com - gradient style http://www.colorzilla.com/gradient-editor/ - image URI Scheme Generator http://blog.thingslabo.com/archives/000058.html */ /* base ============================================ */ body { font-family: 'Lato', sans-serif; font-weight: 400; color: #333; } #wrapper { min-width: 980px; } a { color: #0099CC; } a:hover{ color: #00CCFF; } a:hover img.hover { opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } img { vertical-align: bottom; } /* header ============================================ */ #header { width: 100%; text-align: center; position: relative; z-index: 3; padding-top: 18px; } /* module-head_unit --------------- */ #header .module-head_unit { width: 960px; position: relative; margin: 0 auto 0; z-index: 10000; padding-bottom: 16px; } #header .module-head_unit .headline { float: left; text-align: left; width: 310px; } #header .module-head_unit .headline > * { display: inline; } #header .module-head_unit .headline .country_title { font-size: 182%; font-style: italic; color: #004B74; margin: 20px 0 10px; display: inline-block; } .ie7 #header .module-head_unit .headline .country_title { display: inline; zoom: 1; } #header .module-head_unit .state_unit { overflow: hidden; padding-left: 10px; text-align: left; } #header .module-head_unit .state_unit .state { width: 290px; margin-top: 10px; color: #004B72; font-size: 93%; } #header .module-head_unit .state_unit.ext-txt_only .state { width: 320px; } #header .module-head_unit .state_unit .state .wrapper { white-space: nowrap; } #header .module-head_unit .state_unit .state .lead { white-space: nowrap; overflow: hidden; display: inline-block; } #header .module-head_unit .state_unit .state .name { display: inline-block; text-overflow: ellipsis; max-width: 250px; overflow: hidden; } #header .module-head_unit .state_unit.ext-txt_only .state .name { max-width: 180px; } #header .module-head_unit .state_unit a.sign_in, #header .module-head_unit .state_unit a.sign_out { color: #333333; white-space: nowrap; text-decoration: none; display: inline-block; padding-left: 5px; overflow:hidden; vertical-align: bottom; } .ie7 #header .module-head_unit .state_unit a.sign_in, .ie7 #header .module-head_unit .state_unit a.sign_out { display: inline; zoom: 1; } #header .module-head_unit .state_unit a.sign_in:hover, #header .module-head_unit .state_unit a.sign_out:hover { color: #333333; text-decoration: underline; } #header .module-head_unit .telephone { font-size: 174%; color: #0099CC; font-weight: bold; position: absolute; text-align: right; white-space: nowrap; margin-right: 10px; top: 0px; right: 100px; } #header .module-head_unit.ext-txt_only .state_unit .telephone { right: 0px; font-size: 215.4%; } #header .module-head_unit .state_unit .navigator { position: absolute; bottom: 0px; right: -10px; z-index: -1; } #header .module-head_unit.ext-txt_only .state_unit .navigator { display: none; } #header .module-head_unit .utility { position: absolute; margin-bottom: 4px; bottom: 0; right: 100px; } #header .module-head_unit.ext-txt_only .utility { right: 0; } #header .module-head_unit .utility .nav > li { display: inline-block; vertical-align: middle; margin-left: 1px; position: relative; color: #333333; white-space: nowrap; } .ie7 #header .module-head_unit .utility .nav > li { display: inline; zoom: 1; } #header .module-head_unit .utility .nav > li a { color: #333333; text-decoration: none; } #header .module-head_unit .utility .nav > li > a { display: inline-block; padding: 0 10px; border-left: 1px solid #BBBBBB; position: relative; } #header .module-head_unit .utility .nav > li:first-child > a { border-left: none; } .ie7 #header .module-head_unit .utility .nav > li > a { display: inline; zoom: 1; } #header .module-head_unit .utility .nav > li a:hover { text-decoration: underline; } #header .module-head_unit .utility .nav > li.js-header_pulldown { padding-top: 5px; padding-bottom: 5px; border-radius: 2px 2px 0 0; background: #FFFFFF; } #header .module-head_unit .utility .nav > li.js-header_pulldown.open { background-color: #0099CC; } #header .module-head_unit .utility .nav > li.js-header_pulldown > a { padding-right: 20px; margin-left:-2px; outline: none; } #header .module-head_unit .utility .nav > li.js-header_pulldown.open > a { color: #FFFFFF; } #header .module-head_unit .utility .nav > li.js-header_pulldown > a > span { background: url(../../images/common/header-icn-arrow_blue.png) no-repeat left top; width: 10px; height: 6px; display: block; position: absolute; margin-top: -3px; top: 50%; right: 6px; } #header .module-head_unit .utility .nav > li.js-header_pulldown.open > a > span { background: url(../../images/common/header-icn-arrow_white.png) no-repeat left top; width: 10px; height: 6px; display: block; position: absolute; margin-top: -3px; top: 50%; right: 6px; } #header .module-head_unit .utility .nav > li.js-header_pulldown ul { display: none; position: absolute; top: 0; left: 0; border: 2px solid #0099CC; padding: 0 3px; background: #FFFFFF; z-index: 10000; } #header .module-head_unit .utility .nav > li.js-header_pulldown ul li { border-top: 1px solid #CCCCCC; min-width: 60px; text-align: left; } #header .module-head_unit .utility .nav > li.js-header_pulldown ul li:hover { background-color: #D9F9FF; } #header .module-head_unit .utility .nav > li.js-header_pulldown ul li:first-child { border-top: none; } #header .module-head_unit .utility .nav > li.js-header_pulldown ul li a { display: block; padding: 6px 20px 7px 4px; } #header .module-head_unit .utility .nav > li.mypage > a { padding-left: 22px; background: url(../../images/common/header-icn-mypage.gif) no-repeat 6px center; } #header .module-head_unit .utility .nav > li.mypage.open > a { background-image: url(../../images/common/header-icn-mypage_open.gif); } #header .module-head_unit .utility .nav > li.cart > a { padding-left: 28px; background: url(../../images/common/header-icn-cart.gif) no-repeat 10px center; } /* module-global_nav --------------- */ #header .module-global_nav { background: #2095C1 url(../../images/common/header-bg-global_nav.jpg) repeat-x left top; box-shadow: 0 2px 1px rgba(0,0,0,0.2); /* margin-top: 16px; */ } #header .module-global_nav .inner { width: 960px; margin: 0 auto; display: table; } .ie7 #header .module-global_nav .inner { display: block; white-space: nowrap; } #header .module-global_nav .inner > ul > li > a { font-size: 108%; font-weight: bold; color: #FFFFFF; text-shadow: -1px -1px rgba(0,0,0,0.45); text-decoration: none; display: block; padding: 14px 10px 13px; text-align: center; } #header .module-global_nav.ext-next_line > ul li { margin-bottom: 8px; } #header .module-global_nav ul > li a:hover { color: #FFFF99; } #header .module-global_nav .home { display: table-cell; text-align: center; vertical-align: top; padding-right: 10px; width: 41px; } #header .module-global_nav .home span{ display: block; position: relative; } .ie7 #header .module-global_nav .home span { border-left: 1px solid #2982A7; border-right: 1px solid #2982A7; } #header .module-global_nav .home span:before { content: ""; display: block; width: 2px; height: 100%; top: 0; left: 0; position: absolute; background: url(../../images/common/header-bg-line.gif) no-repeat left top; } #header .module-global_nav .home span:after { content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; right: 0; background: url(../../images/common/header-bg-line.gif) no-repeat right top; } #header .module-global_nav .home a { display: block; padding: 12px 10px 13px; } #header .module-global_nav .home.active a { background-color: #0776A5; } #header .module-global_nav .category_menu { text-align: left; display: table-cell; } #header .module-global_nav.ext-next_line .category_menu { padding-bottom: 8px; } .ie7 #header .module-global_nav.ext-next_line .category_menu { padding-bottom: 8px; } #header .module-global_nav .category_menu > li { display: inline-block; white-space: nowrap; } .ie7 #header .module-global_nav .category_menu > li { display: block; float: left; } #header .module-global_nav.ext-next_line .category_menu > li { padding-top: 8px; } #header .module-global_nav.ext-next_line .category_menu > li.js-header_pulldown { padding-top: 0; } .ie7 #header .module-global_nav.ext-next_line .category_menu > li.js-header_pulldown { margin-top: 8px; } #header .module-global_nav.ext-next_line .category_menu > li a { padding: 8px 10px; margin: 0px; } #header .module-global_nav .category_menu > li.active a{ background-color: #0776A5; } #header .module-global_nav.ext-next_line .category_menu li.active a { padding: 8px 10px; } #header .module-global_nav .another_menu { display: table-cell; text-align: right; white-space: nowrap; vertical-align: top; } #header .module-global_nav .another_menu > li { display: inline-block; position: relative; } .ie7 #header .module-global_nav .another_menu > li { display: inline; zoom: 1; } #header .module-global_nav .another_menu > li:before { content: ""; display: block; width: 2px; height: 100%; top: 0; left: 0; position: absolute; background: url(../../images/common/header-bg-line.gif) no-repeat left top; } #header .module-global_nav .another_menu li.visit { min-width: 90px; } #header .module-global_nav .another_menu li.business { min-width: 106px; } #header .module-global_nav .another_menu > li.business:after, #header .module-global_nav .another_menu > li:last-child :after { content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; right: 0; background: url(../../images/common/header-bg-line.gif) no-repeat right top; } .ie7 #header .module-global_nav .home, .ie7 #header .module-global_nav .category_menu, .ie7 #header .module-global_nav .another_menu { display: inline; zoom:1; vertical-align: top; margin:0; padding: 0; } .ie7 #header .module-global_nav .another_menu > li { white-space: normal; border-left: 1px solid #2982A7; } .ie7 #header .module-global_nav .another_menu li a { white-space: nowrap; } #header .module-global_nav ul > li.js-header_pulldown { position: relative; } #header .module-global_nav ul > li.js-header_pulldown ul { display: none; position: absolute; top: 0; left: 0; border: 2px solid #0776A5; padding: 0 3px; background: #FFFFFF; z-index: 10000; } #header .module-global_nav .another_menu > li.js-header_pulldown ul { left: 2px; } .ie7 #header .module-global_nav .another_menu > li.js-header_pulldown ul { left: 0px; } #header .module-global_nav ul > li.js-header_pulldown > ul li a { color: #333333; text-decoration: none; display: block; padding: 6px 20px 7px 4px; } #header .module-global_nav ul > li.js-header_pulldown > ul li a:hover { text-decoration: underline; } #header .module-global_nav ul > li.js-header_pulldown ul li { border-top: 1px solid #CCCCCC; text-align: left; min-width: 84px; } #header .module-global_nav ul > li.js-header_pulldown ul li:hover { background-color: #D9F9FF; } #header .module-global_nav ul > li.js-header_pulldown ul li:first-child { border-top: none; } #header .module-global_nav ul > li.js-header_pulldown > a > span { background: url(../../images/common/header-icn-arrow_white.png) no-repeat left top; width: 10px; height: 6px; display: block; position: absolute; margin-top: -3px; top: 50%; right: 6px; } #header .module-global_nav ul > li.js-header_pulldown.open { background-color: #0776A5; } .ie7 #header .module-global_nav .another_menu { vertical-align: baseline; } #header .module-global_nav .category_menu li.js-header_pulldown a, #header .module-global_nav .another_menu li.js-header_pulldown a { padding-right: 20px; } #header .module-global_nav ul > li.js-header_pulldown.open > a { color: #FFFFFF; } /* contents ============================================ */ #contents { position: relative; z-index: 2; border:1px solid #CCCCCC } #contents > .inner { width: 960px; margin: 0 auto; padding-bottom: 60px; } #contents .module-breadcrumb { font-size: 93%; line-height: 100%; margin-top: 11px; } /* column layout --------------- */ #contents-body { margin-top: 16px; } #contents-body #side { width: 184px; } #contents-body #main { width: 756px; } #contents-body.ext-side_main #main, #contents-body.ext-main_side #side { float: right; } #contents-body.ext-side_main #side, #contents-body.ext-main_side #main { float: left; } #contents-body.ext-main #main, #contents-body.ext-print #main { float: none; margin: 0 auto !important; } #contents-body.ext-dual #main { float: right; width: 496px; } #contents-body.ext-dual #side { float: left; width: 444px; } /* Text --------------- */ #main p, .js-overlay p { line-height: 140%; font-size: 108%; } .txt-notice { color: #FF0033; } .txt-right { text-align: right; } .txt-center { text-align: center; } /* main table --------------- */ #main table, .js-overlay table { border-bottom: 1px solid #CCCCCC; width: 100%; border-collapse: collapse; } #main table th, #main table td, .js-overlay table th, .js-overlay table td { border-top: 1px solid #CCCCCC; padding: 7px 10px; font-size: 93%; line-height: 140%; min-height: 16px; } #main table th.txt-right, #main table td.txt-right, .js-overlay table th.txt-right, .js-overlay table td.txt-right { text-align: right; } #main table th.txt-center, #main table td.txt-center, .js-overlay table th.txt-center, .js-overlay table td.txt-center { text-align: center; } #main table th, .js-overlay table th { font-weight: 700; background: #ededed; vertical-align: middle; border-left: 1px solid #ccc; } #main table td+th, .js-overlay table td+th { border-left: 0; } #main table td, .js-overlay table td { background: #fff; border-left: 0; } #main table td+td, .js-overlay table td+td { border-left: 1px solid #ccc; } #main table td[rowspan], .js-overlay table td[rowspan] { border-right: 1px solid #ccc; } #main table th:first-child, #main table td:first-child, .js-overlay table th:first-child, .js-overlay table td:first-child { border-left: 0; } #main table td[rowspan]:last-child, .js-overlay table td[rowspan]:last-child { border-right: none; } #main table tr.ext-theader th, #main table tr.ext-theader th { color: #fff; font-size: 123.1%; text-align: center; background: #7FBACF; font-weight: 400; padding: 5px 10px; border-left: 1px solid #fff; } #main table tr.ext-theader+tr th, #main table tr.ext-theader+tr td, .js-overlay table tr.ext-theader+tr th, .js-overlay table tr.ext-theader+tr td { border-top: 0; } #main table tr.ext-alt th, #main table tr.ext-alt td, .js-overlay table tr.ext-alt th, .js-overlay table tr.ext-alt td { background-color: #E7F3F9; } #main table.ext-supplement { width: auto; border-bottom: none; } #main table.ext-supplement tr th, #main table.ext-supplement tr td { border-top:1px dotted #999; background: transparent; } #main table.ext-supplement tr:first-child th, #main table.ext-supplement tr:first-child td { border-top: none; } #main table.ext-supplement td[rowspan], .js-overlay table.ext-supplement td[rowspan] { border-right: none; } #main table.ext-form, .js-overlay table.ext-form { border-bottom: none; } #main table.ext-form tr th, #main table.ext-form tr td, .js-overlay table.ext-form tr th, .js-overlay table.ext-form tr td { border-top:1px dotted #ccc; background: transparent; font-weight: 400; font-size: 108%; padding: 10px; } #main table.ext-form tr th, .js-overlay table.ext-form tr th { vertical-align: top; width: 230px; } #main table.ext-form tr:first-child th, #main table.ext-form tr:first-child td, .js-overlay table.ext-form tr:first-child th, .js-overlay table.ext-form tr:first-child td { border-top: none; } #main table.ext-form td[rowspan], .js-overlay table.ext-form td[rowspan] { border-right: none; } /* title --------------- */ .ttl-border { font-size: 167%; border-top: 4px solid #333; padding-top: 15px; line-height: 100%; } .ttl-border+* { margin-top: 20px; } .ttl-border.ext-cancel { border-top: 4px solid #EE2B28; color: #EE2B28; } .ttl-belt { background: #7FBACF; color: #fff; padding: 8px; font-size: 123.1%; line-height: 100%; } .ttl-belt.ext-alter { background: #ededed; color: #333; } .ttl-utility { background: #ededed; } .ttl-utility h2 { width: 960px; margin: 0 auto; font-size: 257%; text-shadow: 1px 1px 0 #fff; color: #0099CC; padding: 20px 0; line-height: 100%; } .ttl-utility.ext-cart h2 { background: url(../../images/reserve/icn-ttl_cart.png) no-repeat 6px center; width: 711px; padding-left: 45px; } .ttl-utility.ext-no_side h2 { width: 756px; } .ttl-text_only { font-size: 197%; } .module-title_button { border-top: 4px solid #333; display: table; width: 100%; } .ie7 .module-title_button { position: relative; } .module-title_button > * { display: table-cell; border-top:none; } .ie7 .module-title_button > * { display: inline; zoom: 1; } .module-title_button .button { text-align: right; padding-right: 10px; } .ie7 .module-title_button .button { position: absolute; right:0; } /* box --------------- */ .box-comp { background: #EDEDED; padding: 25px; } /* button --------------- */ .btn-submit { font-size: 167%; font-weight: 700; color: #fff; text-shadow: -1px -1px 0 #ac4352; background: #ff6666; /* Old browsers */ background: -moz-linear-gradient(top, #ff6666 0%, #ff3366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff3366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6666 0%,#ff3366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff3366',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 8px 7px; display: inline-block; text-decoration: none; text-align: center; -webkit-box-shadow: 0 2px 0 0 #c2c2c2; box-shadow: 0 2px 0 0 #c2c2c2; line-height: 100%; } .ie7 .btn-submit { display: inline; zoom: 1; } .ie9 .btn-submit { filter: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABQSURBVCiRY/xRWvGfAQ2wMPz7hy7GwIQhAlHJiE2QeO2Y4rhUYppJN+2kmMnAjCn4/z9GGNPIm3/+EquSgYVo24mPTSx+J0U78aGEKY41kAHbKCYp+MjOogAAAABJRU5ErkJggg==); background-size: 100% 100%; } .btn-submit:hover { color: #fff; background: #fe9398; /* Old browsers */ background: -moz-linear-gradient(top, #fe9398 0%, #ff7297 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9398), color-stop(100%,#ff7297)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* IE10+ */ background: linear-gradient(to bottom, #fe9398 0%,#ff7297 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9398', endColorstr='#ff7297',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-submit:hover { filter: none; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABTSURBVCiRY/w5Z8F/BjTAwsDAjC7GwMLw7x8WQQYm4lRiKsMliNV2HCqxOukfIwW2Y7foP0YY4XYSplJS/I7F8SyMWKwnPkAotJ1CbxKflmgRngAw4RqEaMkwgAAAAABJRU5ErkJggg==); } .btn-submit.ext-disable:hover { background: #ff6666; /* Old browsers */ background: -moz-linear-gradient(top, #ff6666 0%, #ff3366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff3366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6666 0%,#ff3366 100%); /* W3C */ } .btn-submit.ext-full_size { width: 100%; display: block; padding: 6px 0 7px; } .btn-submit.ext-disable, .btn-submit.ext-disable:hover { cursor: default; background: #ff6666; /* Old browsers */ background: -moz-linear-gradient(top, #ff6666 0%, #ff3366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff3366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6666 0%,#ff3366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff3366',GradientType=0 ); /* IE6-9 */ opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ } .ie9 .btn-submit.ext-disable, .ie9 .btn-submit.ext-disable:hover { filter: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABQSURBVCiRY/xRWvGfAQ2wMPz7hy7GwIQhAlHJiE2QeO2Y4rhUYppJN+2kmMnAjCn4/z9GGNPIm3/+EquSgYVo24mPTSx+J0U78aGEKY41kAHbKCYp+MjOogAAAABJRU5ErkJggg==); background-size: 100% 100%; } .btn-inline { font-size: 108%; font-weight: 700; color: #fff; text-shadow: -1px -1px 0 #0882a9; background: #0099CC; /* Old browsers */ background: -moz-linear-gradient(top, #0099CC 0%, #007DA8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099CC), color-stop(100%,#007DA8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* IE10+ */ background: linear-gradient(to bottom, #0099CC 0%,#007DA8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099CC', endColorstr='#007DA8',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; border-radius: 3px; padding:7px 14px 7px; display: inline-block; text-decoration: none; text-align: center; -webkit-box-shadow: 0 2px 0 0 #c2c2c2; box-shadow: 0 2px 0 0 #c2c2c2; line-height: 100%; } .ie7 .btn-inline { display: inline; zoom: 1; } .ie9 .btn-inline { background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeCAYAAAALvL+DAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAUdEVYdENyZWF0aW9uIFRpbWUAMTQuMi41CiEPugAABBF0RVh0WE1MOmNvbS5hZG9iZS54bXAAPD94cGFja2V0IGJlZ2luPSIgICAiIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzUgMTEuMC4wLjQ4NCBNYWNpbnRvc2g8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTQtMDEtMjdUMDk6NDk6MTZaPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTQtMDMtMjVUMDg6NTU6NThaPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAglaqwpAAAADxJREFUGJVj5Fx87T8DEmBh+P+PAVXgH6oAEwMaIEMLYTOwqPiHbgtBLf///0cVoIJfaONSKmghHMgYAgCwbyWk41ZRSgAAAABJRU5ErkJggg==); filter: none; } .btn-inline:hover { color: #fff; background: #3ab5de; /* Old browsers */ background: -moz-linear-gradient(top, #3ab5de 0%, #39a1c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ab5de), color-stop(100%,#39a1c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3ab5de 0%,#39a1c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3ab5de 0%,#39a1c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3ab5de 0%,#39a1c4 100%); /* IE10+ */ background: linear-gradient(to bottom, #3ab5de 0%,#39a1c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab5de', endColorstr='#39a1c4',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-inline:hover { filter: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAeCAYAAAALvL+DAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAUdEVYdENyZWF0aW9uIFRpbWUAMTQuMi41CiEPugAABBF0RVh0WE1MOmNvbS5hZG9iZS54bXAAPD94cGFja2V0IGJlZ2luPSIgICAiIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzUgMTEuMC4wLjQ4NCBNYWNpbnRvc2g8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTQtMDEtMjdUMDk6NDk6MTZaPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTQtMDMtMjVUMDg6NTU6NThaPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAglaqwpAAAAFdJREFUGJWtkMENgDAMA52S+ViXWbpLSfjCGYkP+fXkuI5jP2brNtn1eCtjA+hFhahoKgioGMK8eNgvlvQzh4NBjxMAnkp1YYUF1cKKn8+kwRws2Qr6A1xe4DMbsbNMEQAAAABJRU5ErkJggg==); background-size: 100% 100%; } .btn-inline.ext-disable, .btn-inline.ext-disable:hover { cursor: default; background: #0099CC; /* Old browsers */ background: -moz-linear-gradient(top, #0099CC 0%, #007DA8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099CC), color-stop(100%,#007DA8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0099CC 0%,#007DA8 100%); /* IE10+ */ background: linear-gradient(to bottom, #0099CC 0%,#007DA8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099CC', endColorstr='#007DA8',GradientType=0 ); /* IE6-9 */ opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ } .ie9 .btn-inline.ext-disable, .ie9 .btn-inline.ext-disable:hover { filter: none; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAkAAQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAUJ/8QAHxAAAQMDBQAAAAAAAAAAAAAAAAECExFRYWKRobHw/8QAGAEBAQADAAAAAAAAAAAAAAAABAMCCAn/xAAaEQEAAwADAAAAAAAAAAAAAAAAARESAhNx/9oADAMBAAIRAxEAPwDdyV1+zchzB6vBZm+qHKwmy6uDHXEjCbLlxC4LqAqrddyBFQ//2Q==); background-size: 100% 100%; } .btn-inline.ext-alter { min-width: 62px; text-shadow: -1px -1px 0 #be7c2e; background: #FFA62C; /* Old browsers */ background: -moz-linear-gradient(top, #FFA62C 0%, #FF8B19 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA62C), color-stop(100%,#FF8B19)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFA62C 0%,#FF8B19 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA62C', endColorstr='#FF8B19',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-inline.ext-alter { background-size: 100% 100%; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAUDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQYJ/8QAIBAAAQIFBQAAAAAAAAAAAAAAAAIDARMUUVNxkZKhov/EABkBAAEFAAAAAAAAAAAAAAAAAAUAAQIJCv/EACMRAAEDAwIHAAAAAAAAAAAAAAABAhIDE1ERkRRSYbHR4fD/2gAMAwEAAhEDEQA/ANjKxu/mJn71qY7eS4fh6vygNQnInojJ3Xb0FLb8AE7XaApOCcWk5Ndyuc1DyTAXt0+VNkP/2Q==); filter: none; } .btn-inline.ext-alter:hover { color: #fff; background: #F8B967; /* Old browsers */ background: -moz-linear-gradient(top, #F8B967 0%, #F7A85B 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8B967), color-stop(100%,#F7A85B)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F8B967 0%,#F7A85B 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F8B967 0%,#F7A85B 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #F8B967 0%,#F7A85B 100%); /* IE10+ */ background: linear-gradient(to bottom, #F8B967 0%,#F7A85B 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8B967', endColorstr='#F7A85B',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-inline.ext-alter:hover { filter: none; background-size: 100% 100%; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAUDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQr/xAAeEAABBAEFAAAAAAAAAAAAAAABAAITkVEDFFJxkv/EABcBAAMBAAAAAAAAAAAAAAAAAAEFCQT/xAAeEQACAQMFAAAAAAAAAAAAAAAAAgESE1ERFGGR8P/aAAwDAQACEQMRAD8AoJ3Glk0VGGlinO3b0wDSjm22o6uMrb4Bpu6CFTG0Gmdl3oo1RgZWV46P/9k=); } .btn-inline.ext-alter.ext-disable, .btn-inline.ext-alter.ext-disable:hover { cursor: default; background: #FFA62C; /* Old browsers */ background: -moz-linear-gradient(top, #FFA62C 0%, #FF8B19 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA62C), color-stop(100%,#FF8B19)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFA62C 0%,#FF8B19 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFA62C 0%,#FF8B19 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA62C', endColorstr='#FF8B19',GradientType=0 ); /* IE6-9 */ opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ } .ie9 .btn-inline.ext-alter.ext-disable, .ie9 .btn-inline.ext-alter.ext-disable:hover { filter: none; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAQDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABQQK/8QAHxAAAQQABwAAAAAAAAAAAAAAAAECE1ESYnGRkqGx/8QAGAEAAgMAAAAAAAAAAAAAAAAAAgQACAn/xAAaEQACAwEBAAAAAAAAAAAAAAAAAQIREhPw/9oADAMBAAIRAxEAPwDWDNpspn9ZcLMg+TMnRLHMxIMTr8B2hjMQuZ1u5KFSHeS8j//Z); background-size: 100% 100%; } .btn-inline.ext-submit { min-width: 62px; text-shadow: -1px -1px 0 #ac4352; background: #ff6666; /* Old browsers */ background: -moz-linear-gradient(top, #ff6666 0%, #ff3366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff3366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6666 0%,#ff3366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff3366',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-inline.ext-submit { background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABQSURBVCiRY/xRWvGfAQ2wMPz7hy7GwIQhAlHJiE2QeO2Y4rhUYppJN+2kmMnAjCn4/z9GGNPIm3/+EquSgYVo24mPTSx+J0U78aGEKY41kAHbKCYp+MjOogAAAABJRU5ErkJggg==); filter: none; } .btn-inline.ext-submit:hover { color: #fff; background: #fe9398; /* Old browsers */ background: -moz-linear-gradient(top, #fe9398 0%, #ff7297 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9398), color-stop(100%,#ff7297)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fe9398 0%,#ff7297 100%); /* IE10+ */ background: linear-gradient(to bottom, #fe9398 0%,#ff7297 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9398', endColorstr='#ff7297',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-inline.ext-submit:hover { filter: none; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABTSURBVCiRY/w5Z8F/BjTAwsDAjC7GwMLw7x8WQQYm4lRiKsMliNV2HCqxOukfIwW2Y7foP0YY4XYSplJS/I7F8SyMWKwnPkAotJ1CbxKflmgRngAw4RqEaMkwgAAAAABJRU5ErkJggg==); } .btn-inline.ext-submit.ext-disable, .btn-inline.ext-submit.ext-disable:hover { cursor: default; background: #ff6666; /* Old browsers */ background: -moz-linear-gradient(top, #ff6666 0%, #ff3366 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff3366)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6666 0%,#ff3366 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6666 0%,#ff3366 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff3366',GradientType=0 ); /* IE6-9 */ opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ } .ie9 .btn-inline.ext-submit.ext-disable, .ie9 .btn-inline.ext-submit.ext-disable:hover { filter: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAjCAYAAABcmsDOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTQuMy4xM5q8V2cAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBGaXJld29ya3MgQ1M1IDExLjAuMC40ODQgTWFjaW50b3NoPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE0LTAxLTI3VDA5OjQ5OjE2WjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE0LTAzLTI1VDExOjQxOjM2WjwveG1wOk1vZGlmeURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFS7gfkAAABQSURBVCiRY/xRWvGfAQ2wMPz7hy7GwIQhAlHJiE2QeO2Y4rhUYppJN+2kmMnAjCn4/z9GGNPIm3/+EquSgYVo24mPTSx+J0U78aGEKY41kAHbKCYp+MjOogAAAABJRU5ErkJggg==); background-size: 100% 100%; } .btn-inline.ext-disable { opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ -moz-opacity:0.5; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ } .btn-decline { font-size: 108%; font-weight: 700; color: #fff; text-shadow: -1px -1px 0 #6b6b6b; background: #999999; /* Old browsers */ background: -moz-linear-gradient(top, #999999 0%, #666666 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#666666 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#666666 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#666666 100%); /* IE10+ */ background: linear-gradient(to bottom, #999999 0%,#666666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; border-radius: 3px; padding:7px 14px 7px; display: inline-block; text-decoration: none; text-align: center; -webkit-box-shadow: 0 2px 0 0 #c2c2c2; box-shadow: 0 2px 0 0 #c2c2c2; line-height: 100%; } .ie7 .btn-decline { display: inline; zoom: 1; } .ie9 .btn-decline { background-size: 100% 100%; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAUDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwj/xAAgEAABAwIHAAAAAAAAAAAAAAAAARXwAgMSFFNikZLR/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ALYe904AI3i3EXwAneZiAKc/f1KutAH/2Q==); filter: none; } .btn-decline:hover { color: #fff; background: #b3b3b3; /* Old browsers */ background: -moz-linear-gradient(top, #b3b3b3 0%, #949494 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#949494)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* IE10+ */ background: linear-gradient(to bottom, #b3b3b3 0%,#949494 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#949494',GradientType=0 ); /* IE6-9 */ } .ie9 .btn-decline:hover { filter: none; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAQDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABwn/xAAeEAACAQMFAAAAAAAAAAAAAAAAAhURkfADFFJh0f/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCvEtlQDaVXqzeAHEtlQDveavNrKB//2Q==); background-size: 100% 100%; } .btn-decline.ext-disable, .btn-decline.ext-disable:hover { cursor: default; background: #b3b3b3; /* Old browsers */ background: -moz-linear-gradient(top, #b3b3b3 0%, #949494 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#949494)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b3b3b3 0%,#949494 100%); /* IE10+ */ background: linear-gradient(to bottom, #b3b3b3 0%,#949494 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#949494',GradientType=0 ); /* IE6-9 */ opacity:0.5; filter: alpha(opacity=50); /* ie lt 8 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ } .ie9 .btn-decline.ext-disable, .ie9 .btn-decline.ext-disable:hover { filter: none; background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/2wBDAQEBAQEBAQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgL/wAARCAAeAAMDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgr/xAAcEAACAgIDAAAAAAAAAAAAAAAAFAECEmFRkfD/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Apmd3UAk5GwCTvsgCjFuZ6qB//9k=); background-size: 100% 100%; } .btn-print { background: url(../../images/common/icn-print.gif) no-repeat left center; display: inline-block; padding-left: 20px; } .btn-share { background: url(../../images/common/icn-share.gif) no-repeat left center; display: inline-block; padding-left: 20px; } .ie7 .btn-print, .ie7 .btn-share { display: inline; zoom: 1; } .btn-detail { background: url(../../images/common/icn-circle_plus.gif) no-repeat left center; padding-left: 20px; min-height: 15px; display: inline-block; } .ie7 .btn-detail { display: inline; zoom: 1; } .btn-detail.active { background: url(../../images/common/icn-circle_minus.gif) no-repeat left center; } /* tiny navigation --------------- */ /*.module-stepflow ------------------------------*/ .module-stepflow { margin: 30px auto 0 auto; width: 635px; background: url(../../images/common/bg-stepflow.png) no-repeat center center; } .module-stepflow li { position: relative; float: left; margin-left: 65px; padding: 10px; min-height: 18px; width: 145px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background: #ccc; -webkit-box-shadow: 0 2px 0 0 #c2c2c2; box-shadow: 0 2px 0 0 #c2c2c2; color: #999; text-shadow: 1px 1px 0 #fff; font-size: 108%; font-weight: 700; } .ie7 .module-stepflow li, .ie8 .module-stepflow li { border-bottom: 2px solid #c2c2c2; } .module-stepflow li:first-child { margin-left: 0; } .module-stepflow li:after { position: absolute; top: 50%; right: -15px; display: block; margin-top: -19px; width: 16px; height: 38px; content: url(../../images/common/bg-stepflow_arrow1.png); } .module-stepflow li.current { background: #2095C1; -webkit-box-shadow: 0 2px 0 0 #c2c2c2; box-shadow: 0 2px 0 0 #c2c2c2; color: #fff; text-shadow: -1px -1px 0 #666; } .module-stepflow li.current:after { content: url(../../images/common/bg-stepflow_arrow2.png); } .module-stepflow li:last-child { -webkit-border-radius: 2px; border-radius: 2px; } .module-stepflow li:last-child:after { content: none; } .module-stepflow.ext-free_size { width: auto; display: block; text-align: center; background: none; } .module-stepflow.ext-free_size li { width: auto; min-width: 145px; display: inline-block; float: none; text-align: left; } .ie7 .module-stepflow.ext-free_size li { display: inline; zoom:1; } .module-stepflow.ext-free_size li+li:before { content:url(../../images/common/bg-stepflow_freesize.png); position: absolute; top: 50%; left: -45px; display: block; margin-top: -5px; width: 35px; height: 10px; } /*.module-pager ------------------------------*/ #contents .module-pager { text-align: center; position: relative; background: #EEEEEE; padding: 6px 8px; margin-top: 40px; } #contents .module-pager a { display: inline-block; text-align: center; background: #139DD3; padding: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-decoration: none; font-size: 85%; min-width: 16px; min-height: 16px; line-height: 16px; margin-left: 5px; margin-right: 5px; } .ie7 #contents .module-pager a { display: inline; zoom: 1; } #contents .module-pager a:hover { background: #00CCFF; } #contents .module-pager a.active { background: #999; } #contents .module-pager a.prev, #contents .module-pager a.next { background: none; color: #333; } #contents .module-pager a.prev { float: left; } #contents .module-pager a.next { float: right; } #contents .module-pager a.prev:hover, #contents .module-pager a.next:hover { background: none; color: #333; text-decoration: underline; } #contents .module-pager span { color: #0099CC; margin-left: 5px; margin-right: 5px; } /*.module-share ------------------------------*/ #contents .module-share { width: 380px; text-align: left; } #contents .module-share .img { float: left; width: 60px; } #contents .module-share .txt { float: right; width: 310px; font-size: 93.5%; font-weight: 700; } #contents .module-share > ul { margin-top: 10px; padding-top: 3px; border-top: 1px dashed #aaa; } #contents .module-share > ul li { float: left; width: 190px; margin-top: 7px; } #contents .module-share > ul li a { color: #333; } #contents .module-share > ul li a:hover { text-decoration: none; } #contents .module-share > ul li a img { vertical-align: middle; margin-right: 5px; } #contents .module-share .url_copy { margin-top: 15px; } #contents .module-history_back { margin-top: 40px; } /* .module-layout_button --------------- */ .module-layout_button { } .module-layout_button p { display: inline-block; width: 33%; vertical-align: middle; } .ie7 .module-layout_button p { display: inline; zoom: 1; } .module-layout_button p.center { text-align: center; } .module-layout_button p.center:first-child { margin-left: 33%; } .module-layout_button p.right { text-align: right; } .module-layout_button .center .btn-submit { min-width: 180px; } /* form parts --------------- */ input[type="text"].input-custom, input[type="password"].input-custom { border: 1px solid #CECEBF; -webkit-border-radius: 3px; border-radius: 3px; background: #FEFFDF; -webkit-box-shadow:inset 1px 1px 0 0 #f1f2d4; box-shadow:inset 1px 1px 0 0 #f1f2d4; padding: 4px 8px; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 93%; outline: none; overflow: hidden; color: #333; } input[type="text"].input-custom.ext-full_size { width: 100%; display: block; } input[type="text"].input-custom.ext-placeholder { color: #888; } .input-valid { display: inline-block; background: url(../../images/common/icn-valid.png) no-repeat right center; padding-right: 35px; } .input-valid input[type="text"] { -webkit-box-shadow:inset 1px 1px 0 0 #f2f2f2; box-shadow:inset 1px 1px 0 0 #f2f2f2; background: #fff; } .input-invalid { display: inline-block; background: url(../../images/common/icn-invalid.png) no-repeat right center; padding-right: 35px; } /* footer ============================================ */ #footer { width: 100%; } /* module-reliability --------------- */ #footer .module-reliability { width: 100%; background: #E5E4E0; } #footer .module-reliability .inner { width: 960px; margin: 0 auto; position: relative; border-bottom: 1px #999999 dotted; } #footer .module-reliability .inner .text { color: #666666; font-weight: bold; padding: 23px 0 14px 9px; width: 740px; } #footer .module-reliability .inner ul { padding:0 0 10px 9px; width: 740px; } #footer .module-reliability .inner ul li { display: inline-block; vertical-align: middle; padding-right: 10px; } .ie7 #footer .module-reliability .inner ul li { display: inline; zoom: 1; } #footer .module-reliability .inner .telephone { display: inline-block; font-size: 216%; color: #0099CC; font-weight: bold; position: absolute; text-align: right; white-space: nowrap; top: 11px; right: 0; } .ie7 #footer .module-reliability .inner .telephone { display: inline; zoom: 1; } #footer .module-reliability .page_top { position: absolute; right: 0; top: -30px; z-index: 200; width: 62px; height: 40px; } #footer .module-reliability .page_top a { display: block; width: 62px; height: 40px; background:url(../../images/common/footer-icn-pagetop.png) no-repeat top center; text-indent: -10000px; outline: none; } #footer .module-reliability .page_top a:hover{ display: block; width: 62px; height: 40px; background:url(../../images/common/footer-icn-pagetop_on.png) no-repeat top center; } /* module-sitemap --------------- */ #footer .module-sitemap { background: #E5E4E0; } #footer .module-sitemap .inner { width: 960px; margin: 0 auto; position: relative; padding: 0 10px 26px; } #footer .module-sitemap .inner dl { width: 230px; padding: 0 0 0 10px; float: left; } #footer .module-sitemap .inner dl dt { margin-top: 25px; } #footer .module-sitemap .inner dl dt:first-child { margin-top: 10px; } #footer .module-sitemap .inner dl dt { font-size: 131%; color: #666666; } #footer .module-sitemap .inner dd ul li:first-child { margin-top: 7px; } #footer .module-sitemap .inner dd ul li { font-size: 108%; margin-top: 6px; line-height: 1; } #footer .module-sitemap .inner dd ul li, #footer .module-sitemap .inner dd ul li a { color: #666666; text-decoration: none; } #footer .module-sitemap .inner ul li a:hover { text-decoration: underline; } /* module-utility --------------- */ #footer .module-utility { width: 100%; background: #46A6CB; color: #fff; min-height: 29px; border-bottom: 1px solid #A6A6A6; } #footer .module-utility .inner { width: 960px; margin: 0 auto; padding: 0 10px; } #footer .module-utility .inner ul { width: 440px; float: left; margin: 6px 0; padding-left: 9px; } #footer .module-utility .inner ul li { display: inline-block; padding:0 5px; border-left: 1px solid ; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0, 0.25); } .ie7 #footer .module-utility .inner ul li { display: inline; zoom: 1; } #footer .module-utility .inner ul li:first-child { border: none; } #footer .module-utility .inner ul li a { color: #fff; text-decoration: none; } #footer .module-utility .inner ul li a:hover { text-decoration: underline; } #footer .module-utility .inner p { width: 490px; float: right; text-align: right; margin: 6px 0; margin-right: 10px; text-shadow: -1px -1px 0 rgba(0,0,0, 0.25); } /* module-global_link --------------- */ #footer .module-global_link { width: 100%; background: #fff; padding-bottom: 20px; } #footer .module-global_link .inner { width: 940px; margin: 0 auto; padding: 0 10px 0 10px; } #footer .module-global_link .inner div { background: url(../../images/common/footer-bg-link.gif) repeat; } #footer .module-global_link .inner p span{ display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #FFFFFF; background: #B3B3B3 url(../../images/common/footer-icn-global.gif) no-repeat 10px center; padding: 4px 17px 6px 32px; margin-bottom: 11px; font-size: 131%; margin-top: 12px; } .ie7 #footer .module-global_link .inner p, .ie7 #footer .module-global_link .inner p span { display: inline; zoom: 1; height: 1%; } #footer .module-global_link .inner dl { padding: 3px 0 10px 10px; } #footer .module-global_link .inner dl dd { margin-top: 6px; } #footer .module-global_link .inner dl dt { color: #999999; font-weight: bold; } #footer .module-global_link .inner .region_asia dd, #footer .module-global_link .inner .region_europe dd, #footer .module-global_link .inner .region_pacific dd, #footer .module-global_link .inner .region_usa dd { margin-top: 23px; } #footer .module-global_link .inner dl dd ul { width: 100px; float: left; margin-left: 10px; } #footer .module-global_link .inner dl dd ul.first { margin-left: 0; } #footer .module-global_link .inner dl dd ul li { margin-top: 12px; font-size: 93%; line-height: 1; } #footer .module-global_link .inner dl dd ul li:first-child { margin-top: 0; } #footer .module-global_link .inner dl dd ul li a { text-decoration: none; color: #666666; } #footer .module-global_link .inner dl dd ul li a:hover { text-decoration: underline ; } #footer .module-global_link .inner .region_asia, #footer .module-global_link .inner .region_asia dt, #footer .module-global_link .inner .region_asia dd { width: 332px; float: left; } #footer .module-global_link .inner .region_europe, #footer .module-global_link .inner .region_europe dt, #footer .module-global_link .inner .region_europe dd{ width: 222px; float: left; } #footer .module-global_link .inner .region_usa, #footer .module-global_link .inner .region_usa dt, #footer .module-global_link .inner .region_usa dd, #footer .module-global_link .inner .region_pacific, #footer .module-global_link .inner .region_pacific dt, #footer .module-global_link .inner .region_pacific dd, #footer .module-global_link .inner .region_africa, #footer .module-global_link .inner .region_africa dt, #footer .module-global_link .inner .region_africa dd { width: 112px; float: left; } /* SIDE ============================================ */ /* module-filter ------------------------------*/ #side .module-filter { margin-top: 10px; background: #eee; } #side .module-filter h3 { background: #7FBACF; padding: 8px; color: #fff; border-bottom: 2px solid #fff; font-weight: 700; } #side .module-filter h4 { border-bottom: 1px solid #eee; font-size: 93%; } #side .module-filter h4 a { width: 168px; display: block; padding: 5px 8px; color: #333; background: url(../../images/hotels/icn-close.png) no-repeat 162px 8px #DADADA; text-decoration: none; } #side .module-filter h4 a.close { background: url(../../images/hotels/icn-open.png) no-repeat 162px 10px #DADADA; } #side .module-filter .keyword { padding: 8px; } #side .module-filter .keyword input{ width: 134px; margin-right: 6px; } #side .module-filter .keyword span.txt-notice { font-size: 93%; display: block; } #side .module-filter ul { padding: 12px 0 12px 8px; } #side .module-filter ul li { padding-top: 8px; font-size: 93%; } #side .module-filter ul li span { display: inline-block; } #side .module-filter ul li span.price { white-space: nowrap; } #side .module-filter ul li:first-child { padding-top: 0; } #side .module-filter ul li { padding-left: 20px; } #side .module-filter ul li input { vertical-align: text-top; display: inline-block; width: 20px; margin-top: 1px; margin-left: -20px; } #side .module-filter ul li select { margin-left: -20px; -moz-box-sizing: border-box; box-sizing: border-box; width: 164px; } #side .module-filter ul li label { vertical-align: text-top; cursor: pointer; padding-right: 5px; } #side .module-filter ul li a { padding-right: 5px; vertical-align: text-top; } .ie7 #side .module-filter ul li input, .ie7 #side .module-filter ul li label, .ie7 #side .module-filter ul li a { vertical-align: middle; } /* clearfix ============================================ */ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: block; overflow: hidden; } .clearfix:after { clear: both; } /* common js plugin setting ============================================ */ .js-pulldown { } .js-pulldown_target, .js-question_target { display: none; position: absolute; top:0; border: 2px solid #0099CC; padding: 8px; background: #fff; z-index: 1000; -webkit-box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.3); box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.3); } .js-pulldown_target:after, .js-question_target:after { content:''; background: url(../../images/common/bg-arrow_tooltip.png) no-repeat left top; width: 12px; height: 12px; display: block; position: absolute; top:-12px; left:5px; } .js-question_target:after { left:6px; } .js-pulldown_target.right:after { right: 5px; left: auto; } .js-question_target.right:after { right: 6px; left: auto; } .js-overlay { position:fixed; width:100%; height:100%; left:0; top:0; background: transparent url(../../images/common/bg-overlay_black.png) repeat left top; z-index:100000; cursor: pointer; } .js-overlay.ext-loading { position:fixed; background: transparent url(../../images/common/bg-overlay_white.png) repeat left top; cursor: default; } .js-overlay .window { position: absolute; top:50%; left: 50%; visibility: hidden; background: #fff; cursor: default; } .js-overlay.ext-loading .window { position: fixed; text-align: center; background: #fff; border: 1px solid #E0E0E0; -webkit-border-radius: 10px; border-radius: 10px; min-width: 390px; padding: 15px; } .js-overlay .window .ttl-belt { padding: 12px 8px; } .js-overlay .close { position: absolute; right: 8px; top:12px; color: #fff; } .js-overlay .close a { color: #fff; display: inline-block; background: url(../../images/common/btn-modal_close.png) no-repeat left center; min-height: 19px; padding-left: 27px; font-size: 116%; line-height: 100%; text-decoration: none; } .js-overlay .close a:hover { text-decoration: underline; } .js-overlay.ext-loading .window .logo { } .js-overlay.ext-loading .window .text { margin-top: 30px; color: #999; font-size: 257%; line-height: 100%; } .js-overlay.ext-loading .window .progress { margin-top: 25px; } .js-overlay.ext-loading .window .image { margin-top: 20px; padding-bottom: 10px; } /* .js-overlay_target----------------------------------- */ .js-overlay_target { display:none; } /* .module-terms_conditions----------------------------------- */ .js-overlay_target .module-common_conditions, .js-overlay_target .module-terms_conditions { width: 756px; } .js-overlay_target .module-common_conditions .inner, .js-overlay_target .module-terms_conditions .inner { padding: 10px; } .js-overlay_target .module-common_conditions .inner .print { text-align: right; padding-bottom: 15px; } .js-overlay_target .module-terms_conditions .inner .ttl-belt:first-child { margin-top: 0; } .js-overlay_target .module-terms_conditions .inner .ttl-belt { padding: 8px; } .js-overlay_target .module-terms_conditions table.price th, .js-overlay_target .module-terms_conditions table.price td { width: 25%; } .js-overlay_target .module-terms_conditions.ext-flight table.price th, .js-overlay_target .module-terms_conditions.ext-flight table.price td { width: 33.3%; } .js-overlay_target .module-terms_conditions table th { text-align: center; } .js-overlay_target .module-terms_conditions table tr.ext-division th, .js-overlay_target .module-terms_conditions table tr.ext-division td { border-top: 5px solid #ccc; } .js-overlay_target .module-terms_conditions table.price td.total_price em { font-size: 116%; font-weight: 700; margin-right: 35px; } .js-overlay_target .module-terms_conditions table.price td.total_price span { font-size: 108%; font-weight: 700; color: #FF0033; } .js-overlay_target .module-terms_conditions table.price td.total_price span+span { font-size: 153.9%; } .js-overlay_target .module-terms_conditions table.price td span.note { font-weight: 400; color: #333; margin: 30px; } .js-overlay_target .module-terms_conditions .inner .ttl-belt { margin-top: 30px; } .js-overlay_target .module-terms_conditions table.price td.total_price { text-align: right; background: #EDEDED; padding-top: 10px; padding-bottom: 10px; width: 736px; } .js-overlay_target .module-terms_conditions .inner table.cancel th { width: 50%; }