﻿.buttonFlagAnchored
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor:pointer;
}

.buttonFlag16
{
    background: url('../Images/Sitewide/Flag/FlagSprite16.png') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-position: -16px 0px;
} 
.buttonFlag16:hover
{
    background-position: 0px 0px !important;
} 

.buttonFlag16:active
{
    background-position: -32px 0px !important;
} 

.buttonFlagged16
{
    background: url('../Images/Sitewide/Flag/FlaggedSprite16.png') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-position: -16px 0px;
} 
.buttonFlagged16:hover
{
    background-position: 0px 0px !important;
} 

.buttonFlagged16:active
{
    background-position: -32px 0px !important;
}

/*--------------------------------------------------------------*/
/* THUMB UP  */
/*--------------------------------------------------------------*/

.buttonVoteUp18
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/18-TurnOn.png') no-repeat left top;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: -18px 0px;
}
.buttonVoteUp18:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUp18:active
{
    background-position: -36px 0px !important;
}

.buttonVoteUpOn18
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/18-TurnOff.png') no-repeat left top;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: -18px 0px;
}
.buttonVoteUpOn18:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUpOn18:active
{
    background-position: -36px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonVoteUp30
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/30-TurnOn.png') no-repeat left top;
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: -30px 0px;
}
.buttonVoteUp30:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUp30:active
{
    background-position: -60px 0px !important;
}

.buttonVoteUpOn30
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/30-TurnOff.png') no-repeat left top;
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: -30px 0px;
}
.buttonVoteUpOn30:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUpOn30:active
{
    background-position: -60px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonVoteUp48
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/48-TurnOn.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.buttonVoteUp48:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUp48:active
{
    background-position: -96px 0px !important;
}

.buttonVoteUpOn48
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Up/48-TurnOff.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.buttonVoteUpOn48:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteUpOn48:active
{
    background-position: -96px 0px !important;
}

/* End THUMB UP  */
/*--------------------------------------------------------------*/




/*--------------------------------------------------------------*/
/* THUMB DOWN  */

.buttonVoteDown18
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/18-TurnOn.png') no-repeat left top;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: -18px 0px;
}
.buttonVoteDown18:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDown18:active
{
    background-position: -36px 0px !important;
}

.buttonVoteDownOn18
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/18-TurnOff.png') no-repeat left top;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: -18px 0px;
}
.buttonVoteDownOn18:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDownOn18:active
{
    background-position: -36px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonVoteDown30
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/30-TurnOn.png') no-repeat left top;
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: -30px 0px;
}
.buttonVoteDown30:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDown30:active
{
    background-position: -60px 0px !important;
}

