/* General Button */
.button.image {
    border: medium none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background: none;
}
.button.image.close img {
    width: 15px;
}

/* CSS3 buttons */

html.borderradius .greenButton,
html.borderradius .greyButton,
html.borderradius .yellowButton,
html.borderradius .silverButton,
html.borderradius .blackButton,
html.borderradius .redButton,
html.borderradius .yellowDropdown {
    border-radius: 5px;
}

html.no-cssgradients.borderradius .greenButton,
html.cssgradients.borderradius .greenButton,
html.no-cssgradients.borderradius .greyButton,
html.cssgradients.borderradius .greyButton,
html.no-cssgradients.borderradius .yellowButton,
html.cssgradients.borderradius .yellowButton,
html.no-cssgradients.borderradius .silverButton,
html.cssgradients.borderradius .silverButton,
html.no-cssgradients.borderradius .blackButton,
html.cssgradients.borderradius .blackButton,
html.no-cssgradients.borderradius .redButton,
html.cssgradients.borderradius .redButton,
html.no-cssgradients.borderradius .yellowDropdown,
html.cssgradients.borderradius .yellowDropdown {
    border: none;
    display: inline-block;
    color: #ffffff;
    font-size: 1.3em;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    white-space: nowrap;
}

/* Firefox fix for button padding */
html.cssgradients.borderradius button.greenButton::-moz-focus-inner,
html.cssgradients.borderradius button.greyButton::-moz-focus-inner,
html.cssgradients.borderradius button.yellowButton::-moz-focus-inner,
html.cssgradients.borderradius button.silverButton::-moz-focus-inner,
html.cssgradients.borderradius button.blackButton::-moz-focus-inner,
html.cssgradients.borderradius button.redButton::-moz-focus-inner {
    padding: 0;
    border: 0
}

html.no-cssgradients.borderradius .yellowButton,
html.cssgradients.borderradius .yellowButton,
html.no-cssgradients.borderradius .silverButton,
html.cssgradients.borderradius .silverButton {
    color: #000000;
}

html.no-cssgradients.borderradius .yellowDropdown,
html.cssgradients.borderradius .yellowDropdown {
    color: #000000;
}

div.page_content_checkin_terms div.checkin_terms {
    margin: 15px 0 20px 0;
}

html.no-cssgradients.borderradius span.left-body,
html.no-cssgradients.borderradius span.right-arrow,
html.cssgradients.borderradius span.left-body,
html.cssgradients.borderradius span.right-arrow {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight:normal;
}

html.no-cssgradients.borderradius span.left-large-body,
html.no-cssgradients.borderradius span.right-large-arrow,
html.cssgradients.borderradius span.left-large-body,
html.cssgradients.borderradius span.right-large-arrow {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-weight:normal;
}

html.no-cssgradients.borderradius span.left-body,
html.cssgradients.borderradius span.left-body,
html.no-cssgradients.borderradius span.left-large-body,
html.cssgradients.borderradius span.left-large-body,
html.no-cssgradients.borderradius :hover span.left-body,
html.cssgradients.borderradius :hover span.left-body,
html.no-cssgradients.borderradius :hover span.left-large-body,
html.cssgradients.borderradius :hover span.left-large-body{
    background: none;
    padding-left: 8px;
    font-weight:normal;
}

html.no-cssgradients.borderradius span.right-edge,
html.cssgradients.borderradius span.right-edge,
html.no-cssgradients.borderradius span.right-large-edge,
html.cssgradients.borderradius span.right-large-edge,
html.no-cssgradients.borderradius :hover span.right-edge,
html.cssgradients.borderradius :hover span.right-edge,
html.no-cssgradients.borderradius :hover span.right-large-edge,
html.cssgradients.borderradius :hover span.right-large-edge {
    background: none;
    height: auto;
}

html.no-cssgradients.borderradius span.right-large-arrow,
html.cssgradients.borderradius span.right-large-arrow {
    margin: 8px 5px;
}

html.no-cssgradients.borderradius.boxshadow span.right-arrow,
html.cssgradients.borderradius.boxshadow span.right-arrow,
html.no-cssgradients.borderradius.boxshadow span.right-large-arrow,
html.cssgradients.borderradius.boxshadow span.right-large-arrow,
html.no-cssgradients.borderradius.boxshadow :hover span.right-arrow,
html.cssgradients.borderradius.boxshadow :hover span.right-arrow,
html.no-cssgradients.borderradius.boxshadow :hover span.right-large-arrow,
html.cssgradients.borderradius.boxshadow :hover span.right-large-arrow {
    background: #ffffff url(../images/buttons/site_buttons_right_arrow.svg) 50% 50% no-repeat;
    margin: 3px 5px;
    font-weight:normal;
}

