﻿@CRCGreen: #008845;
@CRCBlue:#263086;
@CRCDark:#241B06;
@CRCLightBlue: #72ABDE;

@btnGreenBackground:                 lighten(@btnGreenBackgroundHighlight, 10%);
@btnGreenBackgroundHighlight:        @CRCGreen;

@btnLightBlueBackground:             lighten(@btnLightBlueBackgroundHighlight, 10%);
@btnLightBlueBackgroundHighlight:    @CRCLightBlue;

@btnDarkBrownBackground:             lighten(@btnDarkBrownBackgroundHighlight, 10%);
@btnDarkBrownBackgroundHighlight:    @CRCDark;

@btnBlueBackground:                 lighten(@btnBlueBackgroundHighlight, 10%);    
@btnBlueBackgroundHighlight:        @CRCBlue;

#crc-signup-widget
{
    @import "../../../Bootstrap/less/variables.less";  
    @import "../../../Bootstrap/less/mixins.less";
    @import "../../../Bootstrap/less/reset.less";
    @import "../../../Bootstrap/less/forms.less";
    @import "../../../Bootstrap/less/buttons.less";
    @import "../../../Bootstrap/less/button-groups.less";
    @import "../../../Bootstrap/less/wells.less";
    @import "../../../Bootstrap/less/tooltip.less";
    @import "../../../Bootstrap/less/type.less";
    @import "../../../FontAwesome/less/font-awesome.less";
    
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    .well;
    .well-small;
     
    width: 210px;
    height: 100px;
    position: relative;
    overflow: visible;

    .btn-crc-green {
      .buttonBackground(@btnGreenBackground, @btnGreenBackgroundHighlight);
    }
    .btn-crc-blue {
      .buttonBackground(@btnBlueBackground, @btnBlueBackgroundHighlight);
    }
    .btn-crc-light-blue {
      .buttonBackground(@btnLightBlueBackground, @btnLightBlueBackgroundHighlight);
    }
    .btn-crc-dark {
      .buttonBackground(@btnDarkBrownBackground, @btnDarkBrownBackgroundHighlight);
    }


    .btn-crc-green.active,
    .btn-crc-blue.active,
    .btn-crc-light-blue.active,
    .btn-crc-dark.active {
      .btn-primary.active;
    }
    
    .crc-green{
        color: @CRCGreen;
    }
    .crc-dark{
        color: @CRCDark;
    }
    .crc-blue{
        color: @CRCBlue;
    }
    .crc-light-blue{
        color: @CRCLightBlue;
    }
}

.ie7{

}
#crc-signup-widget .btn-group.ie7{
    position:absolute;
    top: 70px;
    left: 5px; 
}

#crc-signup-widget .btn-primary.ie7{
    position:absolute;
    top: 70px;
    right: 5px; 
}

#crc-signup-widget .btn:focus{
    outline:none;
}










