/* 
** PRESET BUTTON AREA
** MANAGE PRESETS AREA
** 
** May 24, 2010
** 
*/


#presets
    {
    position: relative;
    margin: 0 auto;
    width: 53.7em;
    }

#save_qv
    {
    display: block;
/*
        margin: 0 0 .6em 0;
        padding: 0 0 0 14.5em; 
        color: #333;
*/
    }

#cp_scrollable
    {
    position: relative;
    overflow: hidden;
    margin: 0 13px 0 7px;
    padding: 0;
    height: 6em;
    }

#cp_scrollable_items
    {
    position: absolute;
    width: 20000em;
    }

div.presetgroup
    {
    float: left;
    width: 53.7em;
    }

a.disabled
    {
    visibility: hidden !important;
    }

a.prev, a.next
    {
    position: absolute;
    top: 5em;
    cursor: pointer;
    }

a.prev
    {
    left: -3px;
    z-index: 605;
    }

a.next
        {
        right: 0;
        z-index: 600;
        }

#qv_description
        {
        border: 1px solid #ccc;
        }

#sortable_presets
        {
        float: left;
        width: 53em;
        margin: 0 0 0 2em;
        padding: 2em;
        background-color: #ececec;
        border: 1px solid #ccc;
        }

#sortable_presets p
        {
        clear: left;
        }

#sortable_presets ul, #l2_content #sortable_presets ul
        {
        list-style: none;
        }

div.preset, li.preset, #l2_content li.preset
        {
        display: block;
        float: left;
        width: 16.8em;
        padding: 0;
        margin: 0;
        border: .3em solid #fff;
        background: #fff url(../images/new/preset_bg.png) repeat-x 0 100%;
        }

li.preset
        {
        position: relative;
        }

li.homeview
        {
        float: left;
        width: 98%;
        margin: 0;
        padding: .4em 0 1em 3em;
        font-style: italic;
        background: url(../images/new/home_manage.png) no-repeat .4em 0;
        }

#sortable_presets li.preset
        {
        border-color: #ececec;
        }

li.preset:hover, #sortable_presets li.preset:hover
        {
        border: .3em solid #ccc;
        }

.placeholder
        {
        float: left;
        width: 16.8em;
        height: 4.6em;
        padding: 0;
        background-color: #ccc;
        border: .3em solid fff;
        border-top: .4em solid #ececec;
        }

div.preset
        {
        border-color: #ddd;
        }

.preset div /* for the corner graphics */
        {
        float: left;
        width: 100%;
        }

/* borders and corners for presets */
.preset .t { background: url(../images/new/preset_dot.gif) repeat-x 0 0; }
.preset .l { background: url(../images/new/preset_dot.gif) repeat-y 0 0; }
.preset .r { background: url(../images/new/preset_dot.gif) repeat-y 100% 0; }
.preset .tlc { background: url(../images/new/preset_tlc.gif) no-repeat 0 0; }
.preset .trc { background: url(../images/new/preset_trc.gif) no-repeat 100% 0; }
.preset .blc { background: url(../images/new/preset_blc.gif) no-repeat 0 100%; }
.preset .brc { background: url(../images/new/preset_brc.gif) no-repeat 100% 100%; }

.preset .brc
        {
        position: relative;
        height: 5em;
        }

.preset a span
        {
        position: absolute;
        top: 50%;
        height: 3em;
        margin-top: -1.5em;
        width: 12.8em;
        padding: 0 1em 0 3em;
        }

.preset a.hm span
        {
        background: url(../images/new/hm_preset.gif) no-repeat 1em 0;
        }

.preset a.user span
        {
        background: url(../images/new/user_preset.gif) no-repeat 1.3em 0;
        }

.preset a.home span
        {
        background: url(../images/new/homeicon.png) no-repeat 1em 0 !important;
        }

.preset a.hm.active, .preset a.user.active, .preset a.home.active
        {
        color: #000;
        font-weight: bold;
        }

#cp_right h2 strong
        {
        padding-left: .2em;
        color: #454545;
        }

#cp_right h2 span#qv_lc
        {
        width: 12px;
        padding: 16px 0 0 12px;
        background: url(../images/new/presets_h2_lc.png) no-repeat 100% 0;
        }

#cp_right h2 span#qv_rc
        {
        width: 12px;
        padding: 16px 12px 0 0;
        background: url(../images/new/presets_h2_rc.png) no-repeat 0 0;
        }

#cp_right h2 span#qv
        {
        padding: 16px 8px 0 8px;
        background: url(../images/new/presets_h2.png) repeat-x 0 0;
        }

#cp_right h2 span a
        {
        font-size: .8em;
        }

#save_current_qv
        {
        float: left;
        width: 98%;
        padding: 0 0 1em 2%;
        }

#save_current_qv div
        {
        float: left;
        margin-right: 1em;
        }

a.qvdelete
        {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 13px;
        height: 13px;
        top: -3px;
        right: -3px;
        z-index: 800;
        overflow: hidden;
        }

a.qvdelete img
        {
        position: absolute;
        top: 0;
        left: 0;
        }

a.qvdelete:hover img
        {
        top: -17px;
        }

.preset a, .preset a:visited, .preset a:focus, a.preset a:hover, .preset a:active
        {
        color: #333;
        }