body
{
}

/***********************************************
Yahoo API drag and drop css
***********************************************/
div.workarea { padding:10px; float:left; height: 120px;  }

ul.draglist { 
    position: relative;
    width: 480px; 
    height:100px;
    overflow: auto;
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}

ul.draglist li {
    margin: 1px;
    cursor: move;
    width: 470px;
    zoom: 1;
}

ul.draglist_alt { 
    position: relative;
    /*width: 200px; */
    width: 480px; 
    height:100px;
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
    width: 470px;
}


li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}


li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }

/***********************************************
End Yahoo API drag and drop css
***********************************************/

/***********************************************
Begin Yahoo API popup css
***********************************************/

.yui-navset .yui-nav LI
{
    MARGIN: 0px 0.5em 0px 0px
}
.yui-navset .yui-navset-top .yui-nav LI
{
    MARGIN: 0px 0.5em 0px 0px
}
.yui-navset .yui-navset-bottom .yui-nav LI
{
    MARGIN: 0px 0.5em 0px 0px
}
.yui-navset-left .yui-nav LI
{
    MARGIN: 0px 0px 0.5em
}
.yui-navset-right .yui-nav LI
{
    MARGIN: 0px 0px 0.5em
}
.yui-navset .yui-content .yui-hidden
{
    DISPLAY: none
}
.yui-navset .yui-navset-left .yui-nav
{
    WIDTH: 6em
}
.yui-navset .yui-navset-right .yui-nav
{
    WIDTH: 6em
}
.yui-navset-left .yui-nav
{
    WIDTH: 6em
}
.yui-navset-right .yui-nav
{
    WIDTH: 6em
}
.yui-navset-top .yui-nav
{
    WIDTH: auto
}
.yui-navset-bottom .yui-nav
{
    WIDTH: auto
}
.yui-navset .yui-navset-left
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 6em;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.yui-navset-left
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 6em;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.yui-navset-right
{
    PADDING-RIGHT: 6em;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.yui-navset-top
{
}
.yui-navset-bottom
{
}
.yui-nav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.yui-navset LI EM
{
    FONT-STYLE: normal
}
.yui-navset
{
    ZOOM: 1;
    POSITION: relative
}
.yui-navset .yui-content
{
    ZOOM: 1
}
.yui-navset .yui-nav LI
{
    DISPLAY: inline;
    VERTICAL-ALIGN: bottom;
    CURSOR: pointer;
    ZOOM: 1
}
.yui-navset .yui-navset-top .yui-nav LI
{
    DISPLAY: inline;
    VERTICAL-ALIGN: bottom;
    CURSOR: pointer;
    ZOOM: 1
}
.yui-navset .yui-navset-bottom .yui-nav LI
{
    DISPLAY: inline;
    VERTICAL-ALIGN: bottom;
    CURSOR: pointer;
    ZOOM: 1
}
.yui-navset-left .yui-nav LI
{
    DISPLAY: block
}
.yui-navset-right .yui-nav LI
{
    DISPLAY: block
}
.yui-navset .yui-nav A
{
    POSITION: relative
}
.yui-navset .yui-nav LI A
{
    DISPLAY: inline-block;
    VERTICAL-ALIGN: bottom;
    ZOOM: 1
}
.yui-navset-top .yui-nav LI A
{
    DISPLAY: inline-block;
    VERTICAL-ALIGN: bottom;
    ZOOM: 1
}
.yui-navset-bottom .yui-nav LI A
{
    DISPLAY: inline-block;
    VERTICAL-ALIGN: bottom;
    ZOOM: 1
}
.yui-navset-left .yui-nav LI A
{
    DISPLAY: block
}
.yui-navset-right .yui-nav LI A
{
    DISPLAY: block
}
.yui-navset-bottom .yui-nav LI A
{
    VERTICAL-ALIGN: text-top
}
.yui-navset .yui-nav LI A EM
{
    DISPLAY: block
}
.yui-navset-top .yui-nav LI A EM
{
    DISPLAY: block
}
.yui-navset-bottom .yui-nav LI A EM
{
    DISPLAY: block
}
.yui-navset .yui-navset-left .yui-nav
{
    Z-INDEX: 1;
    POSITION: absolute
}
.yui-navset .yui-navset-right .yui-nav
{
    Z-INDEX: 1;
    POSITION: absolute
}
.yui-navset-left .yui-nav
{
    Z-INDEX: 1;
    POSITION: absolute
}
.yui-navset-right .yui-nav
{
    Z-INDEX: 1;
    POSITION: absolute
}
.yui-navset-top .yui-nav
{
    POSITION: static
}
.yui-navset-bottom .yui-nav
{
    POSITION: static
}
.yui-navset .yui-navset-left .yui-nav
{
    RIGHT: auto;
    LEFT: 0px
}
.yui-navset-left .yui-nav
{
    RIGHT: auto;
    LEFT: 0px
}
.yui-navset .yui-navset-right .yui-nav
{
    RIGHT: 0px;
    LEFT: auto
}
.yui-navset-right .yui-nav
{
    RIGHT: 0px;
    LEFT: auto
}
.yui-skin-sam .yui-navset .yui-nav
{
    BORDER-RIGHT: #2647a0 0px solid;
    BORDER-TOP: #2647a0 0px solid;
    BORDER-LEFT: #2647a0 0px solid;
    BORDER-BOTTOM: #2647a0 5px solid;
    ZOOM: 1;
    Xposition: relative
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
    BORDER-RIGHT: #2647a0 0px solid;
    BORDER-TOP: #2647a0 0px solid;
    BORDER-LEFT: #2647a0 0px solid;
    BORDER-BOTTOM: #2647a0 5px solid;
    ZOOM: 1;
    Xposition: relative
}
.yui-skin-sam .yui-navset .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0.16em 0px 0px;
    PADDING-TOP: 1px;
    ZOOM: 1
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0.16em 0px 0px;
    PADDING-TOP: 1px;
    ZOOM: 1
}
.yui-skin-sam .yui-navset .yui-nav .selected
{
    MARGIN: 0px 0.16em -1px 0px;
    height: 2em;
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected
{
    MARGIN: 0px 0.16em -1px 0px;
}
.yui-skin-sam .yui-navset .yui-nav A
{
    BORDER-RIGHT: #a3a3a3 1px solid;
    BORDER-TOP: #a3a3a3 0px solid;
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #d8d8d8 repeat-x;
    BORDER-LEFT: #a3a3a3 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #a3a3a3 0px solid;
    POSITION: relative;
    TEXT-DECORATION: none;
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav A
{
    BORDER-RIGHT: #a3a3a3 1px solid;
    BORDER-TOP: #a3a3a3 0px solid;
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #d8d8d8 repeat-x;
    BORDER-LEFT: #a3a3a3 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #a3a3a3 0px solid;
    POSITION: relative;
    TEXT-DECORATION: none;
}
.yui-skin-sam .yui-navset .yui-nav A EM
{
    BORDER-RIGHT: #a3a3a3 0px solid;
    PADDING-RIGHT: 0.75em;
    BORDER-TOP: #a3a3a3 1px solid;
    PADDING-LEFT: 0.75em;
    RIGHT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 0.25em;
    BORDER-LEFT: #a3a3a3 0px solid;
    CURSOR: hand;
    BOTTOM: 0px;
    PADDING-TOP: 0.25em;
    BORDER-BOTTOM: #a3a3a3 0px solid;
    POSITION: relative;
    TOP: -1px;
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav A EM
{
    BORDER-RIGHT: #a3a3a3 0px solid;
    PADDING-RIGHT: 0.75em;
    BORDER-TOP: #a3a3a3 1px solid;
    PADDING-LEFT: 0.75em;
    RIGHT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 0.25em;
    BORDER-LEFT: #a3a3a3 0px solid;
    CURSOR: hand;
    BOTTOM: 0px;
    PADDING-TOP: 0.25em;
    BORDER-BOTTOM: #a3a3a3 0px solid;
    POSITION: relative;
    TOP: -1px;
}
.yui-skin-sam .yui-navset .yui-nav .selected A
{
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #2647a0 repeat-x left -1400px;
    COLOR: #fff;
}
.yui-skin-sam .yui-navset .yui-nav .selected A:focus
{
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #2647a0 repeat-x left -1400px;
    COLOR: #fff;
}
.yui-skin-sam .yui-navset .yui-nav .selected A:hover
{
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #2647a0 repeat-x left -1400px;
    COLOR: #fff;
}
.yui-skin-sam .yui-navset .yui-nav A:hover
{
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #bfdaff repeat-x left -1300px;
    outline: 0;
}
.yui-skin-sam .yui-navset .yui-nav A:focus
{
    BACKGROUND: url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) #bfdaff repeat-x left -1300px;
    outline: 0;
}
.yui-skin-sam .yui-navset .yui-nav .selected A EM
{
    PADDING-RIGHT: 0.75em;
    PADDING-LEFT: 0.75em;
    PADDING-BOTTOM: 0.35em;
    PADDING-TOP: 0.35em;
}
.yui-skin-sam .yui-navset .yui-nav .selected A
{
    BORDER-LEFT-COLOR: #243356;
    BORDER-BOTTOM-COLOR: #243356;
    BORDER-TOP-COLOR: #243356;
    BORDER-RIGHT-COLOR: #243356;
}
.yui-skin-sam .yui-navset .yui-nav .selected A EM
{
    BORDER-LEFT-COLOR: #243356;
    BORDER-BOTTOM-COLOR: #243356;
    BORDER-TOP-COLOR: #243356;
    BORDER-RIGHT-COLOR: #243356;
}
.yui-skin-sam .yui-navset .yui-content
{
    BACKGROUND: #edf5ff
}
.yui-skin-sam .yui-navset .yui-content
{
    BORDER-RIGHT: #808080 1px solid;
    PADDING-RIGHT: 0.5em;
    BORDER-TOP: #243356 1px solid;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.25em;
    BORDER-LEFT: #808080 1px solid;
    PADDING-TOP: 0.25em;
    BORDER-BOTTOM: #808080 1px solid
}
.yui-skin-sam .yui-navset .yui-navset-top .yui-content
{
    BORDER-RIGHT: #808080 1px solid;
    PADDING-RIGHT: 0.5em;
    BORDER-TOP: #243356 1px solid;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.25em;
    BORDER-LEFT: #808080 1px solid;
    PADDING-TOP: 0.25em;
    BORDER-BOTTOM: #808080 1px solid
}
.yui-skin-sam .yui-navset-left .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BOTTOM: 0px;
    TOP: 0px;
    BORDER-RIGHT-WIDTH: 5px;
    Xposition: absolute
}
.yui-skin-sam .yui-navset .yui-navset-left .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BOTTOM: 0px;
    TOP: 0px;
    BORDER-RIGHT-WIDTH: 5px;
    Xposition: absolute
}
.yui-skin-sam .yui-navset .yui-navset-right .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BOTTOM: 0px;
    TOP: 0px;
    BORDER-RIGHT-WIDTH: 5px;
    Xposition: absolute
}
.yui-skin-sam .yui-navset-right .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BOTTOM: 0px;
    TOP: 0px;
    BORDER-RIGHT-WIDTH: 5px;
    Xposition: absolute
}
.yui-skin-sam .yui-navset .yui-navset-right .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 5px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 5px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-left .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0.16em;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset .yui-navset-left .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0.16em;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0.16em;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav LI
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset-left .yui-nav .selected
{
    MARGIN: 0px -1px 0.16em 0px
}
.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected
{
    MARGIN: 0px -1px 0.16em 0px
}
.yui-skin-sam .yui-navset-right .yui-nav .selected
{
    MARGIN: 0px 0px 0.16em -1px
}
.yui-skin-sam .yui-navset-left .yui-nav A
{
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav A
{
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-left .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0.75em;
    PADDING-LEFT: 0.75em;
    BORDER-LEFT-WIDTH: 1px;
    LEFT: -1px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0.2em;
    PADDING-TOP: 0.2em;
    TOP: auto;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset .yui-navset-left .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0.75em;
    PADDING-LEFT: 0.75em;
    BORDER-LEFT-WIDTH: 1px;
    LEFT: -1px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0.2em;
    PADDING-TOP: 0.2em;
    TOP: auto;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    PADDING-RIGHT: 0.75em;
    PADDING-LEFT: 0.75em;
    BORDER-LEFT-WIDTH: 1px;
    LEFT: -1px;
    BORDER-BOTTOM-WIDTH: 0px;
    PADDING-BOTTOM: 0.2em;
    PADDING-TOP: 0.2em;
    TOP: auto;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-right .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    RIGHT: -1px;
    LEFT: auto;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 1px
}
.yui-skin-sam .yui-navset-left .yui-nav A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-left .yui-nav .selected A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-left .yui-nav A:hover
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-right .yui-nav A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-right .yui-nav .selected A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-right .yui-nav A:hover
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-bottom .yui-nav A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-bottom .yui-nav .selected A
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-bottom .yui-nav A:hover
{
    BACKGROUND-IMAGE: none
}
.yui-skin-sam .yui-navset-left .yui-content
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    BORDER-LEFT: #243356 1px solid;
    BORDER-BOTTOM: #808080 1px solid
}
.yui-skin-sam .yui-navset-bottom .yui-nav
{
    BORDER-TOP-WIDTH: 5px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav
{
    BORDER-TOP-WIDTH: 5px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected
{
    MARGIN: -1px 0.16em 0px 0px
}
.yui-skin-sam .yui-navset-bottom .yui-nav .selected
{
    MARGIN: -1px 0.16em 0px 0px
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset-bottom .yui-nav LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav LI A
{
}
.yui-skin-sam .yui-navset-bottom .yui-nav LI A
{
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 1px;
    BOTTOM: -1px;
    TOP: auto;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-bottom .yui-nav A EM
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 1px;
    BOTTOM: -1px;
    TOP: auto;
    BORDER-RIGHT-WIDTH: 0px
}
.yui-skin-sam .yui-navset-bottom .yui-content
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    BORDER-LEFT: #808080 1px solid;
    BORDER-BOTTOM: #243356 1px solid
}
.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content
{
    BORDER-RIGHT: #808080 1px solid;
    BORDER-TOP: #808080 1px solid;
    BORDER-LEFT: #808080 1px solid;
    BORDER-BOTTOM: #243356 1px solid
}


/***********************************************
Begin Yahoo API button css
***********************************************/