.outtaHere { position: absolute; left: -3000px; }
/* radio buttons */
.radioArea, .radioAreaChecked { float: left; width: 14px; height: 14px; background: url(../images/bg-radio.png) no-repeat; overflow: hidden; margin: 5px 10px 0 0; }
.radioAreaChecked { background-position: 0 -14px; }
/* checkboxes */
.checkboxArea, .checkboxAreaChecked { float: left; width: 17px; height: 15px; overflow: hidden; background: url(../images/bg-checkbox.gif) no-repeat; margin: 0; }
.checkboxAreaChecked { background-position: 0 -15px; }
/* selects */
.selectArea { position: relative; height: 30px; float: left; color: #404040; font: 13px/30px Arial, Helvetica, sans-serif; }
.selectArea .left { position: absolute; top: 0; left: 0; width: 19px; height: 100%; background: url(../images/bg-select.png) no-repeat 0 -30px; }
.selectArea a.selectButton { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../images/bg-select.png) no-repeat 100% -60px; }
.selectArea .center { height: 30px; display: block; padding: 0 26px 0 13px; background: url(../images/bg-select.png) repeat-x; }
.selectArea .center img { float: left; }
/* selects drop-down */
.optionsDivInvisible, .optionsDivVisible { position: absolute; z-index: 30; font-size: 11px; }
.optionsDivInvisible { display: none; }
.optionsDivVisible ul { margin: 5px 0 0; padding: 2px; list-style: none; background-color: #f6f6f6; border: 1px solid #ccc; height: 300px; overflow-y: scroll;}
#optionsDiv7.optionsDivVisible ul { margin: 5px 0 0; padding: 2px; list-style: none; background-color: #f6f6f6; border: 1px solid #ccc; height: 120px; overflow-y: scroll;}

.optionsDivVisible ul li { /* height: 1%; */
    overflow: hidden; vertical-align: top; font: 13px/20px Arial, Helvetica, sans-serif; border-top: 1px solid #ececec; }
.optionsDivVisible ul li:first-child { border: 0; }
.optionsDivVisible a { color: #404040; overflow: hidden; text-decoration: none; background: #fff; display: block; /* height:1%; */
                       padding: 5px 11px; }
.optionsDivVisible a img { float: left; }
.optionsDivVisible a:hover { text-decoration: underline; background: #f7f7f7; }
body.page-export-videos .optionsDivVisible ul { width:224px}
/* select styler */
.jq-selectbox { color: #404040; font: 13px/30px Arial, Helvetica, sans-serif; height: 30px; width: 100%;background: url(../images/bg-select.png) repeat-x; cursor: pointer; }
.jq-selectbox .select { width: 100%;background: url(../images/bg-select.png)no-repeat 0 -30px; height: 30px; overflow: hidden}
.jq-selectbox .text { float: left; padding: 0 31px 0 10px;}
.jq-selectbox .trigger {background: url(../images/bg-select.png) no-repeat 100% -60px;display: block; height: 30px; position: absolute; right: 0; width: 34px; z-index: 98;}
.jq-selectbox .dropdown { top: 35px !important; background: #F6F6F6; border: 1px solid #CCCCCC; padding: 2px; width: 225px; bottom: auto !important; max-height: 310px}
.live-page .main-holder .form-widget ul.settings .jq-selectbox .dropdown li { width: auto; font:13px/20px Arial,Helvetica,sans-serif; margin: 0; border: none; float: none; min-height:0; border-top: 1px solid #ECECEC; padding: 5px 11px; background:#fff;}
.live-page .main-holder .form-widget ul.settings .jq-selectbox .dropdown li.optgroup { background: none; padding: 3px 5px; font-weight: bold}
.live-page .main-holder .form-widget ul.settings .jq-selectbox .dropdown li.optgroup:hover { cursor: default; text-decoration: none}
.live-page .main-holder .form-widget ul.settings .jq-selectbox .dropdown li:hover { cursor: pointer; text-decoration: underline; background: none}
.live-page .main-holder .form-widget ul.settings .jq-selectbox .dropdown ul { padding: 0; width: auto}