﻿/* Buttons
---------------------------------------------------------------------------------------- //// */

/* default ----------------------------------------------- //// */
.button {
    margin: 0 10px 0 0;
}

.button a,
.button a:visited,
.button button,
.button input,
.button span {
        margin: 0;
        padding: .2857em 1.2857em; /* 4px 18px */
        border: 1px solid #2a8a15;
        background-image: -moz-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-image: -ms-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-image: -o-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #5CA61F), color-stop(100%, #1F760C));
        background-image: -webkit-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-image: linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-color: #5CA61F;
        color: #fff;
        font-weight: bold;
        font-size: 1.142857em; /* 16px */
        line-height: 1.2857; /* 18px */
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

.button a:hover,
.button a:focus,
.button button:hover,
.button button:focus,
.button input:hover,
.button input:focus {
            background-image: -moz-linear-gradient(top, #1F760C 0, #5CA61F 70%);
            background-image: -ms-linear-gradient(top, #1F760C 0, #5CA61F 70%);
            background-image: -o-linear-gradient(top, #1F760C 0, #5CA61F 70%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F760C), color-stop(70%, #5CA61F));
            background-image: -webkit-linear-gradient(top, #1F760C 0, #5CA61F 70%);
            background-image: linear-gradient(top, #1F760C 0, #5CA61F 70%);
            background-color: #1f760c;
        }

.button a:active,
.button button:active,
.button input:active {
            background: #1f760c;
            outline: 0;
        }

.button button::-moz-focus-inner,
.button input::-moz-focus-inner {
            border: 0;
        }

/* Primary, secondary, tertiary CTA button styles introduced 4/2014 */
/* Updates many of the styles applied by .button class */
.button.button_cta a,
.button.button_cta a:visited,
.button_cta a,
.button_cta a:visited {
    padding: 15px 28px;
    border: none;
    background: none;
    /*no shorthand border-radius to support samsung devices
      http://stackoverflow.com/questions/17186158/galaxy-s4-stock-browser-css3-border-radius-support  */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    vertical-align: baseline;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .1em;
    cursor: pointer;
    -webkit-transition: background-color 125ms ease-in-out;
    transition: background-color 125ms ease-in-out;
}
.button.button_cta a:hover,
.button.button_cta a:active,
.button.button_cta a:focus
.button_cta a:hover,
.button_cta a:active,
.button_cta a:focus {
    background: none;
    text-decoration: none;
}
.button_cta.primary a,
.button_cta.primary a:visited {
    background: #402b2e;
    border: 1px solid #402b2e;
}
.button_cta.primary a:hover,
.button_cta.primary a:active,
.button_cta.primary a:focus {
    background: #665558;
}
.button_cta.secondary a,
.button_cta.secondary a:visited {
    background: none;
    border: 1px solid; /*inherits color of text*/
}
.button_cta.secondary a:hover,
.button_cta.secondary a:active,
.button_cta.secondary a:focus {
    /*15% of color of text - will likely need to be updated per module*/
    background: rgba(255,255,255,.15);
}
.button_cta.tertiary a,
.button_cta.tertiary a:visited {
    padding: 0;
    background: none;
    border-bottom: 1px dotted;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 1em;
    line-height: inherit;
    text-transform: none;
    letter-spacing: 0;
}
.button_cta.tertiary a:after {
    content: '\00a0\00BB';
}
.button_cta.tertiary a:hover,
.button_cta.tertiary a:active,
.button_cta.tertiary a:focus {
    /*10% of color of text - will likely need to be updated per module*/
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid;
}

/* cancel ----------------------------------------------- //// */
.button_cancel a,
.button_cancel a:visited,
.button_cancel button,
.button_cancel input,
.button_cancel span {
    margin: .2857em 0; /* 4px 0 */
    padding: 0;
    border-color: rgb(255,255,255);
    border-color: rgba(255,255,255,0);
    background: none;
    color: #2a8a15;
}

.button_cancel a:hover,
.button_cancel a:focus,
.button_cancel a:active,
.button_cancel button:hover,
.button_cancel button:focus,
.button_cancel button:active,
.button_cancel input:hover,
.button_cancel input:focus,
.button_cancel input:active {
        background: #2a8a15;
        color: #fff;
    }

/* disabled ----------------------------------------------- //// */
.button_disabled a,
.button_disabled a:visited,
.button_disabled a:hover,
.button_disabled a:focus,
.button_disabled a:active,
.button_disabled button,
.button_disabled button:hover,
.button_disabled button:focus,
.button_disabled input,
.button_disabled input:hover,
.button_disabled input:focus,
.button span {
    border-color: #ccc;
    background: #ccc;
    color: #827a71;
    cursor: default;
}

/* next ----------------------------------------------- //// */
.button_next a,
.button_next a:visited,
.button_next a:hover,
.button_next a:focus,
.button_next a:active,
.button_next button,
.button_next button:hover,
.button_next button:focus,
.button_next button:active,
.button_next input,
.button_next input:hover,
.button_next input:focus,
.button_next input:active,
.button_next span {
    padding-right: 1em;
    background-image: url(/static/images/global/button_next.gif);
    background-repeat: no-repeat;
    background-position: 93% 53%;
}

/* previous ----------------------------------------------- //// */
.button_previous a,
.button_previous a:visited,
.button_previous a:hover,
.button_previous a:focus,
.button_previous a:active,
.button_previous button,
.button_previous button:hover,
.button_previous button:focus,
.button_previous button:active,
.button_previous input,
.button_previous input:hover,
.button_previous input:focus,
.button_previous input:active,
.button_previous span {
    padding-left: 1em;
    background-image: url(/static/images/global/button_previous.gif);
    background-repeat: no-repeat;
    background-position: 7% 53%;
}

/* expand ----------------------------------------------- //// */
.button_expand a,
.button_expand a:visited,
.button_expand a:hover,
.button_expand a:focus,
.button_expand a:active,
.button_expand button,
.button_expand button:hover,
.button_expand button:focus,
.button_expand button:active {
    display: inline-block;
    overflow: hidden;
    background-image: url(/static/images/global/button_expand.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
}

.button_go button {
	background-color: #5CA61F;
}

.button_go button,
.button_go button:hover,
.button_go button:focus,
.button_go button:active {
        display: inline-block;
        overflow: hidden;
        background-image: url(/static/images/global/button_go.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-indent: -9999px;
	}
	
/* contract ----------------------------------------------- //// */
.button_contract a,
.button_contract a:visited,
.button_contract a:hover,
.button_contract a:focus,
.button_contract a:active,
.button_contract button,
.button_contract button:hover,
.button_contract button:focus,
.button_contract button:active {
    display: inline-block;
    overflow: hidden;
    background-image: url(/static/images/global/button_contract.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
}

/* loading ----------------------------------------------- //// */
.button_loading {
    position: relative;
    top: 1px;
    margin-right: 13px;
    padding: .2857em 1.14286em; /* 4px 16px */
    border: 1px solid #2a8a15;
    background: #fff url(/static/images/ajax-button-loader.gif) no-repeat 50% 50%;
}

.button_loading a,
.button_loading a:visited,
.button_loading button,
.button_loading input {
        visibility: hidden;
        margin: 0;
        padding: 0 0 0 1px;
        border: 0;
    }

/* search ----------------------------------------------- //// */
.button_search {
    margin: 0;
}

.button_search a,
.button_search a:visited,
.button_search button,
.button_search input {
        overflow: hidden;
        padding: 5px 6px;
        width: 27px;
        max-height: 30px;
        background: url(/static/images/global/search.png) no-repeat 50% 50%;
        background: url(/static/images/global/search.png) no-repeat 50% 50%, -moz-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background: url(/static/images/global/search.png) no-repeat 50% 50%, -ms-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background: url(/static/images/global/search.png) no-repeat 50% 50%, -o-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background: url(/static/images/global/search.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(30%, #5CA61F), color-stop(100%, #1F760C));
        background: url(/static/images/global/search.png) no-repeat 50% 50%, -webkit-linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background: url(/static/images/global/search.png) no-repeat 50% 50%, linear-gradient(top, #5CA61F 30%, #1F760C 100%);
        background-color: #5Ca61f;
        text-indent: -9999px;
    }

.ie6 .button_search a,
.ie6 .button_search a:visited,
.ie6 .button_search button,
.ie6 .button_search input {
    background-image: url(/static/images/global/search.gif);
}

.ie7 .button_search a,
.ie7 .button_search a:visited,
.ie7 .button_search button,
.ie7 .button_search input {
    max-height: 28px;
}

.button_search a:hover,
.button_search a:focus,
.button_search button:hover,
.button_search button:focus,
.button_search input:hover,
.button_search input:focus {
    background: url(/static/images/global/search.png) no-repeat 50% 50%;
    background: url(/static/images/global/search.png) no-repeat 50% 50%, -moz-linear-gradient(top, #1F760C 0, #5CA61F 70%);
    background: url(/static/images/global/search.png) no-repeat 50% 50%, -ms-linear-gradient(top, #1F760C 0, #5CA61F 70%);
    background: url(/static/images/global/search.png) no-repeat 50% 50%, -o-linear-gradient(top, #1F760C 0, #5CA61F 70%);
    background: url(/static/images/global/search.png) no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F760C), color-stop(70%, #5CA61F));
    background: url(/static/images/global/search.png) no-repeat 50% 50%, -webkit-linear-gradient(top, #1F760C 0, #5CA61F 70%);
    background: url(/static/images/global/search.png) no-repeat 50% 50%, linear-gradient(top, #1F760C 0, #5CA61F 70%);
    background-color: #1f760c;
}

/*  This class will be removed via JavaScript when the click handler is added to close the current tab/window */
.close_win_only_hidden {
    display: none;
}

/* MEDIA QUERY: 480px
---------------------------------------------------------------------------------------- //// */
@media (min-width:480px) {
	.button a,
	.button a:visited,
	.button button,
	.button input,
	.button span {
        font-size: 1em; /* 14px */
        text-align: left;
    }

	/* search ----------------------------------------- //// */
	.button_search {
        margin: 0;
    }
}