/**
* Allegra Survey Platform
*/




/*----------------------------------------------------------------------------*/




/**
* @region BUTTON */
  
 
.as-button 
{
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);

    /* background-image: url('/images/overlay-button.png');
    background-repeat: repeat-x;*/
    
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: white !important;
    cursor: pointer; 
    overflow: visible; 
    position: relative;
    text-decoration: none; 
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    width: auto;
    text-align: center;
    vertical-align: middle;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;
}

#submit
{
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 8px;
    padding-bottom: 6px;
    color: #fff;
    position: absolute;
    right: 0px;
    bottom: 5px;
    cursor: pointer;
    background: #50A75C;
}
#submit:hover
{
    background: #333;
    text-decoration: none;
}
    
.as-button.as-mini 
{
    margin-top: 1px;
    font-size: 11px;
    height: 20px; 
    /* border-radius: 3px;*/
    padding: 0px 10px 1px 10px;
	
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.as-button.as-small 
{
    margin-top: 1px;
    font-size: 11px;
    height: 24px; 
    border-radius: 3px;
    padding: 1px 10px 2px 10px
}

.as-button.as-medium 
{
    margin-top: 2px;
    font-size: 12px;
    height: 40px; 
    border-radius: 3px;
    padding: 2px 10px 3px 10px; 
    min-width: 120px;
    text-transform: uppercase;
}

.as-button.as-large 
{
    padding: 2px 15px 3px 15px; 
    font-size: 13px;
    height: 48px;
    margin: 0 !important; 
    min-width: 120px; 
    text-transform: uppercase; 
    border-radius: 3px;
}

.as-button.as-green 
{
    background-color: #4EB106;
    border: 1px solid #459e1d;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
    
    border-color: #358123;
    color: white;
    background: rgb(97, 186, 77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(97, 186, 77, 1) 0%, rgba(62, 151, 42, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(97, 186, 77, 1)), color-stop(100%, rgba(62, 151, 42, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(97, 186, 77, 1) 0%, rgba(62, 151, 42, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(97, 186, 77, 1) 0%, rgba(62, 151, 42, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(97, 186, 77, 1) 0%, rgba(62, 151, 42, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(97, 186, 77, 1) 0%, rgba(62, 151, 42, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61ba4d', endColorstr='#3e972a',GradientType=0 ); /* IE6-9 */


   
}

.as-button.as-red 
{
    border: 1px solid #d14836;
    background-color: #d14836;
    text-shadow: 0 1px rgba(0, 0, 0, .1);
    background-image: linear-gradient(top, #dd4b39, #d14836);
}

.as-button.as-red:hover
{
    border-left: 1px solid #b0281a;
    border-right: 1px solid #b0281a;
    border-top: 1px solid #b0281a;
    border-bottom: 1px solid #af301f;
    color: #fff;
    background-color: #c53727;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    background-image: linear-gradient(top, #dd4b39, #c53727);
}

.as-button.as-brown
{
    background-color: #423E35;
    border: 1px solid #43423e;

}

.as-button.as-brown:hover 
{
    background-color: #5D584C;
}

.as-button.as-gray
{
    border: 1px solid #AAA;
    border-color: rgba(0, 0, 0, 0.30);

    background-color: #E3E4E4;
    
    background: white -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.10))) !important;
    background: white -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.10)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000',endColorstr='#000000e5') !important;
    
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px, inset rgba(255, 255, 255, 0.5) 0 1px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px, inset rgba(255, 255, 255, 0.5) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px, inset rgba(255, 255, 255, 0.5) 0 1px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px, inset rgba(255, 255, 255, 0.5) 0 1px 0;
    
    -webkit-background-clip: border-box;
    -moz-background-clip: border;
    background-clip: border-box;
    
    color: #444 !important;
}

.as-button.as-gray:hover 
{

    border-color: rgba(0, 0, 0, 0.50);
    background-color: #C8C8C8;
    background: white -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.15))) !important;
    background: white -moz-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.15)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000f5',endColorstr='#000000d9') !important;
    -webkit-background-clip: border-box;
    -moz-background-clip: border;
    background-clip: border-box;
}

.as-button.as-green:hover 
{
    background: rgb(119, 198, 97); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(119, 198, 97, 1) 0%, rgba(89, 178, 62, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(119, 198, 97, 1)), color-stop(100%, rgba(89, 178, 62, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(119, 198, 97, 1) 0%, rgba(89, 178, 62, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(119, 198, 97, 1) 0%, rgba(89, 178, 62, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(119, 198, 97, 1) 0%, rgba(89, 178, 62, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(119, 198, 97, 1) 0%, rgba(89, 178, 62, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c661', endColorstr='#59b23e',GradientType=0 ); /* IE6-9 */



}

.as-button:hover 
{
    
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
    -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);

  
 
    -webkit-transition: all 0;
    -moz-transition: all 0;
    -o-transition: all 0;
    transition: all 0;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}

/** @endregion BUTTON */






/*----------------------------------------------------------------------------*/




          
/* Engraved Buttons */
            
.engraved
{
    background: rgba(0, 0, 0, .08);
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    opacity: 1;
    float: left;
    margin: 0px 2px;
}
            
.engraved a
{
    color: white;
    border: 1px solid rgba(0, 0, 0, .3);
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
            
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    font: 12px Helvetica, arial, freesans, clean, sans-serif; 
}
            
.engraved a.red
{
    background: #c60000;
    background: linear-gradient(top, #c60000 0%, #b20000 100%);
    background: -moz-linear-gradient(top, #c60000 0%, #b20000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c60000), color-stop(100%, #b20000));
    background: -webkit-linear-gradient(top, #c60000 0%, #b20000 100%)
}
.engraved a.orange
{
    background: #f99015;
    background: linear-gradient(top, #f99015 0%, #f76c0f 100%);
    background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f99015), color-stop(100%, #f76c0f));
    background: -webkit-linear-gradient(top, #f99015 0%, #f76c0f 100%)
}
.engraved a.green
{
    background: #80BF4F;
    background: linear-gradient(top, #80BF4F 0%, #63A72F 100%);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80BF4F), color-stop(100%, #63A72F));
    background-image: -webkit-linear-gradient(#80BF4F, #63A72F);
    background-image: -moz-linear-gradient(#80BF4F, #63A72F);
    background-image: -o-linear-gradient(#80BF4F, #63A72F);
}
.engraved a.blue
{
    background: #16a4c8;
    background: linear-gradient(top, #16a4c8 0%, #1086b6 100%);
    background: -moz-linear-gradient(top, #16a4c8 0%, #1086b6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16a4c8), color-stop(100%, #1086b6));
    background: -webkit-linear-gradient(top, #16a4c8 0%, #1086b6 100%)
}
.engraved a.gray
{
    background: #c2c2c2;
    background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
    background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae));
    background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%)
}
.engraved a.dark
{
    background: #464646;
    background: linear-gradient(top, #464646 0%, #343434 100%);
    background: -moz-linear-gradient(top, #464646 0%, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434));
    background: -webkit-linear-gradient(top, #464646 0%, #343434 100%)
}
.custom .engraved a:hover, .engraved:hover { color: #fff; opacity: .7 }