/* CSS file for advcode plugin popup */

body {
    margin:                         0px;
    padding:                        0px;
}

div#container {
    background-color:               #ffffff;
    border:                         1px solid #cccccc;
    text-align:                     center;
}
div.codeButtons a img             {
    border:                         none;
    height:                         20px;
    width:                          20px;
}
div.codeButtons a:link, div.codeButtons a:active, div.codeButtons a:visited, div.codeButtons a:hover {
    background-color:               #f0f0ee;
    background-image:               url("../images/buttons.gif");
    background-repeat:              no-repeat;
    border:                         1px solid #f0f0ee;
    color:                          #0a246a;
    display:                        block;
    float:                          left;
    height:                         20px;
    text-decoration:                none;
    width:                          20px;

}
div.codeButtons a:hover           { border: 1px solid #0a246a; }
div.codeButtons span.spacer       {
    border-left:                    1px solid #999999;
    display:                        block;
    float:                          left;
    height:                         16px;
    margin:                         2px 2px 2px 3px;
    width:                          1px;
}
div.codeButtons a#btnBold          { background-position: 0px 0px;    }
div.codeButtons a#btnItalic        { background-position: -20px 0px;  }
div.codeButtons a#btnUnderline     { background-position: -40px 0px;  }
div.codeButtons a#btnBreak         { background-position: -60px 0px;  }
div.codeButtons a#btnSpace         { background-position: -80px 0px;  }
div.codeButtons a#btnParagraph     { background-position: -100px 0px; }
div.codeButtons a#btnHeadA         { background-position: -120px 0px; }
div.codeButtons a#btnHeadB         { background-position: -140px 0px; }
div.codeButtons a#btnHeadC         { background-position: -160px 0px; }
div.codeButtons a#btnHeadD         { background-position: -180px 0px; }
div.codeButtons a#btnHeadE         { background-position: -200px 0px; }
div.codeButtons a#btnHeadF         { background-position: -220px 0px; }
div.codeButtons a#btnImage         { background-position: -240px 0px; } 
div.codeButtons a#btnLink          { background-position: -260px 0px; }
div.codeButtons a#btnMail          { background-position: -280px 0px; }
div.codeButtons a#btnSup           { background-position: -300px 0px; }
div.codeButtons a#btnSub           { background-position: -320px 0px; }
div.codeButtons a#btnChars         { background-position: -340px 0px; }
div.codeButtons a#btnList          { background-position: -360px 0px; }
div.codeButtons a#btnListItem      { background-position: -600px 0px; }
div.codeButtons a#btnNumList       { background-position: -380px 0px; }
div.codeButtons a#btnUndo          { background-position: -400px 0px; }
div.codeButtons a#btnRedo          { background-position: -420px 0px; }
div.codeButtons a#btnStyle         { background-position: -440px 0px; }
div.codeButtons a#btnTable         { background-position: -460px 0px; }
div.codeButtons a#btnTableCell     { background-position: -500px 0px; }
div.codeButtons a#btnTableCellHead { background-position: -620px 0px; }
div.codeButtons a#btnTableRow      { background-position: -480px 0px; }
div.codeButtons a#btnMedia         { background-position: -520px 0px; }
div.codeButtons a#btnContainer     { background-position: -540px 0px; }
div.codeButtons a#btnScript        { background-position: -560px 0px; }
div.codeButtons a#btnComment       { background-position: -580px 0px; }

textarea.hideNumbers {
    border:                         none;
    font-family:                    'Courier New', Courier, mono-space;
    font-size:                      12px;
    padding:                        2px 2px 2px 2px;
}

textarea.showNumbers {
    line-height:                    18px;
    border:                         none;
    font-family:                    'Courier New', Courier, mono-space;
    font-size:                      12px;
    padding:                        2px 2px 2px 45px;
    background-image:               url("../images/background.gif");
    background-repeat:              repeat-y;
    background-attachment:          scroll;
}