/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Button style-12
*/

	/* sizes -------- */
	.style-12.small.button { 
	    font-size  : 11px; 
        padding    : 0 21px 3px; 
        width      : auto; 
        height     : 29px; 
        line-height: 26px;
    }
        
	.style-12.button, 
    .style-12.medium.button { 
        font-size  : 12px; 
        padding    : 0 32px 3px; 
        width      : auto; 
        height     : 32px; 
        line-height: 29px; 
    }  
        
	.style-12.large.button  { 
	    font-size  : 18px; 
        padding    : 0 44px 3px;
        width      : auto; 
        height     : 42px; 
        line-height: 39px; 
     }
     

    /* Corners ---------- */          
    .style-12.button.button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }     
    
    /* style-12 general */
    .style-12.button div, .style-12.button:hover div {
        position          : absolute; 
        left              : 0; 
        top               : 0; 
        width             : 100%; 
        height            : 52%;  
        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;               
    }
  
    .style-12.button:active div, .style-12.button.active div { visibility: hidden; }
    
    /* span contains button label */
    .style-12.button.button span{ position: relative; z-index: 10; }
    

    /* style-12 yellow */
    .style-12.button.yellow {
        border            : 1px solid #f1af44; border-top: 1px solid #f1af44;
        background        : #ffa70c;
        background        : rgba(255, 167, 12, 0.9);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    .style-12.button.yellow div{
        background        : #f7bf5d;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YmY1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmI5NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f7bf5d 0%, #f6b94f 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7bf5d), color-stop(100%,#f6b94f));
        background        : -webkit-linear-gradient(top,  #f7bf5d 0%,#f6b94f 100%);
        background        : -o-linear-gradient(top,  #f7bf5d 0%,#f6b94f 100%);
        background        : -ms-linear-gradient(top,  #f7bf5d 0%,#f6b94f 100%);
        background        : linear-gradient(top,  #f7bf5d 0%,#f6b94f 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7bf5d', endColorstr='#f6b94f',GradientType=0 );
        box-shadow        : 0 1px 0 0 #f9cf85 inset;
        -moz-box-shadow   : 0 1px 0 0 #f9cf85 inset;
	    -webkit-box-shadow: 0 1px 0 0 #f9cf85 inset;        
    }

    .style-12.button.yellow:hover {
        border            : 1px solid #f1af44;
        background        : #ffbd49;
        background        : rgba(255,189,73,0.9);
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }
    
    .style-12.button.yellow:hover div {
        background        : #ffd180;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDE4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNjNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #ffd180 0%, #ffcc72 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd180), color-stop(100%,#ffcc72));
        background        : -webkit-linear-gradient(top,  #ffd180 0%,#ffcc72 100%);
        background        : -o-linear-gradient(top,  #ffd180 0%,#ffcc72 100%);
        background        : -ms-linear-gradient(top,  #ffd180 0%,#ffcc72 100%);
        background        : linear-gradient(top,  #ffd180 0%,#ffcc72 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd180', endColorstr='#ffcc72',GradientType=0 );
        box-shadow        : 0 1px 0 0 #ffdda0 inset;  
        -moz-box-shadow   : 0 1px 0 0 #ffdda0 inset;
	    -webkit-box-shadow: 0 1px 0 0 #ffdda0 inset;        
    }
        
    .style-12.button.yellow:active, .style-12.button.yellow.active {
        border            : 1px solid #f1af44;
        background        : #ffa70c;
        background        : rgba(255,167,12,0.9);
        box-shadow        : 0 1px 0 0 #f6ba51 inset;  
        -moz-box-shadow   : 0 1px 0 0 #f6ba51 inset;
	    -webkit-box-shadow: 0 1px 0 0 #f6ba51 inset;
        color             : #7b540b;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.39);
    }

    
    /* style-12 blue */
    .style-12.button.blue {
        border            : 1px solid #346297;
        background        : #3786df;
        background        : rgba(55, 134, 223, 0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.blue div{
        background        : #79aae2;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YWFlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YmEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #79aae2 0%, #6ba2df 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79aae2), color-stop(100%,#6ba2df));
        background        : -webkit-linear-gradient(top,  #79aae2 0%,#6ba2df 100%);
        background        : -o-linear-gradient(top,  #79aae2 0%,#6ba2df 100%);
        background        : -ms-linear-gradient(top,  #79aae2 0%,#6ba2df 100%);
        background        : linear-gradient(top,  #79aae2 0%,#6ba2df 100%);
        box-shadow        : 0 1px 0 0 #9bbfe9 inset;
        -moz-box-shadow   : 0 1px 0 0 #9bbfe9 inset;
	    -webkit-box-shadow: 0 1px 0 0 #9bbfe9 inset;
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aae2', endColorstr='#6ba2df',GradientType=0 );
    }

    .style-12.button.blue:hover {
        border            : 1px solid #346297;
        background        : #6ea1da;
        background        : rgba(105,164,231,0.85);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.blue:hover div{
        background        : #96bfee;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YmZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YmI5ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #96bfee 0%, #8bb9ec 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96bfee), color-stop(100%,#8bb9ec));
        background        : -webkit-linear-gradient(top,  #96bfee 0%,#8bb9ec 100%);
        background        : -o-linear-gradient(top,  #96bfee 0%,#8bb9ec 100%);
        background        : -ms-linear-gradient(top,  #96bfee 0%,#8bb9ec 100%);
        background        : linear-gradient(top,  #96bfee 0%,#8bb9ec 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#96bfee', endColorstr='#8bb9ec',GradientType=0 );
        box-shadow        : 0 1px 0 0 #b1d0f2 inset;  
        -moz-box-shadow   : 0 1px 0 0 #b1d0f2 inset;
	    -webkit-box-shadow: 0 1px 0 0 #b1d0f2 inset;      
    }
    
    .style-12.button.blue:active, .style-12.button.blue.active {
        border            : 1px solid #346297;
        background        : #3786df;
        background        : rgba(55,134,223,0.9);
        box-shadow        : 0 1px 0 0 #6fa4e0 inset;  
        -moz-box-shadow   : 0 1px 0 0 #6fa4e0 inset;
	    -webkit-box-shadow: 0 1px 0 0 #6fa4e0 inset;
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
     
     
    /* style-12 green */
    .style-12.button.green {
        border            : 1px solid #2f6501;
        background        : #5aa600;
        background        : rgba(90, 166, 0, 0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.green div{
        background        : #8fbe57;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYmU1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NGI4NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #8fbe57 0%, #84b846 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fbe57), color-stop(100%,#84b846));
        background        : -webkit-linear-gradient(top,  #8fbe57 0%,#84b846 100%);
        background        : -o-linear-gradient(top,  #8fbe57 0%,#84b846 100%);
        background        : -ms-linear-gradient(top,  #8fbe57 0%,#84b846 100%);
        background        : linear-gradient(top,  #8fbe57 0%,#84b846 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbe57', endColorstr='#84b846',GradientType=0);
        box-shadow        : 0 1px 0 0 #abce80 inset;
        -moz-box-shadow   : 0 1px 0 0 #abce80 inset;
	    -webkit-box-shadow: 0 1px 0 0 #abce80 inset;
    }

    .style-12.button.green:hover {
        border            : 1px solid #2f6501;
        background        : #83bc40;
        background        : rgba(131,188,64,0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.green:hover div {
        background        : #a8d07a;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZDA3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmNiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #a8d07a 0%, #9fcb6b 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8d07a), color-stop(100%,#9fcb6b));
        background        : -webkit-linear-gradient(top,  #a8d07a 0%,#9fcb6b 100%);
        background        : -o-linear-gradient(top,  #a8d07a 0%,#9fcb6b 100%);
        background        : -ms-linear-gradient(top,  #a8d07a 0%,#9fcb6b 100%);
        background        : linear-gradient(top,  #a8d07a 0%,#9fcb6b 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d07a', endColorstr='#9fcb6b',GradientType=0 );
        box-shadow        : 0 1px 0 0 #bedc9b inset;  
        -moz-box-shadow   : 0 1px 0 0 #bedc9b inset;
	    -webkit-box-shadow: 0 1px 0 0 #bedc9b inset;       
    }
    
    .style-12.button.green:active, .style-12.button.green.active {
        border            : 1px solid #2f6501;
        background        : #5aa600;
        background        : rgba(90,166,0,0.9);
        box-shadow        : 0 1px 0 0 #87b94a inset;  
        -moz-box-shadow   : 0 1px 0 0 #87b94a inset;
	    -webkit-box-shadow: 0 1px 0 0 #87b94a inset;
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    
    /* style-12 red */
    .style-12.button.red {
        border            : 1px solid #850302;
        background        : #e30000;
        background        : rgba(227, 0, 0, 0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.red div{
        background        : #e45757;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjQ2NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #e45757 0%, #e24646 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45757), color-stop(100%,#e24646));
        background        : -webkit-linear-gradient(top,  #e45757 0%,#e24646 100%);
        background        : -o-linear-gradient(top,  #e45757 0%,#e24646 100%);
        background        : -ms-linear-gradient(top,  #e45757 0%,#e24646 100%);
        background        : linear-gradient(top,  #e45757 0%,#e24646 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45757', endColorstr='#e24646',GradientType=0 );
        box-shadow        : 0 1px 0 0 #eb7f7f inset;
        -moz-box-shadow   : 0 1px 0 0 #eb7f7f inset;
	    -webkit-box-shadow: 0 1px 0 0 #eb7f7f inset;
    }

    .style-12.button.red:hover {
        border            : 1px solid #850302;
        background        : #ea4040;
        background        : rgba(234,64,64,0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }
    
    .style-12.button.red:hover div{
        background        : #f07a7a;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwN2E3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjZiNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #f07a7a 0%, #ef6b6b 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f07a7a), color-stop(100%,#ef6b6b));
        background        : -webkit-linear-gradient(top,  #f07a7a 0%,#ef6b6b 100%);
        background        : -o-linear-gradient(top,  #f07a7a 0%,#ef6b6b 100%);
        background        : -ms-linear-gradient(top,  #f07a7a 0%,#ef6b6b 100%);
        background        : linear-gradient(top,  #f07a7a 0%,#ef6b6b 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07a7a', endColorstr='#ef6b6b',GradientType=0);
        box-shadow        : 0 1px 0 0 #f49b9b inset;  
        -moz-box-shadow   : 0 1px 0 0 #f49b9b inset;
	    -webkit-box-shadow: 0 1px 0 0 #f49b9b inset;        
    }
    
    .style-12.button.red:active,
    .style-12.button.red.active {
        border            : 1px solid #a13332; border-top: 1px solid #a13332;
        background        : #e30000;
        background        : rgba(227,0,0,0.9);
        box-shadow        : 0 1px 0 0 #e34949 inset;  
        -moz-box-shadow   : 0 1px 0 0 #e34949 inset;
	    -webkit-box-shadow: 0 1px 0 0 #e34949 inset;
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.30);
    }


    /* style-12 light-gray */
    .style-12.button.light-gray {
        border            : 1px solid #777;
        background        : #cecfd2;
        color             : #424242;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.47);
    }
    
    .style-12.button.light-gray div{
        background        : #dddde0;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRhZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #dddde0 0%, #d9dadc 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddde0), color-stop(100%,#d9dadc));
        background        : -webkit-linear-gradient(top,  #dddde0 0%,#d9dadc 100%);
        background        : -o-linear-gradient(top,  #dddde0 0%,#d9dadc 100%);
        background        : -ms-linear-gradient(top,  #dddde0 0%,#d9dadc 100%);
        background        : linear-gradient(top,  #dddde0 0%,#d9dadc 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddde0', endColorstr='#d9dadc',GradientType=0);
        box-shadow        : 0 1px 0 0 #e5e6e7 inset;
        -moz-box-shadow   : 0 1px 0 0 #e5e6e7 inset;
	    -webkit-box-shadow: 0 1px 0 0 #e5e6e7 inset;
    }

    .style-12.button.light-gray:hover {
        border            : 1px solid #777;
        background        : #e1e2e4;
        background        : rgba(225,226,228,0.9);
        color             : #424242;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.47);
    }
  
    .style-12.button.light-gray:hover div{
        background        : #eaebec;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU5ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #eaebec 0%, #e8e9ea 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaebec), color-stop(100%,#e8e9ea));
        background        : -webkit-linear-gradient(top,  #eaebec 0%,#e8e9ea 100%);
        background        : -o-linear-gradient(top,  #eaebec 0%,#e8e9ea 100%);
        background        : -ms-linear-gradient(top,  #eaebec 0%,#e8e9ea 100%);
        background        : linear-gradient(top,  #eaebec 0%,#e8e9ea 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#e8e9ea',GradientType=0);
        box-shadow        : 0 1px 0 0 #f0f0f1 inset;  
        -moz-box-shadow   : 0 1px 0 0 #f0f0f1 inset;
	    -webkit-box-shadow: 0 1px 0 0 #f0f0f1 inset;      
    }
    
    .style-12.button.light-gray:active,
    .style-12.button.light-gray.active {
        border            : 1px solid #969696; border-top: 1px solid #909091;
        background        : #d7d8db;
        background        : rgba(215,216,219,0.9);
        box-shadow        : 0 1px 0 0 #dadbdd inset;  
        -moz-box-shadow   : 0 1px 0 0 #dadbdd inset;
	    -webkit-box-shadow: 0 1px 0 0 #dadbdd inset;
        color             : #424242;
        text-shadow       : 0 1px 0 rgba(255, 255, 255, 0.47);
    }
    

    /* style-12 dark-gray */
    .style-12.button.dark-gray {
        border            : 1px solid #535353;
        background        : #333;
        background        : rgba(51, 51, 51, 0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-12.button.dark-gray div{ 
        background        : #767676;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2NzY3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzY3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #767676 0%, #676767 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(100%,#676767));
        background        : -webkit-linear-gradient(top,  #767676 0%,#676767 100%);
        background        : -o-linear-gradient(top,  #767676 0%,#676767 100%);
        background        : -ms-linear-gradient(top,  #767676 0%,#676767 100%);
        background        : linear-gradient(top,  #767676 0%,#676767 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#676767',GradientType=0 );
        box-shadow        : 0 1px 0 0 #989898 inset;
        -moz-box-shadow   : 0 1px 0 0 #989898 inset;
	    -webkit-box-shadow: 0 1px 0 0 #989898 inset;
    }

    .style-12.button.dark-gray:hover {
        border            : 1px solid #535353;
        background        : #666;
        background        : rgba(102,102,102,0.9);
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.40);
    }
    
    .style-12.button.dark-gray:hover div{ 
        background        : #949494;
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0OTQ5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background        : -moz-linear-gradient(top,  #949494 0%, #898989 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(100%,#898989));
        background        : -webkit-linear-gradient(top,  #949494 0%,#898989 100%);
        background        : -o-linear-gradient(top,  #949494 0%,#898989 100%);
        background        : -ms-linear-gradient(top,  #949494 0%,#898989 100%);
        background        : linear-gradient(top,  #949494 0%,#898989 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#898989',GradientType=0);
        box-shadow        : 0 1px 0 0 #afafaf inset;  
        -moz-box-shadow   : 0 1px 0 0 #afafaf inset;
	    -webkit-box-shadow: 0 1px 0 0 #afafaf inset;       
    }
    
    .style-12.button.dark-gray:active,
    .style-12.button.dark-gray.active {
        border            : 1px solid #535353;
        background        : #333;
        background        : rgba(51,51,51,0.9);
        box-shadow        : 0 1px 0 0 #6c6c6c inset;  
        -moz-box-shadow   : 0 1px 0 0 #6c6c6c inset;
	    -webkit-box-shadow: 0 1px 0 0 #6c6c6c inset;
        color             : #fff;
        text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.40);
    }
    
    
    /* transparents */
    .style-12.button.transparent-black{ 
        background             : rgba(0, 0, 0, 0.4);
        border                 : 1px solid rgba(83,83,83,0.4); 
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box;
        color                  : #fff;             
    }
    
    .style-12.button.transparent-black div{
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background        : -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.2)));
        background        : -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33ffffff',GradientType=0 );
    }
    
    .style-12.button.transparent-black:hover {
        border                 : 1px solid rgba(83,83,83,0.2); 
        background             : rgba(0, 0, 0, 0.25);
        box-shadow             : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-box-shadow        : 0 1px 0 0 rgba(255,255,255,0.25) inset;
	    -webkit-box-shadow     : 0 1px 0 0 rgba(255,255,255,0.25) inset; 
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box;
        color                  : #fff;               
    } 
    
    .style-12.button.transparent-black:hover div {
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background        : -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0.3)));
        background        : -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4dffffff',GradientType=0 );
    }
        
    .style-12.button.transparent-black:active,
    .style-12.button.transparent-black.active { 
        border                 : 1px solid rgba(83,83,83,0.4);         
        background             : rgba(0, 0, 0, 0.15);
        box-shadow             : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-box-shadow        : 0 1px 0 0 rgba(255,255,255,0.25) inset;
	    -webkit-box-shadow     : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box;
        color                  : #fff;                    
    } 
    
    .style-12.button.transparent-black:active div,
    .style-12.button.transparent-black.active div { visibility: hidden; }
    
    .style-12.button.transparent-white{  
        border                 : 1px solid rgba(83,83,83,0.2);
        background             : rgba(255, 255, 255, 0.25);
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box;
        color                  : #606060;               
    }     
    
    .style-12.button.transparent-white div{
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background        : -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0.3)));
        background        : -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        background        : linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4dffffff',GradientType=0 );
        box-shadow        : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-box-shadow   : 0 1px 0 0 rgba(255,255,255,0.25) inset;
	    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.25) inset;         
    }
    
    .style-12.button.transparent-white:hover {
        border                 : 1px solid rgba(83,83,83,0.4);
        background             : rgba(255, 255, 255, 0.4);
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box;
        color                  : #606060;             
    }

    .style-12.button.transparent-white:hover div{
        background        : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background        : -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
        background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.2)));
        background        : -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        background        : linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%);
        filter            : progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33ffffff',GradientType=0 );
    }
    
    .style-12.button.transparent-white:active,
    .style-12.button.transparent-white.active { 
        border                 : 1px solid rgba(83,83,83,0.4);
        background             : rgba(255, 255, 255, 0.15);
        box-shadow             : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-box-shadow        : 0 1px 0 0 rgba(255,255,255,0.25) inset;
	    -webkit-box-shadow     : 0 1px 0 0 rgba(255,255,255,0.25) inset;
        -moz-background-clip   : border; 
    	-webkit-background-clip: border;
    	background-clip        : border-box; 
        color                  : #606060;                    
    }