.buttonVoteDownOn30
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/30-TurnOff.png') no-repeat left top;
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: -30px 0px;
}
.buttonVoteDownOn30:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDownOn30:active
{
    background-position: -60px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonVoteDown48
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/48-TurnOn.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.buttonVoteDown48:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDown48:active
{
    background-position: -96px 0px !important;
}

.buttonVoteDownOn48
{
    background: url('../Images/Sitewide/Thumbs/Sprites/Down/48-TurnOff.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.buttonVoteDownOn48:hover
{
    background-position: 0px 0px !important;
} 

.buttonVoteDownOn48:active
{
    background-position: -96px 0px !important;
}

/* END THUMB DOWN  */
/*--------------------------------------------------------------*/



/*--------------------------------------------------------------*/
/* HAND LEFT FACING  */

.buttonHandLeftBorrowOn18
{
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite18.png') no-repeat left top;
    width: 23px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: -23px 0px !important;
}
.buttonHandLeftBorrowOn18:hover
{
    background-position: 0px 0px !important;
    cursor:pointer;
} 

.buttonHandLeftBorrowOn18:active
{
    background-position: 0px 0px !important;
}

.buttonHandLeftBorrowOff18
{
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite18.png') no-repeat left top;
    width: 23px !important;
    height: 18px !important;
    display: inline-block !important;
    background-position: 0px 0px;
}
.buttonHandLeftBorrowOff18:hover
{
    background-position: -23px 0px !important;
} 

.buttonHandLeftBorrowOff18:active
{
    background-position: -23px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonHandLeftBorrowOn30
{
    cursor: pointer;
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite30.png') no-repeat left top;
    width: 37px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: 0px 0px;
}
.buttonHandLeftBorrowOn30:hover
{
    background-position: 0px 0px !important;
} 

.buttonHandLeftBorrowOn30:active
{
    background-position: -37px 0px !important;
}

.buttonHandLeftBorrowOff30
{
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite30.png') no-repeat left top;
    width: 37px !important;
    height: 30px !important;
    display: inline-block !important;
    background-position: -37px 0px;
}
.buttonHandLeftBorrowOff30:hover
{
    background-position: 0px 0px !important;
} 

.buttonHandLeftBorrowOff30:active
{
    background-position: 0px 0px !important;
}

/*--------------------------------------------------------------*/

.buttonHandLeftBorrowOn48
{
    cursor:pointer;
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite48.png') no-repeat left top;
    width: 60px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: 0px 0px;
}
.buttonHandLeftBorrowOn48:hover
{
    background-position: -60px 0px !important;
} 

.buttonHandLeftBorrowOn48:active
{
    background-position: -120px 0px !important;
}

.buttonHandLeftBorrowOff48
{
    cursor:pointer;
    background: url('../Images/Sitewide/BorrowHand/LeftFacing/handSprite48.png') no-repeat left top;
    width: 60px !important;
    height: 48px !important;
    display: inline-block !important;
    background-position: -60px 0px;
}
.buttonHandLeftBorrowOff48:hover
{
    background-position: 0px 0px !important;
} 

.buttonHandLeftBorrowOff48:active
{
    background-position: 0px 0px !important;
}

/* END THUMB DOWN  */
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
/* BEGIN MENU  */

.spriteMenu48
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Menu/spriteMenu48.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.spriteMenu48:hover
{
    background-position: -96px 0px !important;
} 

.spriteMenu48:active
{
    background-position: 0px 0px !important;
}

/* END THUMB DOWN  */
/*--------------------------------------------------------------*/



/*--------------------------------------------------------------*/
/* BEGIN MEDIA  */

.spriteNoAudio48
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/NoAudio48.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.spriteNoAudio48:hover
{
    background-position: -96px 0px !important;
} 

.spriteNoAudio48:active
{
    background-position: 0px 0px !important;
}

.spriteNoAudio32
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/NoAudio32.png') no-repeat left top;
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -32px 0px;
}
.spriteNoAudio32:hover
{
    background-position: -64px 0px !important;
} 

.spriteNoAudio32:active
{
    background-position: 0px 0px !important;
}

.spriteNoAudio24
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/NoAudio24.png') no-repeat left top;
    width: 24px !important;
    height: 24px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -24px 0px;
}
.spriteNoAudio24:hover
{
    background-position: -48px 0px !important;
} 

.spriteNoAudio24:active
{
    background-position: 0px 0px !important;
}

.spriteNoAudio16
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/NoAudio16.png') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -16px 0px;
}
.spriteNoAudio16:hover
{
    background-position: -32px 0px !important;
} 

.spriteNoAudio16:active
{
    background-position: 0px 0px !important;
}

.spritePlay48
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Play48.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.spritePlay48:hover
{
    background-position: -96px 0px !important;
} 

.spritePlay48:active
{
    background-position: 0px 0px !important;
}

.spritePlay32
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Play32.png') no-repeat left top;
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -32px 0px;
}
.spritePlay32:hover
{
    background-position: -64px 0px !important;
} 

.spritePlay32:active
{
    background-position: 0px 0px !important;
}

.spritePlay24
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Play24.png') no-repeat left top;
    width: 24px !important;
    height: 24px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -24px 0px;
}
.spritePlay24:hover
{
    background-position: -48px 0px !important;
} 

.spritePlay24:active
{
    background-position: 0px 0px !important;
}

.spritePlay16
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Play16.png') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -16px 0px;
}
.spritePlay16:hover
{
    background-position: -32px 0px !important;
} 

.spritePlay16:active
{
    background-position: 0px 0px !important;
}

.spriteStop48
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Stop48.png') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -48px 0px;
}
.spriteStop48:hover
{
    background-position: -96px 0px !important;
} 

.spriteStop48:active
{
    background-position: 0px 0px !important;
}

.spriteStop32
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Stop32.png') no-repeat left top;
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -32px 0px;
}
.spriteStop32:hover
{
    background-position: -64px 0px !important;
} 

.spriteStop32:active
{
    background-position: 0px 0px !important;
}

.spriteStop24
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Stop24.png') no-repeat left top;
    width: 24px !important;
    height: 24px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -24px 0px;
}
.spriteStop24:hover
{
    background-position: -48px 0px !important;
} 

.spriteStop24:active
{
    background-position: 0px 0px !important;
}

.spriteStop16
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Stop16.png') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
    display: inline-block !important;
    background-position: -16px 0px;
}
.spriteStop16:hover
{
    background-position: -32px 0px !important;
} 

.spriteStop16:active
{
    background-position: 0px 0px !important;
}

.spritePlaying48
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Playing.gif') no-repeat left top;
    width: 48px !important;
    height: 48px !important;
    padding: 0px !important;
    display: inline-block !important;
}

.spritePlaying32
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Playing.gif') no-repeat left top;
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    display: inline-block !important;
}

.spritePlaying24
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Playing.gif') no-repeat left top;
    width: 24px !important;
    height: 24px !important;
    padding: 0px !important;
    display: inline-block !important;
}

.spritePlaying16
{
    cursor: pointer;
    background: url('../../Images/Sitewide/Media/Playing.gif') no-repeat left top;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
    display: inline-block !important;
}

/* END THUMB DOWN  */
/*--------------------------------------------------------------*/