/* global CSS */

#button-container {
    clear: both;
    width: 100%;
    text-align: center;
}

#button-container .button {
    position: relative;
    left: 325px;
    padding: 0 30px;
}

.button {
    display: block;
    width: 100%;

    font-family: 'pt_sansbold', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 #37746f;

    color: #fff;
    border: 1px solid #3c918e; border-radius: 3px;

    background: #2F8C8A;
    background-image: linear-gradient(top, #4e9da1 0%, #459596 100%);
    background-image: -o-linear-gradient(top, #4e9da1 0%, #459596 100%);
    background-image: -moz-linear-gradient(top, #4e9da1 0%, #459596 100%);
    background-image: -webkit-linear-gradient(top, #4e9da1 0%, #459596 100%);
    background-image: -ms-linear-gradient(top, #4e9da1 0%, #459596 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4e9da1)),color-stop(1, #459596));
            
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.button:hover {
    background: #39999d;
    background-image: linear-gradient(top, #39999d 0%, #57abac 100%);
    background-image: -o-linear-gradient(top, #39999d 0%, #57abac 100%);
    background-image: -moz-linear-gradient(top, #39999d 0%, #57abac 100%);
    background-image: -webkit-linear-gradient(top, #39999d 0%, #57abac 100%);
    background-image: -ms-linear-gradient(top, #39999d 0%, #57abac 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #39999d)),color-stop(1, #57abac));    
}

/*  e-mail registration form  */
    
.input-medium-fixed {
    width: 150px;
}

.input-append button {
    line-height: normal;
    float: left;
    position: relative;

    padding: 1em 1.5em;
    margin-left: -12px;
    margin-top: 0;
    
    z-index: 3;
    cursor: pointer;
    font-size: 12px;

    -webkit-border-radius: 0 3px 3px 0;
       -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
}

.input-append input {
    position: relative;
    z-index: 2;
    float: left;

    -webkit-border-radius: 3px 0 0 3px;
       -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
}

.input-append input[type="email"],
.input-append input[type="text"] {
    display: block;
    font-size: 12px;
    margin: 0 0.875em 1.5em 0;
    padding: 1em;
    border: 1px solid #d3d3d3;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;

    -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.05);
}

.about .button.orange {
    margin: 0 auto;
    width: 70%;
}


/* orange button  */
.orange{
    border: 1px solid #e45700;
    color: #fff;
    font-weight: normal;
    line-height: 16px;
    padding: 13px 10px 11px;
    text-align: center;
    cursor: pointer;

    background-color: #DD6418;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNyA1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDY1MzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTc3YzM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzciIGhlaWdodD0iNTAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #d65300 0%, #e77c39 100%);
    background-image: -o-linear-gradient(bottom, #d65300 0%, #e77c39 100%);
    background-image: -webkit-linear-gradient(bottom, #d65300 0%, #e77c39 100%);
    background-image: linear-gradient(bottom, #d65300 0%, #e77c39 100%);

    text-shadow: 0 -1px 0 rgba(185, 71, 0, 0.75);

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
}

.orange:hover {
    background-color: #E77B37;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNyA1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDY1MzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWU4YTRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzciIGhlaWdodD0iNTAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #d65300 0%, #ee8a4b 100%);
    background-image: -o-linear-gradient(bottom, #d65300 0%, #ee8a4b 100%);
    background-image: -webkit-linear-gradient(bottom, #d65300 0%, #ee8a4b 100%);
    background-image: linear-gradient(bottom, #d65300 0%, #ee8a4b 100%);
}

.orange:active {
    background-color: #E77B37;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNyA1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTE2ZjI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTk2OTE4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzciIGhlaWdodD0iNTAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #e16f25 0%, #e96918 100%);
    background-image: -o-linear-gradient(bottom, #e16f25 0%, #e96918 100%);
    background-image: -webkit-linear-gradient(bottom, #e16f25 0%, #e96918 100%);
    background-image: linear-gradient(bottom, #e16f25 0%, #e96918 100%);

    -webkit-box-shadow: inset 0 1px 5px rgba(153, 59, 0, 0.3);
       -moz-box-shadow: inset 0 1px 5px rgba(153, 59, 0, 0.3);
            box-shadow: inset 0 1px 5px rgba(153, 59, 0, 0.3);
}