.ui-helper-hidden{
    display:none
}
.ui-helper-hidden-accessible{
    position:absolute!important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}
.ui-helper-reset{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    line-height:1.3;
    text-decoration:none;
    font-size:100%;
    list-style:none
}
.ui-helper-clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.ui-helper-clearfix{
    display:inline-block
}
/*\*
/* html .ui-helper-clearfix{
    height:1%
}
.ui-helper-clearfix{
    display:block
}
/**/
.ui-helper-zfix{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    filter:Alpha(Opacity=0)
}
.ui-state-disabled{
    cursor:default!important
}
.ui-icon{
    display:block;
    text-indent:-99999px;
    overflow:hidden;
    background-repeat:no-repeat
}
.ui-widget-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.ui-widget{
    font-family:Verdana,Arial,sans-serif;
    font-size:1.1em
}
.ui-widget .ui-widget{
    font-size:1em
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{
    font-family:Verdana,Arial,sans-serif;
    font-size:1em
}
.ui-widget-content{
    border:1px solid #aaa;
    background:#fff url() 50% 50% repeat-x;
    color:#222
}
.ui-widget-content a{
    color:#222
}
.ui-widget-header{
    border:1px solid #aaa;
    background:#ccc url() 50% 50% repeat-x;
    color:#222;
    font-weight:bold
}
.ui-widget-header a{
    color:#222
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
    border:1px solid #d3d3d3;
    background:#e6e6e6 url() 50% 50% repeat-x;
    font-weight:normal;
    color:#555
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{
    color:#555;
    text-decoration:none
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{
    border:1px solid #999;
    background:#dadada url() 50% 50% repeat-x;
    font-weight:normal;
    color:#212121
}
.ui-state-hover a,.ui-state-hover a:hover{
    color:#212121;
    text-decoration:none
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{
    border:1px solid #aaa;
    background:#fff url() 50% 50% repeat-x;
    font-weight:normal;
    color:#212121
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{
    color:#212121;
    text-decoration:none
}
.ui-widget :active{
    outline:0
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
    border:1px solid #fcefa1;
    background:#fbf9ee url() 50% 50% repeat-x;
    color:#363636
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{
    color:#363636
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{
    border:1px solid #cd0a0a;
    background:#fef1ec url() 50% 50% repeat-x;
    color:#cd0a0a
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{
    color:#cd0a0a
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{
    color:#cd0a0a
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{
    font-weight:bold
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{
    opacity:.7;
    filter:Alpha(Opacity=70);
    font-weight:normal
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{
    opacity:.35;
    filter:Alpha(Opacity=35);
    background-image:none
}
.ui-icon{
    width:16px;
    height:16px;
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-widget-content .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-widget-header .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-state-default .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-state-active .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-state-highlight .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{
    background-image:url(images/ui-icons_fffff2_256x240.png)
}
.ui-icon-carat-1-n{
    background-position:0 0
}
.ui-icon-carat-1-ne{
    background-position:-16px 0
}
.ui-icon-carat-1-e{
    background-position:-32px 0
}
.ui-icon-carat-1-se{
    background-position:-48px 0
}
.ui-icon-carat-1-s{
    background-position:-64px 0
}
.ui-icon-carat-1-sw{
    background-position:-80px 0
}
.ui-icon-carat-1-w{
    background-position:-96px 0
}
.ui-icon-carat-1-nw{
    background-position:-112px 0
}
.ui-icon-carat-2-n-s{
    background-position:-128px 0
}
.ui-icon-carat-2-e-w{
    background-position:-144px 0
}
.ui-icon-triangle-1-n{
    background-position:0 -16px
}
.ui-icon-triangle-1-ne{
    background-position:-16px -16px
}
.ui-icon-triangle-1-e{
    background-position:-32px -16px
}
.ui-icon-triangle-1-se{
    background-position:-48px -16px
}
.ui-icon-triangle-1-s{
    background-position:-64px -16px
}
.ui-icon-triangle-1-sw{
    background-position:-80px -16px
}
.ui-icon-triangle-1-w{
    background-position:-96px -16px
}
.ui-icon-triangle-1-nw{
    background-position:-112px -16px
}
.ui-icon-triangle-2-n-s{
    background-position:-128px -16px
}
.ui-icon-triangle-2-e-w{
    background-position:-144px -16px
}
.ui-icon-arrow-1-n{
    background-position:0 -32px
}
.ui-icon-arrow-1-ne{
    background-position:-16px -32px
}
.ui-icon-arrow-1-e{
    background-position:-32px -32px
}
.ui-icon-arrow-1-se{
    background-position:-48px -32px
}
.ui-icon-arrow-1-s{
    background-position:-64px -32px
}
.ui-icon-arrow-1-sw{
    background-position:-80px -32px
}
.ui-icon-arrow-1-w{
    background-position:-96px -32px
}
.ui-icon-arrow-1-nw{
    background-position:-112px -32px
}
.ui-icon-arrow-2-n-s{
    background-position:-128px -32px
}
.ui-icon-arrow-2-ne-sw{
    background-position:-144px -32px
}
.ui-icon-arrow-2-e-w{
    background-position:-160px -32px
}
.ui-icon-arrow-2-se-nw{
    background-position:-176px -32px
}
.ui-icon-arrowstop-1-n{
    background-position:-192px -32px
}
.ui-icon-arrowstop-1-e{
    background-position:-208px -32px
}
.ui-icon-arrowstop-1-s{
    background-position:-224px -32px
}
.ui-icon-arrowstop-1-w{
    background-position:-240px -32px
}
.ui-icon-arrowthick-1-n{
    background-position:0 -48px
}
.ui-icon-arrowthick-1-ne{
    background-position:-16px -48px
}
.ui-icon-arrowthick-1-e{
    background-position:-32px -48px
}
.ui-icon-arrowthick-1-se{
    background-position:-48px -48px
}
.ui-icon-arrowthick-1-s{
    background-position:-64px -48px
}
.ui-icon-arrowthick-1-sw{
    background-position:-80px -48px
}
.ui-icon-arrowthick-1-w{
    background-position:-96px -48px
}
.ui-icon-arrowthick-1-nw{
    background-position:-112px -48px
}
.ui-icon-arrowthick-2-n-s{
    background-position:-128px -48px
}
.ui-icon-arrowthick-2-ne-sw{
    background-position:-144px -48px
}
.ui-icon-arrowthick-2-e-w{
    background-position:-160px -48px
}
.ui-icon-arrowthick-2-se-nw{
    background-position:-176px -48px
}
.ui-icon-arrowthickstop-1-n{
    background-position:-192px -48px
}
.ui-icon-arrowthickstop-1-e{
    background-position:-208px -48px
}
.ui-icon-arrowthickstop-1-s{
    background-position:-224px -48px
}
.ui-icon-arrowthickstop-1-w{
    background-position:-240px -48px
}
.ui-icon-arrowreturnthick-1-w{
    background-position:0 -64px
}
.ui-icon-arrowreturnthick-1-n{
    background-position:-16px -64px
}
.ui-icon-arrowreturnthick-1-e{
    background-position:-32px -64px
}
.ui-icon-arrowreturnthick-1-s{
    background-position:-48px -64px
}
.ui-icon-arrowreturn-1-w{
    background-position:-64px -64px
}
.ui-icon-arrowreturn-1-n{
    background-position:-80px -64px
}
.ui-icon-arrowreturn-1-e{
    background-position:-96px -64px
}
.ui-icon-arrowreturn-1-s{
    background-position:-112px -64px
}
.ui-icon-arrowrefresh-1-w{
    background-position:-128px -64px
}
.ui-icon-arrowrefresh-1-n{
    background-position:-144px -64px
}
.ui-icon-arrowrefresh-1-e{
    background-position:-160px -64px
}
.ui-icon-arrowrefresh-1-s{
    background-position:-176px -64px
}
.ui-icon-arrow-4{
    background-position:0 -80px
}
.ui-icon-arrow-4-diag{
    background-position:-16px -80px
}
.ui-icon-extlink{
    background-position:-32px -80px
}
.ui-icon-newwin{
    background-position:-48px -80px
}
.ui-icon-refresh{
    background-position:-64px -80px
}
.ui-icon-shuffle{
    background-position:-80px -80px
}
.ui-icon-transfer-e-w{
    background-position:-96px -80px
}
.ui-icon-transferthick-e-w{
    background-position:-112px -80px
}
.ui-icon-folder-collapsed{
    background-position:0 -96px
}
.ui-icon-folder-open{
    background-position:-16px -96px
}
.ui-icon-document{
    background-position:-32px -96px
}
.ui-icon-document-b{
    background-position:-48px -96px
}
.ui-icon-note{
    background-position:-64px -96px
}
.ui-icon-mail-closed{
    background-position:-80px -96px
}
.ui-icon-mail-open{
    background-position:-96px -96px
}
.ui-icon-suitcase{
    background-position:-112px -96px
}
.ui-icon-comment{
    background-position:-128px -96px
}
.ui-icon-person{
    background-position:-144px -96px
}
.ui-icon-print{
    background-position:-160px -96px
}
.ui-icon-trash{
    background-position:-176px -96px
}
.ui-icon-locked{
    background-position:-192px -96px
}
.ui-icon-unlocked{
    background-position:-208px -96px
}
.ui-icon-bookmark{
    background-position:-224px -96px
}
.ui-icon-tag{
    background-position:-240px -96px
}
.ui-icon-home{
    background-position:0 -112px
}
.ui-icon-flag{
    background-position:-16px -112px
}
.ui-icon-calendar{
    background-position:-32px -112px
}
.ui-icon-cart{
    background-position:-48px -112px
}
.ui-icon-pencil{
    background-position:-64px -112px
}
.ui-icon-clock{
    background-position:-80px -112px
}
.ui-icon-disk{
    background-position:-96px -112px
}
.ui-icon-calculator{
    background-position:-112px -112px
}
.ui-icon-zoomin{
    background-position:-128px -112px
}
.ui-icon-zoomout{
    background-position:-144px -112px
}
.ui-icon-search{
    background-position:-160px -112px
}
.ui-icon-wrench{
    background-position:-176px -112px
}
.ui-icon-gear{
    background-position:-192px -112px
}
.ui-icon-heart{
    background-position:-208px -112px
}
.ui-icon-star{
    background-position:-224px -112px
}
.ui-icon-link{
    background-position:-240px -112px
}
.ui-icon-cancel{
    background-position:0 -128px
}
.ui-icon-plus{
    background-position:-16px -128px
}
.ui-icon-plusthick{
    background-position:-32px -128px
}
.ui-icon-minus{
    background-position:-48px -128px
}
.ui-icon-minusthick{
    background-position:-64px -128px
}
.ui-icon-close{
    background-position:-80px -128px
}
.ui-icon-closethick{
    background-position:-96px -128px
}
.ui-icon-key{
    background-position:-112px -128px
}
.ui-icon-lightbulb{
    background-position:-128px -128px
}
.ui-icon-scissors{
    background-position:-144px -128px
}
.ui-icon-clipboard{
    background-position:-160px -128px
}
.ui-icon-copy{
    background-position:-176px -128px
}
.ui-icon-contact{
    background-position:-192px -128px
}
.ui-icon-image{
    background-position:-208px -128px
}
.ui-icon-video{
    background-position:-224px -128px
}
.ui-icon-script{
    background-position:-240px -128px
}
.ui-icon-alert{
    background-position:0 -144px
}
.ui-icon-info{
    background-position:-16px -144px
}
.ui-icon-notice{
    background-position:-32px -144px
}
.ui-icon-help{
    background-position:-48px -144px
}
.ui-icon-check{
    background-position:-64px -144px
}
.ui-icon-bullet{
    background-position:-80px -144px
}
.ui-icon-radio-off{
    background-position:-96px -144px
}
.ui-icon-radio-on{
    background-position:-112px -144px
}
.ui-icon-pin-w{
    background-position:-128px -144px
}
.ui-icon-pin-s{
    background-position:-144px -144px
}
.ui-icon-play{
    background-position:0 -160px
}
.ui-icon-pause{
    background-position:-16px -160px
}
.ui-icon-seek-next{
    background-position:-32px -160px
}
.ui-icon-seek-prev{
    background-position:-48px -160px
}
.ui-icon-seek-end{
    background-position:-64px -160px
}
.ui-icon-seek-start{
    background-position:-80px -160px
}
.ui-icon-seek-first{
    background-position:-80px -160px
}
.ui-icon-stop{
    background-position:-96px -160px
}
.ui-icon-eject{
    background-position:-112px -160px
}
.ui-icon-volume-off{
    background-position:-128px -160px
}
.ui-icon-volume-on{
    background-position:-144px -160px
}
.ui-icon-power{
    background-position:0 -176px
}
.ui-icon-signal-diag{
    background-position:-16px -176px
}
.ui-icon-signal{
    background-position:-32px -176px
}
.ui-icon-battery-0{
    background-position:-48px -176px
}
.ui-icon-battery-1{
    background-position:-64px -176px
}
.ui-icon-battery-2{
    background-position:-80px -176px
}
.ui-icon-battery-3{
    background-position:-96px -176px
}
.ui-icon-circle-plus{
    background-position:0 -192px
}
.ui-icon-circle-minus{
    background-position:-16px -192px
}
.ui-icon-circle-close{
    background-position:-32px -192px
}
.ui-icon-circle-triangle-e{
    background-position:-48px -192px
}
.ui-icon-circle-triangle-s{
    background-position:-64px -192px
}
.ui-icon-circle-triangle-w{
    background-position:-80px -192px
}
.ui-icon-circle-triangle-n{
    background-position:-96px -192px
}
.ui-icon-circle-arrow-e{
    background-position:-112px -192px
}
.ui-icon-circle-arrow-s{
    background-position:-128px -192px
}
.ui-icon-circle-arrow-w{
    background-position:-144px -192px
}
.ui-icon-circle-arrow-n{
    background-position:-160px -192px
}
.ui-icon-circle-zoomin{
    background-position:-176px -192px
}
.ui-icon-circle-zoomout{
    background-position:-192px -192px
}
.ui-icon-circle-check{
    background-position:-208px -192px
}
.ui-icon-circlesmall-plus{
    background-position:0 -208px
}
.ui-icon-circlesmall-minus{
    background-position:-16px -208px
}
.ui-icon-circlesmall-close{
    background-position:-32px -208px
}
.ui-icon-squaresmall-plus{
    background-position:-48px -208px
}
.ui-icon-squaresmall-minus{
    background-position:-64px -208px
}
.ui-icon-squaresmall-close{
    background-position:-80px -208px
}
.ui-icon-grip-dotted-vertical{
    background-position:0 -224px
}
.ui-icon-grip-dotted-horizontal{
    background-position:-16px -224px
}
.ui-icon-grip-solid-vertical{
    background-position:-32px -224px
}
.ui-icon-grip-solid-horizontal{
    background-position:-48px -224px
}
.ui-icon-gripsmall-diagonal-se{
    background-position:-64px -224px
}
.ui-icon-grip-diagonal-se{
    background-position:-80px -224px
}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    -khtml-border-top-left-radius:0;
    border-top-left-radius:0
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    -khtml-border-top-right-radius:0;
    border-top-right-radius:0
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
    -khtml-border-bottom-left-radius:0;
    border-bottom-left-radius:0
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
    -khtml-border-bottom-right-radius:0;
    border-bottom-right-radius:0
}
.ui-widget-overlay{
    background:#aaa url() 50% 50% repeat-x;
    opacity:.30;
    filter:Alpha(Opacity=30)
}
.ui-widget-shadow{
    margin:-8px 0 0 -8px;
    padding:8px;
    background:#aaa url() 50% 50% repeat-x;
    opacity:.30;
    filter:Alpha(Opacity=30);
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.ui-accordion{
    width:100%
}
.ui-accordion .ui-accordion-header{
    cursor:pointer;
    position:relative;
    margin-top:1px;
    zoom:1
}
.ui-accordion .ui-accordion-li-fix{
    display:inline
}
.ui-accordion .ui-accordion-header-active{
    border-bottom:0!important
}
.ui-accordion .ui-accordion-header a{
    display:block;
    font-size:1em;
    padding:.5em .5em .5em .7em
}
.ui-accordion-icons .ui-accordion-header a{
    padding-left:2.2em
}
.ui-accordion .ui-accordion-header .ui-icon{
    position:absolute;
    left:.5em;
    top:50%;
    margin-top:-8px
}
.ui-accordion .ui-accordion-content{
    padding:1em 2.2em;
    border-top:0;
    margin-top:-2px;
    position:relative;
    top:1px;
    margin-bottom:2px;
    overflow:auto;
    display:none;
    zoom:1
}
.ui-accordion .ui-accordion-content-active{
    display:block
}
.ui-button{
    display:inline-block;
    position:relative;
    padding:0;
    margin-right:.1em;
    text-decoration:none!important;
    cursor:pointer;
    text-align:center;
    zoom:1;
    overflow:visible
}
.ui-button-icon-only{
    width:2.2em
}
button.ui-button-icon-only{
    width:2.4em
}
.ui-button-icons-only{
    width:3.4em
}
button.ui-button-icons-only{
    width:3.7em
}
.ui-button .ui-button-text{
    display:block;
    line-height:1.4
}
.ui-button-text-only .ui-button-text{
    padding:.4em 1em
}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{
    padding:.4em;
    text-indent:-9999999px
}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{
    padding:.4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{
    padding:.4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text{
    padding-left:2.1em;
    padding-right:2.1em
}
input.ui-button{
    padding:.4em 1em
}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{
    position:absolute;
    top:50%;
    margin-top:-8px
}
.ui-button-icon-only .ui-icon{
    left:50%;
    margin-left:-8px
}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{
    left:.5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{
    right:.5em
}
.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{
    right:.5em
}
.ui-buttonset{
    margin-right:7px
}
.ui-buttonset .ui-button{
    margin-left:0;
    margin-right:-.3em
}
button.ui-button::-moz-focus-inner{
    border:0;
    padding:0
}
.ui-dialog{
    position:absolute;
    padding:.2em;
    width:300px;
    overflow:hidden
}
.ui-dialog .ui-dialog-titlebar{
    padding:.4em 1em;
    position:relative
}
.ui-dialog .ui-dialog-title{
    float:left;
    margin:.1em 16px .1em 0
}
.ui-dialog .ui-dialog-titlebar-close{
    position:absolute;
    right:.3em;
    top:50%;
    width:19px;
    margin:-10px 0 0 0;
    padding:1px;
    height:18px
}
.ui-dialog .ui-dialog-titlebar-close span{
    display:block;
    margin:1px
}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{
    padding:0
}
.ui-dialog .ui-dialog-content{
    position:relative;
    border:0;
    padding:.5em 1em;
    background:0;
    overflow:auto;
    zoom:1
}
.ui-dialog .ui-dialog-buttonpane{
    text-align:left;
    border-width:1px 0 0 0;
    background-image:none;
    margin:.5em 0 0 0;
    padding:.3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    float:right
}
.ui-dialog .ui-dialog-buttonpane button{
    margin:.5em .4em .5em 0;
    cursor:pointer
}
.ui-dialog .ui-resizable-se{
    width:14px;
    height:14px;
    right:3px;
    bottom:3px
}
.ui-draggable .ui-dialog-titlebar{
    cursor:move
}
div.jp-audio,div.jp-video{
    font-size:1em;
    font-family:Verdana,Arial,sans-serif;
    line-height:1.6;
    color:#666;
    border:1px solid #dbf7d6;
    background-color:#eee;
    position:relative
}
div.jp-video-300p{
    width:400px
}
div.jp-interface{
    position:relative;
    background-color:#eee;
    width:100%
}
div.jp-progress{
    overflow:hidden;
    background-color:#ddd
}
div.jp-video div.jp-progress{
    top:0;
    left:0;
    width:100%;
    height:5px
}
div.jp-seek-bar{
    background-color:#000;
    width:0;
    height:100%;
    cursor:pointer
}
div.jp-play-bar{
    background-color:#dbf7d6;
    width:0;
    height:100%;
    z-index:2
}
div.jp-video-play{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    cursor:pointer;
    background-color:rgba(0,0,0,0)
}
div.jp-video-300p div.jp-video-play{
    height:300px
}
a.jp-video-play-icon{
    position:relative;
    display:block;
    width:50px;
    height:50px;
    margin-left:-25px;
    margin-top:-25px;
    left:50%;
    top:50%;
    background:url("../img/video_play_button.png") 0 0 no-repeat;
    text-indent:-9999px
}
div.jp-video-play:hover a.jp-video-play-icon{
    background:url("../img/video_play_button.png") 0 -50px no-repeat
}
div.jp-jplayer audio,div.jp-jplayer{
    width:0;
    height:0
}
div.jp-jplayer{
    background-color:#000
}
body{
    font-size:11px;
    font-family:'Lato',sans-serif;
    color:#222;
    background-color:#cbf4f7
}
h1,h2,h3{
    font-weight:900;
    padding:0 5px;
    margin:0;
    text-transform:uppercase;
    color:#fffff2
}
h1{
    font-size:31px;
    margin:40px
}
h2{
    font-size:18px;
    padding:5px;
    border-bottom:1px solid black
}
h3{
    font-size:20px;
    margin:5px 0 0 0
}
p{
    margin:0
}
a{
    text-decoration:none;
    font-weight:700;
    color:inherit
}
a:hover{
    text-decoration:underline
}
.ui-widget-content{
    border:1px solid #7ca6ba;
    background:0;
    background-color:#4b4646
}
.ui-dialog-titlebar{
    border:0;
    background:0
}
.ui-dialog-title{
    font-family:'Lato',sans-serif;
    font-weight:900;
    font-size:20px;
    color:#fffff2
}
.ui-dialog-content{
    font-family:'Lato',sans-serif;
    font-family:'Lato',sans-serif;
    font-size:14px;
    color:#fffff2
}
.ui-button.ui-state-default{
    background:0;
    background-color:#5c5c5c;
    border-color:#7ca6ba
}
.ui-button.ui-state-hover{
    background-color:#777;
    border-color:#a3cfc6
}
.ui-button.ui-state-highlight{
    border-color:#e59700
}
.ui-button .ui-button-text{
    font-family:'PT Sans',sans-serif;
    font-weight:700;
    color:#fffff2;
    font-size:13px;
    line-height:1.2
}
.ui-accordion .ui-accordion-header{
    border:1px solid #7ca6ba;
    margin-top:5px;
    background-color:#5c5c5c;
    background-image:none;
    padding-left:20px
}
.ui-accordion .ui-accordion-header a{
    font-family:'Lato',sans-serif;
    font-weight:900;
    color:#fffff2;
    padding-left:0;
    font-size:14px
}
.ui-accordion .ui-accordion-header.ui-state-active{
    border-color:#a3cfc6;
    background-color:#fffff2
}
.ui-accordion .ui-accordion-header.ui-state-active a{
    color:#222
}
.ui-accordion .ui-accordion-header.ui-state-hover:not(.ui-state-active){
    border-color:#a3cfc6;
    background-color:#777
}
.ui-accordion .ui-accordion-header:first-child{
    margin-top:0
}
.ui-accordion .ui-accordion-content{
    font-family:'Lato',sans-serif;
    font-size:14px;
    line-height:18px;
    border:1px solid #a3cfc6;
    border-top:0;
    margin-top:-3px;
    background-color:#fffff2;
    background-image:none;
    padding:10px 20px
}
.achievement{
    background-image:url('../img/achievement.png');
    width:32px;
    height:32px
}
.medal{
    background-image:url('../img/medals.png');
    width:32px;
    height:32px
}
.medal-gold{
    background-position:-32px 0
}
.medal-silver{
    background-position:-64px 0
}
.medal-bronze{
    background-position:-96px 0
}
.flip{
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:fliph
}
.ui-icon-close{
    cursor:pointer
}
#lightbot{
    position:absolute;
    top:50%;
    left:50%;
    width:980px;
    height:740px;
    margin-left:-490px;
    margin-top:-370px
}
#credits{
    font-size:13px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:20px;
    text-align:center
}
#credits2{
    font-size:13px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:16px;
    text-align:center
}
.ui-screen{
    position:absolute;
    top:20px;
    width:100%;
    height:700px;
    border:1px solid #000;
    background-color:#4b4646
}
#welcomeScreen{
    background:#4b4646 url('../img/welcome_screen_bg.png') no-repeat left top
}
#gameScreen{
    background:#000
}
#welcomeScreen .helpButton,#welcomeScreen .achievementsButton,#welcomeScreen .levelSelectButton,#welcomeScreen .audioToggleButton{
    position:absolute;
    bottom:20px
}
#welcomeScreen .levelSelectButton{
    bottom:19px
}
#welcomeScreen .audioToggleButton{
    right:40px
}
#welcomeScreen .helpButton{
    right:75px
}
#welcomeScreen .achievementsButton{
    right:150px
}
#welcomeScreen .levelSelectButton{
    right:278px;
    border-width:2px
}
#achievementsScreen .mainMenuButton{
    position:absolute;
    left:40px;
    bottom:40px
}
#achievementsList{
    height:513px;
    overflow:auto;
    padding:0;
    margin:0 40px;
    color:#fffff2;
    list-style-type:none
}
#achievementsList li{
    border:1px solid #7ca6ba;
    background-color:#5c5c5c;
    height:50px;
    margin-bottom:5px
}
#achievementsList li:hover{
    border-color:#a3cfc6;
    background-color:#777
}
#achievementsList li img{
    float:left;
    margin:5px 15px 5px 5px
}
#levelSelectScreen .mainMenuButton{
    position:absolute;
    left:40px;
    bottom:40px
}
#levelSelectScreen ul{
    width:780px;
    list-style-type:none;
    margin:50px auto;
    padding:0
}
#levelSelectScreen li{
    margin:5px 5px;
    padding:1px;
    float:left;
    width:90px;
    height:80px;
    font-size:4em;
    line-height:2em;
    text-align:center;
    cursor:pointer;
    position:relative;
    border:1px solid #7ca6ba;
    background-color:#5c5c5c;
    color:#fffff2
}
#levelSelectScreen li.ui-state-highlight{
    color:#222;
    background:0;
    border-color:#a3cfc6;
    background-color:#f8f4d2
}
#levelSelectScreen li.ui-state-highlight.ui-state-hover{
    background:0;
    border-color:#a3cfc6;
    background-color:#fbfaf6
}
#levelSelectScreen li.ui-state-hover:not(.ui-state-highlight){
    background:0;
    border-color:#a3cfc6;
    background-color:#777
}
#canvasContainer{
    position:absolute;
    top:1px;
    left:1px;
    width:690px;
    height:666px;
    background-color:white
}
#buttonContainer{
    position:absolute;
    left:1px;
    bottom:1px;
    width:690px;
    height:30px;
    background-color:#4b4646
}
#instructionsContainer{
    position:absolute;
    top:1px;
    right:1px;
    width:286px;
    height:220px;
    background-color:#4b4646
}
#instructionsContainer>div.ui-widget-content{
    overflow:auto;
    border:0
}
#instructionsContainer li{
    cursor:move
}
#instructionsContainer .ui-icon-close,li.ui-draggable-dragging .ui-icon-close{
    display:none
}
#instructionsContainer li div,li.ui-draggable-dragging div,#instructionsContainer li span:first-child+span{
    display:none
}
#programContainer{
    position:absolute;
    bottom:1px;
    right:1px;
    width:286px;
    height:476px;
    background-color:#4b4646
}
#programContainer input[type="number"]{
    margin:0;
    padding:0;
    width:40px
}
#programContainer>div{
    height:442px;
    overflow:auto
}
#programContainer>div>ul{
    min-height:417px
}
#programContainer li{
    cursor:move
}
#programContainer li.ui-state-highlight{
    height:18px
}
#programContainer>div.ui-widget-content{
    height:438px;
    border:0;
    overflow:auto
}
#instructionsContainer ul,#programContainer ul{
    margin:0;
    list-style:none;
    padding:5px
}
#instructionsContainer ul.ui-droppable,#programContainer ul.ui-droppable{
    padding-bottom:20px
}
#instructionsContainer li,#programContainer li,li.ui-draggable-dragging{
    list-style:none;
    border:1px solid black;
    margin:0 0 2px 0;
    padding:5px 5px;
    font-size:11px;
    background:0;
    background-color:#5c5c5c;
    border-color:#7ca6ba
}
#instructionsContainer li p,#programContainer li p,li.ui-draggable-dragging p{
    padding:0;
    margin:0;
    margin-bottom:.1em;
    font-family:'PT Sans',sans-serif;
    font-weight:700;
    color:#fffff2;
    font-size:13px;
    line-height:1.2
}
#instructionsContainer li.ui-state-hover,#programContainer li.ui-state-hover{
    background-color:#777;
    border-color:#a3cfc6
}
li.ui-draggable-dragging{
    width:150px
}
.ui-state-droppable{
    background-color:#fffed0
}
.ui-state-droppable-hover{
    background-color:#fbeea4
}
#helpScreenAccordionContainer{
    position:absolute;
    top:40px;
    left:40px;
    width:400px
}
#helpScreenVerticalBar{
    position:absolute;
    top:0;
    left:466px;
    width:42px;
    height:700px;
    background:url('../img/helpscreen_vertical_bar.png')
}
#helpScreen .mainMenuButton{
    position:absolute;
    left:40px;
    bottom:40px
}
#videoContainer{
    position:absolute;
    top:175px;
    right:40px;
    width:400px
}