﻿
/* ----------------------------------------------------------------------------- STANDARD BUTTON CLASSES  */

.btnBlock, .btnStandard
{
    margin:3px 0px 3px 0px;
}

.btnStandard input
{
    background-repeat: no-repeat;
    font-weight: bold;
    font-size:11px;
    border:0px;
    background-color:Transparent;
    color: #000000;
    height:24px;
}

.btnLeft
{
    text-align:left;
    padding-left: 13px;
    background-position:left center;
}

.btnRight
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_red.gif);
    text-align:right;
    padding-right: 13px;
    background-position:right center;
}

.btnIconLeftArrowBlue
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_left_red.gif);
}

.btnIconRightArrowRed
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_red.gif);
}

.btnIconRightArrowBlue
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_red.gif);
}

.btnIconLeftArrowWhite
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_left_white.gif);
}

.btnIconRightArrowWhite
{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_white.gif);
}

.btnBlock, .btnBlock input, .btnBlock .btnEnd, .btnBlock a
{
    height:24px;
}

.btnTab, .btnTab input, .btnTab .btnEnd, .btnTab a
{
    height:46px;
}

.btnBlock > input, .btnStandard > input
{
    padding-bottom:3px;
}

.btnBlock, .btnBlock input, .btnStandard input, .btnTab input{
    cursor:pointer;
    cursor:hand;
}

.blkLeft
{
    margin-right:2px;
    float:left;
}

.blkRight
{
    float:right;
    margin-left:2px;
}

.blkCentre
{
	text-align:center;
}

.btnBlock input, .btnBlock a:link, .btnBlock a:visited
{
    border:0;
    font-weight:bold;
    font-size:11px;    
    color:#fff;
    padding: 2px 0 2px 20px;
    background:url(/Resources/EnergyChallengeResources/Images/btn-bgn-r.gif) left top no-repeat;
    margin:0;
    float:left;
    text-align:left;
}

.btnBlock a{padding-top:4px; text-decoration:none;}

.btnBlock .btnEnd
{
    float:left;
    width:30px;
    background:url(/Resources/EnergyChallengeResources/Images/btn-bgn-r.gif) right top no-repeat; 
}

.btnTab input, .btnTab a:link, .btnTab a:visited
{
    border:0px;
    font-weight:bold;
    color:#fff;
    padding:0px 5px 0px 5px;
    font-size:11px;
    margin:0px;
    float:left;
    text-align:left;
    background-position:top left;
    background-repeat:no-repeat;
}

.btnTab a{padding-top:4px; text-decoration:none;}
.inactiveTab input{background-image:url(/Resources/EnergyChallengeResources/Images/btn-tab-bgn-disabled.gif);}
.activeTab input{background-image:url(/Resources/EnergyChallengeResources/Images/btn-tab-bgn-enabled.gif);}

.btnBar
{
    height:30px;
    clear:both;
    margin:25px 0px 10px 0px;
}

/* -------------------------------------------------------------------------------- CMS Hyper Link Classes */
.cmsHyperLink
{
    background-repeat: no-repeat;
    background-position:left center;
    margin:5px 5px 2px 5px;
    padding-left:13px;
    font-weight: bold;
    font-size:11px;
}

a.cmsHyperLink:link, a.cmsHyperLink:visited{color: #000000;}

.cmsHyperLink:hover{
    text-decoration:underline;
    color: #f21c0a;
}

/* ------------------------------------------------------------------------------- icon background classes */
.arrowRightBlue{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_red.gif);
}

.arrowLeftBlue{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_left_red.gif);
}

.arrowRightRed{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_red.gif);
}

.arrowRightWhite{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_right_white.gif);
}

.arrowDownRed{
    background-image: url(/Resources/EnergyChallengeResources/Images/arrow_down_red.gif);
}
