@charset "utf-8";

/*
based on CSS3 Gradient Buttons
         (by Web Designer Wall)
*/

/* button [non pie.htc version]
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 3px 0 3px 5px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /*font: bold 13px/100% 'MS Gothic';*/
    font-size: 13px !important; font-size: 1.3rem !important;
    font-weight: bold;
    font-family: 'MS Gothic';
    padding: 5px 14px;
    _padding: 5px 0 2px; /* ie6 hack */
    position: relative;
    white-space: nowrap;
}



.button:link {
    text-decoration: none;
}
.button:visited {
    text-decoration: none;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    text-decoration: none;
    top: 1px;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active, .button.disabled {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #EAEAEA;
    box-shadow: none !important;
    color: #999999;
    cursor: default;
    position: static;
    text-shadow: none !important;
}

.xlarge {
    font-size: 16px !important; font-size: 1.6rem !important;
    padding: 12px 30px;
}
*:first-child+html .xlarge {
    padding: 12px 8px 10px;    /* ie7 hack */
}
* html input.xlarge { /* ie6 hack */
    padding: 12px 8px 10px;
}

.large {
    font-size: 14px !important; font-size: 1.4rem !important;
    padding: 8px 12px;
}
*:first-child+html .large {
    padding: 8px 6px 6px;    /* ie7 hack */
}
* html input.large { /* ie6 hack */
    padding: 8px 6px 6px;
}


.medium {
    font-size: 12px !important; font-size: 1.2rem !important;
    padding: 3px 7px;
    _padding: 5px 0 0; /* ie6 hack */
}
*:first-child+html .medium {
    padding: 3px 0 1px;    /* ie7 hack */
}
a.medium, x:-moz-any-link, x:default {
    padding: 5px 10px; /* firefox3 hack */
}
* html a.medium { /* ie6 hack */
    line-height: 1.1em;
    padding: 5px 12px 2px;
}
* html input.medium { /* ie6 hack */
    padding: 5px 3px 1px;
}
.small {
    font-size: 12px !important; font-size: 1.2rem !important;
    padding: 2px 5px;
    _padding: 3px 0 0; /* ie6 hack */
}
*:first-child+html .small {
    padding: 2px 0 1px;    /* ie7 hack */
}
a.small, x:-moz-any-link, x:default {
    padding: 4px 8px; /* firefox3 hack */
}
* html a.small { /* ie6 hack */
    top: 1px;
    padding: 3px 9px 2px;
}
* html input.small { /* ie6 hack */
    padding: 2px 1px 0;
}

.xsmall {
    font-size: 10px !important; font-size: 1.0rem !important;
    padding: 1px 4px  !important;
    _padding: 2px 0 0; /* ie6 hack */
}



/* color styles 
---------------------------------------------- */

/* orange */
.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d; /* Old browsers */
    background: -moz-linear-gradient(top,  #faa51a 0%, #f47a20 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #faa51a 0%,#f47a20 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #faa51a 0%,#f47a20 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */
}
.orange:hover {
    background: #f47c20; /* Old browsers */
    background: -moz-linear-gradient(top,  #f88e11 0%, #f06015 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#f06015)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f88e11 0%,#f06015 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f88e11 0%,#f06015 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 ); /* IE6-9 */
}
.orange:active {
    color: #fcd3a5 !important;
    background: #f47a20; /* Old browsers */
    background: -moz-linear-gradient(top,  #f47a20 0%, #faa51a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f47a20 0%,#faa51a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f47a20 0%,#faa51a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 ); /* IE6-9 */
}

.orange[disabled], 
.orange[disabled]:hover, 
.orange[disabled]:active,
.orange.disabled,
.orange.disabled:hover,
.orange.disabled:active {
    background: none repeat scroll 0 0 #DA7C0C ;
    border-color: #eaeaea;
    color: #999999 !important;
}

/* black */
.black {
    color: #d7d7d7 !important;
    border: solid 1px #333;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #666666 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #666666 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #666666 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #666666 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.black:hover {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #444444 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #444444 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #444444 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #444444 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #444444 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.black:active {
    color: #666 !important;
    background: -moz-linear-gradient(top,  #000000 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}

.black[disabled], 
.black[disabled]:hover, 
.black[disabled]:active,
.black.disabled,
.black.disabled:hover,
.black.disabled:active {
    background: none repeat scroll 0 0 #666666 ;
    border-color: #000000;
    color: #eeeeee !important;
}

/* gray */
.gray {
    color: #e9e9e9 !important;
    border: solid 1px #555;
    background: #6e6e6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #888888 0%, #575757 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#575757)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #888888 0%,#575757 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #888888 0%,#575757 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #888888 0%,#575757 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #888888 0%,#575757 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
}
.gray:hover {
    background: #616161; /* Old browsers */
    background: -moz-linear-gradient(top,  #757575 0%, #4b4b4b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #757575 0%,#4b4b4b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #757575 0%,#4b4b4b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */
}
.gray:active {
    color: #afafaf !important;
    background: -moz-linear-gradient(top,  #575757 0%, #888888 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#888888)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #575757 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #575757 0%,#888888 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #575757 0%,#888888 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #575757 0%,#888888 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

.gray[disabled], 
.gray[disabled]:hover, 
.gray[disabled]:active,
.gray.disabled,
.gray.disabled:hover,
.gray.disabled:active {
    background: none repeat scroll 0 0 #666666 ;
    border-color: #000000;
    color: #eeeeee !important;
}


/* blue */
.blue {
    color: #d9eef7 !important;
    border: solid 1px #0076a3;
    width: 100px;
    background: #0095cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #00adee 0%, #0078a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00adee 0%,#0078a5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00adee 0%,#0078a5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */
}
.blue:hover {
    background: #007ead; /* Old browsers */
    background: -moz-linear-gradient(top,  #0095cc 0%, #00678e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0095cc 0%,#00678e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0095cc 0%,#00678e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 ); /* IE6-9 */
}
.blue:active {
    color: #80bed6 !important;
    background: -moz-linear-gradient(top,  #0078a5 0%, #00adee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0078a5 0%,#00adee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0078a5 0%,#00adee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 ); /* IE6-9 */
}

.blue[disabled], 
.blue[disabled]:hover, 
.blue[disabled]:active,
.blue.disabled,
.blue.disabled:hover,
.blue.disabled:active {
    background: none repeat scroll 0 0 #0076C0 ;
    border-color: #005395;
    color: #999999 !important;
}