.button, a.button {
                background-color: transparent;
                display: inline-block;
                /* float: left; */
                height: 30px;
				margin:5px 6px 5px 0;
                padding: 0 10px;
                text-decoration: none;
                color: #000;
                font-family: 'Roboto', Arial, sans-serif !important;
                font-size: 14px !important;
                border: 0px;
				/* clear:both; */
				cursor:pointer;
				/* overflow: hidden; */
				
                vertical-align: middle;
                outline: none;
                border-radius: 3px;
                
				transition: background .1s;
				
            }

            .button.button-shadow {
				-moz-box-shadow: 2px 2px 3px -1px rgba(50,50,50,.3);
			    -webkit-box-shadow: 2px 2px 3px -1px rgba(50,50,50,.3);
			    box-shadow: 2px 2px 3px -1px rgba(50,50,50,.3);

            }

            .button.button-default,
            a.button.button-default {
                background-color: #F2F2F2;
            }

            .button.button-default:hover,
            a.button.button-default:hover {
                background-color: #d9d9d9;
            }

            .button.button-primary,
            a.button.button-primary {
                color: #fff !important;
                background-color: #FF3300;
            }

            .button.button-primary:hover,
            a.button.button-primary:hover {
                background-color: #f03000;
            }

            .button.button-secondary,
            a.button.button-secondary {
                color: #fff !important;
                background-color: #5B5B5B;
            }

            .button.button-secondary:hover,
            a.button.button-secondary:hover {
                background-color: #515151;
            }

            .button.button-select:after,
            a.button.button-select:after {
                content: '';
                display: block;
                background: url(../img/icon_triangle_down.svg) right center no-repeat;
                width: 15px;
                height: 18px;
                float: right;
                filter: invert(1);
            }

            .button.button-tall {
                height: 40px;
                margin: 0;
            }
            
            .button p, a.button p, #messageBody a.button p, #aboutBox a.button p, #pathQuestionWrapper a.button p, #feedbackWrapper a.button p,
			#pathQuestionWrapper #pathTestPerformWrapper a.button p  {
            	color:#fff;
				text-transform:none;
                display: block;
                line-height: 20px;
                padding: 1px 0 1px 18px;
				margin:8px;
				cursor:pointer;  
				height:22px;    
				font-size: 12px;
    			font-weight: 300;     
            }
            
            .button:hover, a.button:hover {
                background: #969696;
            }
            
            .button:hover p, a.button:hover p, #messageBody a.button:hover p, #aboutBox a.button:hover p, #pathQuestionWrapper a.button:hover p  , #feedbackWrapper a.button:hover p,
			#pathQuestionWrapper #pathTestPerformWrapper a.button:hover p  {

            }
            
            .button:active,a.button:active {
				background: #c8c8c8;
            }
            
            .button:active p, a.button:active p, #messageBody a.button:active p, #aboutBox a.button:active p, #pathQuestionWrapper a.button:active p,
			#pathQuestionWrapper #pathTestPerformWrapper a.button:active p  {

            }
			
			a.button.narrow {		
				height:17px;
			}
			
			a.button.narrow p {
                height: 17px;
    			padding: 0 0 0 18px;
				font-size:11px;
    			line-height: 15px;	
				margin-right: -2px;			
			}
			
			a.button.narrow:hover {
							
			}
			
			a.button.narrow:hover p {
				
			}

			a.button.narrow:active {
				
			}
			
			a.button.narrow:active p {
					
			}
			
			a.button.disabled, a.button.disabled:hover, a.button.disabled:active{
				cursor:default;									
			}

			a.button.disabled p, a.button.disabled:hover p, a.button.disabled:active p, #pathQuestionWrapper a.button.disabled p, #pathQuestionWrapper a.button.disabled p:hover, #pathQuestionWrapper a.button.disabled p:active{
				cursor:default;							
			}

			a.button.disabled.narrow, a.button.disabled.narrow:hover, a.button.disabled.narrow:active{
							
			}
			
			a.button.disabled.narrow p, a.button.disabled.narrow p:hover, a.button.disabled.narrow p:active{
								
			}

            .button.button-search {
                background-image: url(../img/icon_search.svg);
                background-position: center center;
                background-repeat: no-repeat;
                width: 30px;
                padding: 0;
            }

            .button.button-settings {
                background-image: url(../img/icon_settings.svg);
                background-position: center center;
                background-repeat: no-repeat;
                width: 40px;
            }