﻿.logo_silver {
    float: right;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 170px;
    height: 52px;
    background-image: url('images/icon.png');
    background-position: -282px 5px;
    background-repeat: no-repeat;
}


/*وراثة لجميع الادوات MyPain*/
.mypaint .box {
    background: #FDF9F8 url(images/bg.png) no-repeat;
    max-width: 960px;
    padding: 10px 15px;
    border: 1px solid #c7e2a9;
    font-family: 'Droid Arabic Naskh', tahoma, arial, sans-serif;
}






.mypaint input[type="checkbox"] + label span {
    padding: 1px 0px 5px 24px;
    display: inline-block;
    width: 0px;
    height: 21px;
    margin: 2px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    background: url(images/icon.png) no-repeat -1px top
}


.mypaint input[type="checkbox"]:checked + label span {
    background: url(images/icon.png) no-repeat -25px top
}


.mypaint input[type="radio"] + label span {
    padding: 1px 0px 5px 24px;
    display: inline-block;
    width: 0px;
    height: 21px;
    margin: 2px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    background: url(images/icon.png) no-repeat -49px top;
}


.mypaint input[type="radio"]:checked + label span {
    background: url(images/icon.png) no-repeat -73px top;
}



.mylogin input[type="checkbox"] + label span {
    padding: 1px 0px 5px 24px;
    display: inline-block;
    width: 0px;
    height: 21px;
    margin: 2px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    background: url(images/icon.png) no-repeat -1px top
}


.mylogin input[type="checkbox"]:checked + label span {
    background: url(images/icon.png) no-repeat -25px top
}


.mylogin input[type="radio"] + label span {
    padding: 1px 0px 5px 24px;
    display: inline-block;
    width: 0px;
    height: 21px;
    margin: 2px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    background: url(images/icon.png) no-repeat -49px top;
}


.mylogin input[type="radio"]:checked + label span {
    background: url(images/icon.png) no-repeat -73px top;
}



.demo1 {
    background: url(images/demo.png) no-repeat 0px 0px;
    width: 356px;
    height: 200px;
}

.demo2 {
    background: url(images/demo.png) no-repeat -356px 0px;
    width: 356px;
    height: 200px;
}





/*thumb empty*/
.tns_thumb_none_horizontal_none {
    background: url(images/thumb_none_horizontal.png) no-repeat 0px 0px;
}

.tns_thumb_none_horizontal_start {
    background: url(images/thumb_none_horizontal.png) no-repeat -154px 0px;
}

.tns_thumb_none_horizontal_end {
    background: url(images/thumb_none_horizontal.png) no-repeat -308px 0px;
}

.tns_thumb_none_vertical_none {
    background: url(images/‏thumb_none_vertical.png) no-repeat 0px 0px;
}

.tns_thumb_none_vertical_start {
    background: url(images/‏thumb_none_vertical.png) no-repeat 0px -154px;
}

.tns_thumb_none_vertical_end {
    background: url(images/‏thumb_none_vertical.png) no-repeat 0px -308px;
}

.tns_thumb_none_square_none {
    background: url(images/‏thumb_none_square.png) no-repeat 0px 0px;
}

.tns_thumb_none_square_start {
    background: url(images/‏thumb_none_square.png) no-repeat -87px 0px;
}

.tns_thumb_none_square_end {
    background: url(images/‏thumb_none_square.png) no-repeat -174px 0px;
}


.marginpic1 {
    background: url(images/icon.png) no-repeat -2px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}

.marginpic2 {
    background: url(images/icon.png) no-repeat -67px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}

.marginpic3 {
    background: url(images/icon.png) no-repeat -132px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}

.marginpic4 {
    background: url(images/icon.png) no-repeat -197px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}

.marginpic5 {
    background: url(images/icon.png) no-repeat -262px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}

.marginpic6 {
    background: url(images/icon.png) no-repeat -326px -106px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(240, 240,240, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100,100, 0.6);
}



.share {
    background: url(images/icon.png) no-repeat -143px -55px;
    width: 21px;
    height: 21px;
}

.unshare {
    background: url(images/icon.png) no-repeat -170px -55px;
    width: 21px;
    height: 21px;
}


.recycle {
    background: url(images/icon.png) no-repeat -78px -55px;
}


.recycle_return {
    background: url(images/icon.png) no-repeat -52px -55px;
}



.delete {
    background: url(images/icon.png) no-repeat -52px -28px;
}


.download {
    background: url(images/icon.png) no-repeat -2px -30px;
}

.arrow_left {
    background: url(images/icon.png) no-repeat -402px -106px;
    width: 24px;
    height: 40px;
}

.arrow_right {
    background: url(images/icon.png) no-repeat -430px -106px;
    width: 24px;
    height: 40px;
}



.like {
    background: url(images/icon.png) no-repeat -279px -55px;
    width: 22px;
    height: 23px;
}


.dislike {
    background: url(images/icon.png) no-repeat -305px -55px;
    width: 22px;
    height: 23px;
}


.report_abuse {
    background: url(images/icon.png) no-repeat -55px -159px;
    width: 22px;
    height: 23px;
}

/*new*/

.photo_horizontal {
    background: url(images/icon.png) no-repeat -64px -215px;
    width: 32px;
    height: 22px;
}


.photo_horizontal_s {
    background: url(images/icon.png) no-repeat -99px -215px;
    width: 21px;
    height: 15px;
}



.photo_vertical {
    background: url(images/icon.png) no-repeat -124px -215px;
    width: 22px;
    height: 32px;
}


.photo_vertical_s {
    background: url(images/icon.png) no-repeat -150px -215px;
    width: 15px;
    height: 21px;
}


.photo_square {
    background: url(images/icon.png) no-repeat -2px -215px;
    width: 32px;
    height: 32px;
}


.photo_square_s {
    background: url(images/icon.png) no-repeat -39px -215px;
    width: 21px;
    height: 21px;
}