html.no-cssgradients.borderradius.boxshadow span.left-arrow,
html.cssgradients.borderradius.boxshadow span.left-arrow,
html.no-cssgradients.borderradius.boxshadow span.left-large-arrow,
html.cssgradients.borderradius.boxshadow span.left-large-arrow {
    background: none;
    position: relative;
    font-weight:normal;
}

html.no-cssgradients.borderradius.boxshadow span.left-arrow:before,
html.cssgradients.borderradius.boxshadow span.left-arrow:before,
html.no-cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow :hover span.left-arrow:before,
html.cssgradients.borderradius.boxshadow :hover span.left-arrow:before,
html.no-cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before {
    content: '';
    position: absolute;
    left: 0;
    background: #ffffff url(../images/buttons/site_buttons_left_arrow.svg) 50% 50% no-repeat;
    margin: 3px 7px;
}

/* white circle & inner shadow - left & right arrows */
html.no-cssgradients.borderradius.boxshadow span.right-arrow,
html.cssgradients.borderradius.boxshadow span.right-arrow,
html.no-cssgradients.borderradius.boxshadow span.right-large-arrow,
html.cssgradients.borderradius.boxshadow span.right-large-arrow,
html.no-cssgradients.borderradius.boxshadow :hover span.right-arrow,
html.cssgradients.borderradius.boxshadow :hover span.right-arrow,
html.no-cssgradients.borderradius.boxshadow :hover span.right-large-arrow,
html.cssgradients.borderradius.boxshadow :hover span.right-large-arrow,
html.no-cssgradients.borderradius.boxshadow span.left-arrow:before,
html.cssgradients.borderradius.boxshadow span.left-arrow:before,
html.no-cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow :hover span.left-arrow:before,
html.cssgradients.borderradius.boxshadow :hover span.left-arrow:before,
html.no-cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before {
    width: 23px;
    height: 23px;
    padding: 0;
    border-radius: 70px;
    box-shadow: inset 0 2px 2px #999999;
}

html.no-cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow :hover span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow span.right-large-arrow,
html.cssgradients.borderradius.boxshadow span.right-large-arrow,
html.no-cssgradients.borderradius.boxshadow :hover span.right-large-arrow,
html.cssgradients.borderradius.boxshadow :hover span.right-large-arrow {
    margin: 8px;
}

/* Extra large yellowDropdown buttons */
html.no-cssgradients.borderradius .yellowDropdown span.left-large-body,
html.cssgradients.borderradius .yellowDropdown span.left-large-body {
    height: 56px;
    line-height: 56px;
}
html.no-cssgradients.borderradius.boxshadow .yellowDropdown span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow .yellowDropdown span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow .yellowDropdown :hover span.left-large-arrow:before,
html.cssgradients.borderradius.boxshadow .yellowDropdown :hover span.left-large-arrow:before,
html.no-cssgradients.borderradius.boxshadow .yellowDropdown span.right-large-arrow,
html.cssgradients.borderradius.boxshadow .yellowDropdown span.right-large-arrow,
html.no-cssgradients.borderradius.boxshadow .yellowDropdown :hover span.right-large-arrow,
html.cssgradients.borderradius.boxshadow .yellowDropdown :hover span.right-large-arrow {
    margin: 16px 5px;
}



/* Mobile/Desktop Full Width Overrides */
.page_content .buttonFullWidth,
.page_content .buttonFullWidth:hover,
.page_content .buttonFullWidth:active {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.page_content .buttonFullWidth span.left-body,
.page_content .buttonFullWidth:hover span.left-body,
.page_content .buttonFullWidth span.left-large-body,
.page_content .buttonFullWidth:hover span.left-large-body {
    margin-left: 40px;
    padding-left: 0 !important;
}
.page_content .buttonFullWidth span.right-arrow,
.page_content .buttonFullWidth:hover span.right-arrow,
.page_content .buttonFullWidth span.right-large-arrow
.page_content .buttonFullWidth:hover span.right-large-arrow {
    margin-right: 40px !important;
}
.page_content .buttonFullWidth.centerText span.left-body,
.page_content .buttonFullWidth.centerText span.left-large-body{
    width: 100%;
    margin-left: 0;
}