#navibar {
    height: 76px;
    width: 920px;
    position: relative;
    top: 28px;
    background-color: #f5f5ee;
}

#navibar .back {
    float: left;
    position: relative;
    left: -20px;
}

#navibar .done {
    float: right;
    position: relative;
    left: 170px;
  //left: 20px;
}


#content.edit_avatars_page #navibar .info {
    position: absolute;
    margin-left: 85px;
    margin-top: 11px;
}

#navibar h1 {
    position: absolute;
    display: block;
    margin-left: 260px;
  //margin-left: 95px;
    margin-top: 38px;
}

#content.edit_avatars_page {
    height: 900px;
}

#content.edit_avatars_page p.description {
    position: absolute;
    width: 560px;
    margin-top: 34px;
    margin-left: 260px;
}

#content.edit_avatars_page a.preview {
    position: absolute;
    margin-top: 106px;
    margin-left: 15px;
}

#content.edit_avatars_page h2 {
    position: absolute;
    float: right;
    margin-top: -44px;
    margin-left: 660px;
}

#loader {
    position: absolute;
    top:50px;
    left:50px;
}

#image_preview {
    border: solid 1px #949494;
    height: 125px;
    width: 125px;
    position: relative;
    top: 91px;
    left: 15px;
}

#image_preview.AvatarS125X350 {
    height: 355px;
}

#image_preview.AvatarS100X200 {
    height: 225px;
}

#editor_frame {
    padding: 50px 50px;
    width: 400px;
    height: 400px;
    border: solid 1px #949494;
    position: absolute;
    margin-left: 152px;
    margin-top: 91px;
}

#editor_frame.AvatarS125X350 {
    height: 560px;
    width: 200px;
    padding: 50px 150px;
}

#editor_frame.AvatarS100X200 {
    height: 400px;
    width: 200px;
    padding: 50px 150px;
}

#avatar_editor {
    border: solid 1px;
    width: 400px;
    height: 400px;
    top: 0px;
    left: 0px;
}


#avatar_editor.AvatarS125X350 {
    width: 200px;
    height: 560px;
}

#avatar_editor.AvatarS100X200 {
    width: 200px;
    height: 400px;
}

#preview.AvatarS50 {
    margin: 37px 37px;
}

#preview.AvatarS100 {
    margin: 11px 12px;
}

#preview.AvatarS45 {
    margin: 40px 40px;
}

#preview.AvatarS64 {
    margin: 30px 31px;
}

#preview.AvatarS100X200 {
    margin: 11px 12px;
}

#pallete {
    width: 260px;
    height: 400px;
}

#pallete.AvatarS125X350 {
    margin-top: -230px;
}

#pallete.AvatarS100X200 {
    margin-top: -100px;
}

#rows {
    visibility: hidden;
}

div.resize {
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 1px;
    z-index: 10;
    left: 0px;
    top: 0px;
}

div.container {}
div.close {position:absolute; cursor: pointer;   background: url(/images/_ico_edit_close.gif) no-repeat; width: 16px; height: 16px; }
div.nw    {position:absolute; cursor: nw-resize; background: url(/images/_ico_edit_diag2.gif) no-repeat; width: 16px; height: 16px; }
div.sw    {position:absolute; cursor: sw-resize; background: url(/images/_ico_edit_diag1.gif) no-repeat; width: 16px; height: 16px; }
div.se    {position:absolute; cursor: se-resize; background: url(/images/_ico_edit_diag2.gif) no-repeat; width: 16px; height: 16px; }
div.ne    {position:absolute; cursor: ne-resize; background: url(/images/_ico_edit_diag1.gif) no-repeat; width: 16px; height: 16px; }
div.n     {position:absolute; cursor: n-resize;  background: url(/images/_ico_edit_vert.gif) no-repeat;  width: 16px; height: 16px; }
div.w     {position:absolute; cursor: w-resize;  background: url(/images/_ico_edit_hor.gif) no-repeat;   width: 16px; height: 16px; }
div.s     {position:absolute; cursor: s-resize;  background: url(/images/_ico_edit_vert.gif) no-repeat;  width: 16px; height: 16px; }
div.e     {position:absolute; cursor: e-resize;  background: url(/images/_ico_edit_hor.gif) no-repeat;   width: 16px; height: 16px; }


.cliparts {
    position: absolute;
    margin-left: 663px;
    margin-top: -15px;
    width: 260px;
    height: 150px;
}

.cliparts div {
    width: 117px;
    height: 66px;
    float: left;
    margin: 2px 10px 2px 0px;
}

.cliparts div a {
    position: absolute;
    margin-top: 42px;
    margin-left: 8px;
}

#pallete .c14feb .hearts {
    background: url(/causes/14feb/hearts.png) no-repeat;
}

#pallete .c14feb .flowers {
    background: url(/causes/14feb/flowers.png) no-repeat;
}

#pallete .c14feb .misc {
    background: url(/causes/14feb/misc.png) no-repeat;
}

#pallete .c14feb .frames {
    background: url(/causes/14feb/frames.png) no-repeat;
}

#pallete .c23feb .caps {
    background: url(/causes/23feb/caps.png) no-repeat;
}

#pallete .c23feb .honours {
    background: url(/causes/23feb/honours.png) no-repeat;
}

#pallete .c23feb .misc {
    background: url(/causes/23feb/misc.png) no-repeat;
}

#pallete .c23feb .uniform {
    background: url(/causes/23feb/uniform.png) no-repeat;
}

#pallete .c8mar .accessories {
    background: url(/causes/8mar/accessories.png) no-repeat;
}

#pallete .c8mar .flowers {
    background: url(/causes/8mar/flowers.png) no-repeat;
}

#pallete .c8mar .hairs {
    background: url(/causes/8mar/hairs.png) no-repeat;
}

#pallete .c8mar .misc {
    background: url(/causes/8mar/misc.png) no-repeat;
}

#pallete .c1apr .inscriptions {
    background: url(/causes/1apr/inscriptions.png) no-repeat;
}

#pallete .c1apr .misc {
    background: url(/causes/1apr/misc.png) no-repeat;
}

#pallete .c19may .may1 {
    background: url(/causes/19may/may1.png) no-repeat;
}

#pallete .c19may .may9 {
    background: url(/causes/19may/may9.png) no-repeat;
}

#pallete .c19may .ribbons {
    background: url(/causes/19may/ribbons.png) no-repeat;
}

#pallete .c19may .medals {
    background: url(/causes/19may/medals.png) no-repeat;
}


#fragments {
    position: absolute;
    margin-left: 663px;
    margin-top: 160px;
    width: 245px;
    height: 305px;
    overflow: auto;
}

#fragments div.fragment {
    float: left;
    background: url(/images/fragment_bg.gif);
}

#fragments div.fragment img{
    width: 100px;
    height: 100px;
}