.speckToolbar, .speckButton 
{
    background-image: url(./speck.gif);
    background-repeat: repeat-x;
    height: 32px;
}
.speckToolbar { background-position: 0 -64px; }

.speckLinkbar 
{
    background-color: #eee;
    height: 27px;
    padding-top: 4px;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;    
}
.speckLinkbar input
{
    margin-left: 5px;
}
.speckBar
{
    background-color: #eee;
    height: 31px;
    line-height:31px;    
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
}

.speckFrame
{
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color:#fff;
}
.speckButton
{   
    border: solid 0px #000;
	background-color: #ccccff;
	width: 26px;
}
.speckButton:hover
{
   cursor: pointer;
}
#boldButton{background-position: 0px 0px;}
#boldButton:hover{background-position: 0px -32px;}
#italicButton{background-position: -24px 0px;}
#italicButton:hover{background-position: -24px -32px;}
#underlineButton{background-position: -48px 0px;}
#underlineButton:hover{background-position: -48px -32px;}
#linkButton{background-position: -294px 0px;}
#linkButton:hover{background-position: -294px -32px;}
#unlinkButton{background-position: -318px 0px;}
#unlinkButton:hover{background-position: -318px -32px;}
#justifyleftButton{background-position: -74px 0px;}
#justifyleftButton:hover{background-position: -74px -32px;}
#justifyrightButton{background-position: -124px 0px;}
#justifyrightButton:hover{background-position: -124px -32px;}
#justifycenterButton{background-position: -98px 0px;}
#justifycenterButton:hover{background-position: -98px -32px;}
#insertunorderedlistButton{background-position: -174px 0px;}
#insertunorderedlistButton:hover{background-position: -174px -32px;}
#insertorderedlistButton{background-position: -198px 0px;}
#insertorderedlistButton:hover{background-position: -198px -32px;}
#htmlButton{background-position: -342px 0px;width: 38px;}
#htmlButton:hover{background-position: -342px -32px;width: 38px;}
#addfileButton{background-position: -225px 0px;width: 70px;}
#addfileButton:hover{background-position: -225px -32px;width: 70px;}
#formatblockButton{background-position: -500px 0px;width: 30px;}
#formatblockButton:hover{background-position: -500px -32px;width: 30px;}
#fontnameButton{background-position: -379px 0px;width: 30px;}
#fontnameButton:hover{background-position: -379px -32px;width: 30px;}
#fontsizeButton{background-position: -405px 0px;width: 36px;}
#fontsizeButton:hover{background-position: -405px -32px;width: 36px;}
#forecolorButton{background-position: -440px 0px;width: 28px;}
#forecolorButton:hover{background-position: -440px -32px;width: 28px;}
#removeformatButton{background-position: -472px 0px;}
#removeformatButton:hover{background-position: -472px -32px;}


.linkbarButton
{
    border: solid 1px #ccc;
	background-color: Transparent;
	height: 22px;
	width: 40px;    
}
.linkbarButton:hover 
{
    background-color: White;
}
.speckSelect, .speckColorSelect
{
    background-color: #fff;
    border: solid 1px #ccc;
    line-height: 19px;
    font-family: Arial;
    font-size: 12px;
    padding: 4px 0 0 0;
    margin: 0px 0 0 -4px;
    z-index: 10;
}
.speckColorBar
{
    background-color: #eee;
    height: 31px;
    line-height:31px;    
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
   
}
.speckColor
{  
    border: solid 1px #fff;
    display:block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-left: 2px;
    cursor: pointer;
}

#formatblockSelect
{
}
.speckToolbar input
{
     cursor: pointer;
}

.speckBar input
{  
    height: 31px;
    padding: 0;
    cursor: pointer;
    color: #000;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    
}
.speckBar input:hover
{
    color: #ff6600;
}

.speckBar .speckOption{padding:0 .5em;}
.speckOption:nth-child(even){
    background-color: #CFCFCF;
}
.speckOption:nth-child(odd){
    background-color: #BBB;
}