/* gimo_buttons.css - main layout for global unified buttons */

         
button {
            display: inline-block;
            outline: none;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            font: 21px/100% Arial, Helvetica, sans-serif;
                        
            text-shadow: none;
            -webkit-border-radius: .5em; 
            -moz-border-radius: .5em;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            min-width: 200px;
            height: 50px;
            font-weight: bold;
            
            /*padding: 15px;*/
}
button:hover {
            text-decoration: none;
            
            text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
button:active {
            position: relative;
            top: 1px;
}

.yellow_button_black_text{
background-image: -ms-linear-gradient(top, #ffc752 0%, #df9c20 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffc752', EndColorStr='#df9c20'); /* IE6–IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc752', endColorstr='#df9c20');
            
            background: -moz-linear-gradient(center top , #FFC752, #DF9C20) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(246, 226, 183, 0.3);
            color: #040404;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffc752), to(#df9c20));          
     
}

.blue_button_black_text {

    background-image: -ms-linear-gradient(top, #41b3d4 0%, #3ca6c5 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#41b3d4', EndColorStr='#3ca6c5'); /* IE6–IE9 */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#41b3d4', endColorstr='#3ca6c5');
            
            background: -moz-linear-gradient(center top , #41b3d4, #3ca6c5) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(246, 226, 183, 0.3);
            color: #040404;
            background: -webkit-gradient(linear, left top, left bottom, from(#41b3d4), to(#3ca6c5));      
}

.green_button_black_text{
            background: -moz-linear-gradient(center top , #73CA02, #56A501) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(216, 250, 149, 0.3);
            color: #040404;         
           /* text-shadow: 0 -1px 1px rgba(254, 254, 254, 0.5);*/           
            background: -webkit-gradient(linear, left top, left bottom, from(#73ca02), to(#56a501));
            background-image: -ms-linear-gradient(top, #73ca02 0%, #56a501 100%);            
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ca02', endColorstr='#56a501');
}
        
.green_button_white_text{
            background: -moz-linear-gradient(center top , #73CA02, #56A501) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(216, 250, 149, 0.3);         
            color: #f2f2f2;
            background: -webkit-gradient(linear, left top, left bottom, from(#73ca02), to(#56a501));            
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ca02', endColorstr='#56a501');
            background-image: -ms-linear-gradient(top, #73ca02 0%, #56a501 100%);
}
.red_button_white_text{
            background: -moz-linear-gradient(center top , #dd2323, #8c0101) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(250, 149, 149, 0.3);         
            color: #f2f2f2;         
           /* text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3);*/           
            background: -webkit-gradient(linear, left top, left bottom, from(#dd2323), to(#8c0101));            
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd2323', endColorstr='#8c0101');
            background-image: -ms-linear-gradient(top, #dd2323 0%, #8c0101 100%);
}
        
.yellow_button_white_text{
            background: -moz-linear-gradient(center top , #ffc752, #df9c20) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(246, 226, 183, 0.3);         
            color: #f2f2f2;     
            background: -webkit-gradient(linear, left top, left bottom, from(#ffc752), to(#df9c20));
            
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc752', endColorstr='#df9c20');
            background-image: -ms-linear-gradient(top, #ffc752 0%, #df9c20 100%);
}

        
.black_button_white_text{
            background: -moz-linear-gradient(center top , #5a5a5a, #464646) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border: 1px solid rgba(183, 183, 183, 0.3);         
            color: #f2f2f2;     
          /*  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3);*/       
            background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#464646));            
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#464646');
            background-image: -ms-linear-gradient(top, #5a5a5a 0%, #464646 100%);
}

button.small{
            min-width: 100px;
            height: 30px;
           
            font-size: 12px;
            /*padding: 8px;*/
}
button.medium {
  font-size: 15px;
  height: 40px;
  min-width: 150px;
 /* padding: 5px;
    padding-top: 8px;*/
}      
      

.gimo_black, .gimo_grey, .gimo_light_gray {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
  width: 230px;
}
.gimo_black{
            background-color: #0a0a0a;
}
.gimo_grey{
            background-color: #2a2a2a;
}
.gimo_light_gray{
            background-color: #464646;
}
.gimo_white {
  background-color: #F2F2F2;
  color: #2A2A2A;
  display: table-cell;
  height: 100px;
  vertical-align: middle;
  width: 230px;
}


.gimo_red{
    color: #c60101;
}