.ruler
{
    background-color: #CECECE;
    padding:0px;
    margin:0px;
    font-size: 10px;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    /*margin-left:-38px;*/
    border-right:1px solid #000000;
    z-index:1003;
}

.unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rulerWorking
{
    /*margin-left:36px;
    margin-top:32px;*/
    /*background-image: url(img/bg.png);*/
}

/**************  VERTICAL ********************/
.v{
    width:37px;
    z-index:1004;
    overflow: hidden;
    background:url(img/bg_v.png);
    background-repeat: repeat-y;
    background-position-x: 28px;
    background-position-y: 8;
    background-color: #CECECE;
    font-size:10px !important;
    margin-top: -16.5px;
}
.v span{
    /*border-top:solid 1px #999;*/
    margin-right: 0;
    margin-left: auto;
    display: block;
    width: 8px;
    white-space: nowrap;
    padding-top: 18px;
    font-size:10px !important;
}
/*
.v span:nth-child(1){padding-top: 32px}
.v span:nth-child(2){border-top:none !important}
*/
.v span:nth-child(1) span, .v span:last-child span{display:none;}
.v span:nth-child(2n){border-top: solid 1px #000 !important;padding-top:17px;}


/**************  HORIZONTAL ********************/

.h {
    padding-top: 19px;
    border-right: none;
    border-bottom: 1px solid #000000;
    height: 31px;
    position: absolute;
    display: block;
    white-space: nowrap;
    top: 0px;
    background: url(img/bg_h.png);
    background-repeat: repeat-x;
    background-position-y: 22px;
    background-position-x: -1px;
    background-color: #CECECE;
    width: 100%;
    font-size:10px !important;
    margin-left: 0px;
}
.h span{
    padding-right: 18px;
    overflow: hidden;
    font-size:10px !important;
}
.h span:nth-child(1){padding-right: 36px;}
.h span:nth-child(1) span{display:none;}
.h span:nth-child(2n){height:9px !important;padding-top:5px;border-left: solid 1px #000 !important;padding-right:17px}
.h span:nth-child(2){border-left:none !important}

/************ FOLLOW CURSOR *********/
.followme{
    position:absolute;
    background-color:#777;
    padding:6px;
    opacity:0.5;
    color:#FFF;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
    display:none;
    z-index:1040;
}

/******************* GUIDE ******************************/
.guide
{
    position:absolute;
    z-index:99999;
    border: 0px solid #ff0000;
}

.h_guide
{
    border-bottom-width: 1px;
    left:0;
}

.v_guide
{
    border-left-width: 1px;
    top:0;
}


/*************************RULER OPTIONS **********************/


.rulerOptions{
    background-image: url(img/ruler.png);
    background-color: #CECECE;
    width:30px;
    height:26px;
    background-repeat:no-repeat;
    background-position-y: 2;
}

.rulerOptions ul{
    list-style: none;
    display:none;
    padding: 0;
    background-color: #FFFFFF;
    border:1px solid #205485;
    width:54px;
    margin-left: 17px;
}
.rulerOptions ul li{

    cursor: pointer;
    border-bottom: 1px solid #CECECE;
    padding:3px;
}

.rulerOptions ul li:hover{
    background-color:#CECECE;
}