/*@import url("skins/base.css.php");*/
textarea {
    height: 150px
}

#editor_page {
    min-width: 800px;
    height: 100%
}

#editor_frame_holder {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px
}

#editor_frame {
    position: absolute;
    height: 100%;
    width: 100%
}

#editor_props_frame_holder {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 50px
}

#editor_prop_frame {
    position: absolute;
    height: 100%;
    width: 100%
}

#propsave {
    position: absolute;
    bottom: 15px;
    left: 5px
}

#editor_leftcolumn {
    position: absolute;
    left: 10px;
    width: 210px;
    margin-top: 7px
}

#editor_leftcolumn_mini {
    position: absolute;
    left: 10px;
    width: 35px;
    margin-top: 7px;
    z-index: 100
}

#editor_rightcolumn {
    position: absolute;
    top: 39px;
    right: 10px;
    width: 375px;
    bottom: 0;
    z-index: 100
}

#editor_maincolumn {
    position: absolute;
    left: 235px;
    right: 400px;
    top: 39px;
    bottom: 0
}

#editor_slider_left {
    position: absolute;
    top: 50px;
    left: 220px;
    z-index: 100;
    cursor: pointer
}

#editor_slider_right {
    position: absolute;
    top: 50px;
    right: 384px;
    width: 13px
}

#editor_slider_right img {
    float: left
}

.editor_slider_left_closed {
    left: 45px !important
}

.editor_main_left_closed {
    left: 60px !important
}

.editor_action {
    padding: 4px;
    margin: 0 0 0 5px;
    cursor: pointer
}

.actionmargins {
    padding: 4px 3px 5px 0 !important
}

.editor_boxcontainer_fullheight {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.editor_round_top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.editor_round_bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.editor_panel_tabs {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100
}

.editor_round_main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    top: 3px
}

.editor_round_right {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    top: 24px;
    border-top: 1px #d3d4d5 solid
}

.props_header {
    padding: 5px 10px;
    background: #f0f0f0;
    color: #717171;
    width: 100%
}

.editor_props_fullwidth {
    position: relative;
    width: 100%
}

.editor_props_texttools {
    height: 22px;
    margin-bottom: -2px;
    padding: 2px
}

.editor_props_texttools button {
    border: 1px solid silver;
    background: #fff;
    color: #000;
    padding: 0 3px;
    font-size: 10px;
    font-family: arial;
    margin-right: 3px;
    height: 20px;
    cursor: pointer;
    float: left
}

.editor_props_textoptions {
    background: #f0f0f0;
    border: 1px solid silver;
    border-top-width: 0;
    padding: 2px
}

.editor_texteditor {
    width: 100%;
    padding: 4px
}

.editor_textlineeditor {
    box-sizing: border-box;
    position: relative !important;
    width: 100%
}

.editor_props_cont_headline {
    background: #777;
    color: #fff;
    padding: 3px;
    width: 100%
}

.editor_props_page {
    padding: 10px
}

.editor_props_cont_item {
    margin-top: 10px;
    position: relative;
    width: 100%
}

.editor_props_headline_butts {
    position: absolute;
    right: 2px;
    top: 2px
}

.editor_props_headline_move {
    cursor: n-resize
}

pre {
    margin: 0
}

#main-content {
    margin-top: 95px
}

.bare #main-content, .dialog #main-content {
    margin-top: 0
}

#page {
    min-width: 1000px
}

#topbar {
    padding: 7px 10px 0
}

#leftcolumn {
    position: absolute;
    left: 10px;
    width: 210px;
    margin-top: 7px
}

#maincolumn {
    position: absolute;
    left: 227px;
    right: 10px;
    margin-top: 7px;
    min-width: 583px
}

#maincolumnfixed {
    position: absolute;
    left: 227px;
    width: 600px;
    margin-top: 7px
}

#maincolumnmiddle {
    position: absolute;
    left: 227px;
    right: 416px;
    margin-top: 7px
}

#rightcolumn {
    position: absolute;
    right: 10px;
    width: 400px;
    margin-top: 7px
}

#fullcolumn {
    position: absolute;
    left: 10px;
    right: 10px;
    margin-top: 7px;
    min-width: 583px
}

#breadcrum ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#breadcrum ul li {
    float: left;
    margin-right: 5px
}

#breadcrum ul li a {
    float: left;
    color: #eee;
    text-decoration: none
}

#breadcrum ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.dialog #ajax_status_box {
    top: 10px;
    right: 10px
}

#ajax_status_box {
    position: fixed;
    top: 130px;
    right: 50px;
    padding: 5px 10px
}

.bigput[type=text] {
    padding: 5px;
    width: 350px
}

.subtile_text {
    color: #777;
    font-style: italic;
    font-size: 10px;
    margin-top: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.editable_div {
    padding: 1px
}

.editable_div:hover {
    padding: 0;
    border: 1px dashed #555;
    cursor: text
}

.readmore {
    text-align: right;
    margin: 3px 2px 0 0
}

.bigbut {
    font-size: 12px
}

.listsearch {
    position: absolute;
    right: 17px;
    top: 20px
}

.listsearch button {
    height: 20px
}

.listsearchinput {
    width: 155px
}

.listsearchinput.off {
    color: #777;
    font-style: italic
}

.listsearchinput.on {
    color: #222;
    font-style: normal
}

.fuwait {
    background-color: #fff;
    position: absolute;
    width: 250px;
    text-align: center;
    padding: 20px;
    left: 30px;
    top: 100px;
    border: 1px solid #000;
    z-index: 100
}

.navexit a:hover, .navitem a:hover {
    text-decoration: underline
}

.current a:hover {
    text-decoration: none
}

.title_edit_camp_big {
    position: relative;
    border: 1px dashed #777 !important;
    background: #fff;
    margin-bottom: 10px
}

.title_edit_camp_big input {
    border: none !important;
    padding: 0;
    font-size: 24px
}

.title_edit_camp_small {
    position: relative;
    border: 1px dashed #777 !important;
    background: #fff;
    margin-bottom: 10px
}

.title_edit_camp_small textarea {
    border: none !important;
    padding: 2px !important;
    font-size: 12px;
    width: 100%;
    color: #777
}

.graytitle {
    float: left;
    margin: 5px 0 3px 10px;
    color: silver;
    font-weight: 700;
    font-size: 12px;
    position: relative
}

.graytitle a {
    color: silver
}

.graytitle a:hover {
    text-decoration: underline
}

.round_border {
    display: block
}

.round_border * {
    background: #fff;
    display: block;
    height: 1px
}

.round_border_layer3 {
    background: #9e9d9d;
    border-left: 1px solid #9e9d9d;
    border-right: 1px solid #9e9d9d;
    margin: 0 3px;
    padding: 0 1px
}

.round_border_layer2 {
    border-left: 1px solid #9e9d9d;
    border-right: 1px solid #9e9d9d;
    margin: 0 2px;
    padding: 0
}

.round_border_layer1 {
    border-left: 1px solid #9e9d9d;
    border-right: 1px solid #9e9d9d;
    margin: 0 1px
}

.round_border_content {
    position: relative;
    border-left: 1px solid #9e9d9d;
    border-right: 1px solid #9e9d9d;
    background: #fff;
    padding: 4px 10px
}

.text_box_padding {
    padding: 10px !important
}

.boxcontainer {
    margin-bottom: 10px
}

.helpbox-header {
    display: block;
    font-weight: 700
}

.morepad {
    padding: 25px !important
}

.mainpad {
    padding: 25px 40px 40px !important
}

.breadcrum_main {
    margin-bottom: 10px
}

.main_text {
    margin: 0 0 10px;
    color: #555
}

.med_text {
    margin: 3px 0 20px;
    color: #555
}

.bigrubbe {
    font-size: 24px;
    margin-bottom: .5em;
    line-height: 1.2
}

.bigrubbe_underline {
    font-size: 24px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.bigrubbe .navicon {
    margin-top: -5px;
    margin-right: 7px
}

.pageicon {
    position: absolute;
    top: 25px;
    left: 25px
}

.toolbar_table {
    width: 100%
}

.toolbar_table td {
    padding-bottom: 5px;
    vertical-align: bottom
}

.medrubbe {
    font-size: 18px;
}

.medrubbe img {
    vertical-align: top;
    margin-right: 5px
}

.notice_info .round_border * {
    background: #e5eef5 !important;
    border: none !important
}

.notice_info .round_border_content {
    background: #e5eef5 !important;
    border: none !important;
    padding: 10px 20px;
    min-height: 32px
}

.notice_info .round_border_content_rub {
    background: #e5eef5 !important;
    border: none !important;
    padding: 5px 10px;
    color: #555;
    font-weight: 700
}

.graybox .round_border * {
    background: #717171 !important;
    border: none !important
}

.graybox .round_border_content {
    background: 8px 5px no-repeat #717171 !important;
    border: none !important;
    color: #fff;
    font-weight: 700;
    padding: 2px 15px
}

.graybox a {
    color: #fff
}

.minihelp {
    position: relative;
    background: url(../images/icons/ix_ap_all/16x16/plain/help2.png) 2px 1px no-repeat #cfe7fb;
    padding: 2px 20px 2px 22px;
    float: left;
    margin-top: 1px;
    color: #555;
    font-size: 11px
}

.sortcol {
    cursor: pointer
}

.sortasc {
    background-image: url(../images/form/columnbg_up.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}

.sortdesc {
    background-image: url(../images/form/columnbg_down.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important
}

.nosort {
    cursor: default
}

.actions {
    text-align: left;
    padding: 10px 7px 0;
    font-size: 12px
}

.listtopactions {
    text-align: left;
    padding: 7px;
    font-size: 12px;
    background: #ececec;
    border-bottom: 1px #a2a2a2 solid
}

.actions_right {
    text-align: right;
    margin: 10px 7px;
    font-size: 12px
}

.table_contlist_row_selected {
    background-color: #e5eef5 !important
}

.smalldata td {
    padding: 0 3px 0 0 !important;
    border: none !important;
    font-size: 11px !important
}

.navicon {
    vertical-align: middle;
    margin-right: 4px;
    border: 0
}

.filter_mainbuttons {
    margin-top: 5px
}

.imagebutton {
    cursor: pointer
}

.dialog_overlay {
    filter: alpha(opacity=75);
    opacity: .75;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dialog_box {
    position: absolute
}

.dialog_navbuts {
    float: right;
    cursor: pointer
}

#dialog_handle {
    cursor: move
}

#report_nav .custom_reporting {
    padding: 1em 0 .35em
}

.dialogButtons {
    position: fixed;
    bottom: 10px;
    right: 5px
}

.dialog_scroll_box {
    border: 1px solid #aaa;
    overflow-x: hidden;
    overflow-y: auto
}

body.dialog {
    background: #fff;
    margin: 10px 10px 10px 60px
}

body.slim {
    margin: 10px
}

#dialog_icon {
    position: absolute;
    top: 10px;
    left: 10px
}

td.formFieldName {
    display: table-cell
}

.formFieldName {
    color: #777;
    font-style: italic;
    margin-bottom: 3px;
    margin-top: 3px;
    display: block
}

.formBoxLabel {
    margin-top: 12px
}

.formBoxLabelSubline {
    display: block;
    font-size: 90%;
    color: #909090
}

.icon-tooltip {
    background: url(../images/icons/ix_ap_all/16x16/plain/about.png) center right no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom
}

.formspacer {
    margin-top: 10px
}

.formindent {
    margin-left: 23px
}

.formquery_scrollbox {
    width: 350px;
    border: 1px solid #aaa;
    padding: 5px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll
}

.optlist {
    width: 100%
}

.optlist td, .optlist td input[type=text] {
    font-size: 11px
}

.scrolltop {
    margin-top: 10px;
    width: 362px
}

.scrolltop td {
    background: silver;
    padding: 2px;
    font-style: italic;
    color: #fff
}

.formHeader {
    font-weight: 700;
    min-width: 400px
}

.formSelect, .formTextarea {
    width: 400px
}

.formLabelListItem {
    margin-top: 10px;
    display: block
}

.form-checkbox-group {
    margin-bottom: 5px
}

.form-checkbox-group .formLabelListItem {
    margin-top: 0;
    margin-bottom: 1px
}

input.formInput {
    width: 398px
}

input.input-autocomplete {
    width: 352px;
    background: url(../../corporate/images/icons/ix_ap_all/16x16/plain/view.png) 1px 1px no-repeat;
    padding: 2px 2px 1px 22px
}

.dclAutoGenerator-button i {
    background: url(../../corporate/images/new-icons/non-react/contact_black.svg) center center no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block
}

.tabs {
    list-style: none
}

.tabs li {
    float: left;
    background: #f0f0f0;
    padding: 0;
    border: 1px solid #9e9d9d;
    margin-left: 0;
    margin-right: -1px;
    margin-top: 1px
}

.tabs li:hover {
    color: #fff;
    background: #fff
}

.tabs .current {
    background: #fff !important;
    border-bottom: 0 #fff solid !important;
    font-weight: 700;
    margin-left: 0 !important;
    margin-top: 0;
    padding-bottom: 1px
}

.tabs .current a {
    color: #222;
    padding-top: 3px
}

.tabs .current a:hover {
    text-decoration: none
}

.tabs li a:hover {
    text-decoration: underline
}

.tabs li a {
    text-decoration: none;
    padding: 2px 10px;
    line-height: 18px;
    display: block
}

.tabcontainer {
    position: absolute;
    top: 0;
    z-index: 100;
    margin-bottom: -1px !important
}

.tabbody {
    position: relative;
    padding-top: 24px !important
}

.tabcontent {
    border-top: 1px #9e9d9d solid;
    padding: 40px !important
}

.tabnosuperpadding {
    padding: 4px 15px 15px !important
}

.tabbottom_border {
    border-bottom: 1px solid #9e9d9d
}

.tabboxtop {
    border-top: 1px #9e9d9d solid !important
}

.step_body {
    margin-top: 10px;
    margin-bottom: 40px;
    padding-bottom: 15px
}

.step_body .step {
    color: #b5b5b5;
    font-size: 13px
}

.step_body .step a {
    text-decoration: none;
    color: #b5b5b5
}

.step_body .step a:hover {
    text-decoration: underline
}

.step_body .step .bar {
    background: #b5b5b5;
    height: 11px;
    margin: 4px 0 0
}

.step_body .current a {
    color: #222
}

.step_body .affectable .bar {
    background: #80A2BD
}

.step_body .current .bar {
    background: #5192c7
}

.left_col_input {
    width: 180px
}

.left_coll_input {
    width: 130px
}

.actionlist {
    list-style-type: none
}

.actionlist .actionitem {
    float: left;
    margin-right: 10px
}

.ul_droplist {
    position: relative;
    border: 1px solid silver;
    cursor: pointer;
    z-index: 100;
    width: auto;
    background: url(../images/picklist_arrow.gif) top right no-repeat #fff
}

.ul_droplist ul {
    list-style-type: none;
    display: block
}

.ul_droplist .picklist {
    position: absolute;
    margin-left: -1px;
    background: #fff;
    border: 1px solid silver;
    z-index: 1000
}

.ul_droplist .picklist li:hover {
    background: #ffb
}

.ul_droplist .current {
    padding-right: 20px;
    z-index: 100
}

.ul_droplist .current li {
    position: relative;
    margin: 2px 10px 2px 4px
}

.ul_droplist .picklist li {
    position: relative;
    padding: 2px 10px 2px 4px;
    white-space: nowrap
}

.ul_droplist ul li img {
    vertical-align: middle
}

.ul_droplist_plain {
    background-image: none !important;
    background: 0 0;
    border: none;
    z-index: 100
}

.ul_droplist_plain .current li {
    text-decoration: underline;
    color: #bc6100
}

.searchhilite {
    background: #ff0;
    text-decoration: underline
}

.livebuttbox {
    margin: 0 0 10px
}

.boxsum {
    position: relative;
    background: #e8e9ee;
    margin-top: 10px;
    padding: 4px;
    font-weight: 700
}

#adbread, #picklist {
    margin-bottom: 10px;
    overflow: auto
}

.bigoptiontable {
    width: 100%
}

.bigoptiontable td {
    padding: 0 10px 20px 0
}

.bigoptiontable .rub {
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 10px
}

.bigoptiontable button {
    width: 100px;
    height: 100px
}

.bigoptiontable2 {
    margin: 20px 0;
    width: 100%
}

.bigoptiontable2 td {
    padding: 0 10px 20px 0
}

.bigoptiontable2 tr:last-of-type td {
    padding: 0 10px 0 0
}

.bigoptiontable2 .rub {
    margin-bottom: 5px
}

.golink {
    color: #0a0;
    font-weight: 700
}

#screenshot {
    position: absolute;
    left: 200px
}

.screencontainer {
    border: 1px solid #777;
    padding: 10px;
    background: #fff
}

.checklist {
    position: relative;
    background: url(../images/icons/ix_ap_all/24x24/plain/check2.png) 10px 10px no-repeat #d0e7bc;
    padding: 10px 10px 5px 50px;
    margin-bottom: 8px;
    min-height: 35px
}

.checkyellow {
    background: url(../images/icons/ix_ap_all/24x24/plain/warning.png) 10px 10px no-repeat #fffbb3 !important
}

.checkprocessing {
    background: url(../images/icons/ix_op_all/24x24/plain/hourglass.png) 10px 10px no-repeat #d0e7bc !important
}

.costbox {
    background-image: url(../images/icons/ix_bd_all/32x32/plain/cashier.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px 10px !important
}

.yellow {
    background: 10px 10px no-repeat #fffbb3 !important
}

.checklist img {
    position: absolute;
    top: 7px;
    left: 10px
}

.checklist .head {
    font-size: 14px;
    font-weight: 700
}

.hiddeniframe {
    border: none;
    width: 0;
    height: 0
}

.progressbar .bar {
    width: 123px;
    background-image: url(../images/progress/percentImage_back1.png);
    background-repeat: no-repeat;
    background-position: -120px 0
}

.article {
    margin-bottom: 20px
}

.article .headline {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.article .alinks {
    margin-top: 5px
}

.button_lil_blu {
    float: left;
    display: block;
    text-decoration: none;
    background: top right #5091c7;
    border-radius: 3px;
    line-height: 20px;
    padding: 0 8px;
    color: #fff;
    text-align: center;
    font-size: 11px
}

.button_lil_blu div, a.button_lil_blu {
    color: #fff;
    text-decoration: none;
    font-size: 11px
}

.button_lil_blu div {
    line-height: 20px
}

.button_lil_blu a:link, .button_lil_blu a:visited {
    color: #fff
}

.button_lil_blu a:hover, a.button_lil_blu:hover {
    text-decoration: underline !important
}

.button-center {
    margin: 0 auto;
    display: block
}

.button_lil_gray, a.button_lil_gray {
    background-image: url(../images/form/smallgraybut_l.png);
    background-repeat: no-repeat;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    display: block;
    color: #555;
    text-decoration: none
}

.button_lil_gray div {
    height: 25px;
    padding: 5px 15px 0 5px;
    margin-right: -5px;
    margin-left: 5px;
    background-image: url(../images/form/smallgraybut_r.png);
    background-repeat: no-repeat;
    background-position: top right
}

.button_lil_gray_on {
    background-image: url(../images/form/smallgraybut_l_on.png);
    color: #fff
}

.button_lil_gray_on div {
    background-image: url(../images/form/smallgraybut_r_on.png);
    color: #fff
}

.list_bar_right {
    text-align: right
}

tr:hover .grayplate {
    background: #cacaca
}

.grayplate {
    background: #ececec;
    float: left;
    margin-right: 5px;
    line-height: 24px;
    padding: 3px 5px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 5px
}

.grayplate img {
    vertical-align: middle
}

.mod-notice-error-nonvital {
    padding: 7px 0;
    font-size: 11px;
    color: #444
}

.comp-list-box {
    border: 1px solid #b6b6b6;
    padding: 10px
}

.compllist_comp {
    float: left;
    border: 1px solid #e0e0e0;
    margin: 0 5px 5px 0;
    padding: 5px;
    background: #fff
}

.compllist_comp .statusbar {
    position: absolute;
    top: 4px;
    right: 4px
}

.compllist_comp .statusicon {
    float: left
}

.compllist_comp_img {
    position: relative;
    width: 120px;
    height: 120px
}

.compllist_comp_img img {
    height: auto;
    width: auto;
    max-height: 120px;
    max-width: 120px;
    display: block
}

.compllist_comp_label {
    font-weight: 700;
    margin-top: 3px;
    width: 120px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.compllist_comp_links {
    margin-top: 4px
}

.compllist_comp_links a {
    text-decoration: none
}

.compllist_comp_links .button_lil_blu {
    float: none
}

.no_shit {
    font-size: 16px;
    text-align: center;
    line-height: 180px;
    color: #777;
    font-weight: 700
}

.infotable {
    margin: 10px 0
}

.infotable td {
    vertical-align: middle;
    padding-bottom: 5px;
    padding-right: 10px
}

.infotable input[type=text], select {
    width: 200px
}

.sel_on {
    background: #c9dbe8;
    border-color: #d1d1d1
}

.sel_off {
    background: #fff
}

div.autocomplete {
    background-color: #fff;
    color: #000;
    border: 1px solid silver;
    border-top-width: 0;
    margin: 0;
    padding: 0;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 50;
    box-sizing: border-box
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.autocomplete ul li.selected {
    background-color: #ffb
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 14px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.autocomplete-spinner {
    vertical-align: bottom;
    height: 20px;
    width: 20px;
    background: url(../images/icn_loading_animated.gif) right center no-repeat;
    display: inline-block
}

.waitspinner {
    vertical-align: bottom
}

.pair {
    padding-bottom: 2px
}

.trans {
    background-image: url('data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////2dnZeG/J5wAAABZJREFUeNpiYAQBBjAghUmyBjATIMAACywAMzXQoXEAAAAASUVORK5CYII=')
}

#notify {
    position: fixed;
    top: 55px;
    right: 20px;
    width: 400px;
    background-color: #5192c7;
    border-radius: 2px;
    z-index: 6000;
    font-weight: 700;
    font-family: sans-serif;
    padding: 4px;
    line-height: 1.3;
    font-size: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 3px 13px -8px #000;
    border: 1px solid #cfdbe5
}

#promotions {
    top: 500px;
    margin: 36px auto 0;
    text-align: center;
}

#notify.error {
    background-color: #d76161;
    border-color: #e1c2c2
}

#apptop {
    position: absolute;
    height: 81px;
    left: 0;
    right: 0;
    top: 0;
    padding: 7px 10px;
    overflow: hidden
}

.menubar {
    height: 32px;
    position: absolute;
    left: 10px;
    bottom: 0
}

.logo {
    margin-top: 2px
}

.small_logo {
    float: left;
    display: none;
    margin-right: 5px
}

.dots {
    padding: 4px 0 0 10px;
    float: left
}

.divi {
    float: left
}

a.top-link {
    background: #8ab5d6;
    background: rgba(255, 255, 255, .2);
    padding: 0 20px;
    margin-right: 5px;
    float: left;
    display: block;
    line-height: 32px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

a.top-link:hover {
    background: #41637e;
    background: rgba(0, 0, 0, .4)
}

a.top-link.on, a.top-link.on:hover {
    background: #dadada;
    background: linear-gradient(#fff, #dadada);
    text-shadow: none;
    border-radius: 3px 3px 0 0;
    color: #144282
}

.top-nav {
    position: absolute;
    right: 5px;
    top: 0
}

.top-nav-section {
    float: left;
    margin-right: 5px;
    background: #5983a7;
    background: rgba(0, 0, 0, .2);
    border-radius: 0 0 3px 3px;
    color: #fff;
    padding: 0 10px;
    font-size: 11px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.top-nav-section a, .top-nav-section span {
    color: #fff;
    text-decoration: none;
    padding: 2px 0;
    float: left
}

.top-nav-section a:hover {
    color: #fff;
    text-decoration: underline
}

.top-nav-separator {
    float: left;
    display: block;
    margin: 5px;
    width: 1px;
    height: 11px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    background: #aabfd2;
    background: rgba(255, 255, 255, .5)
}

.scrolled-down #apptop {
    position: fixed;
    padding: 5px;
    height: auto;
    z-index: 2000;
    box-shadow: 0 -2px 5px #000
}

.scrolled-down .menubar {
    height: auto;
    position: static;
    left: 0;
    bottom: 0;
    float: left
}

.scrolled-down .top-nav {
    top: auto;
    right: auto;
    float: right;
    position: static
}

.scrolled-down .top-nav-section {
    border-radius: 1px
}

.scrolled-down a.top-link, .scrolled-down a.top-link.on:hover {
    border-radius: 1px;
    padding: 5px 15px;
    line-height: 1
}

.scrolled-down .logo, .scrolled-down .logo_partner_box {
    display: none
}

.scrolled-down .small_logo {
    display: block
}

#righter {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 100
}

.topbar {
    height: 50px
}

.icon {
    vertical-align: middle;
    margin-right: 1px;
    width: 16px;
    height: 16px
}

.name {
    margin-right: 7px
}

.logo_partner_box {
    position: absolute;
    bottom: 0;
    right: 20px;
    border-collapse: collapse;
    height: 65px
}

.logo_partner_box td {
    color: #bde4ff;
    font-family: sans-serif;
    font-size: 11px;
    vertical-align: middle
}

.logo_partner_box_text {
    text-align: right;
    padding-right: 10px
}

.logo_partner_box td a {
    color: #bde4ff;
    text-decoration: none
}

a.cke_specialchar {
    text-decoration: none
}

.log-area {
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 5px;
    height: 600px;
    overflow: auto;
    position: relative
}

.log-area h2 {
    font-size: 15px;
    line-height: 1;
    margin: 5px 0 0
}

.log-area h2:first-of-type {
    margin: 0
}

.log-area .exception {
    margin-left: 20px;
    font-family: monospace;
    white-space: pre;
}

.logo_partner_box img {
    display: block
}

.comp-screenshot {
    box-shadow: 0 1px 3px rgba(0, 0, 10, .3);
    border: 1px solid #B6B6B6;
    border-radius: 2px
}

.no-boxshadow .hover-image, .no-boxshadow .hover-title {
    border: 1px solid #B6B6B6
}

.hover-image, .hover-title {
    background: #fff;
    padding: 4px;
    box-shadow: 0 1px 3px rgba(10, 0, 10, .3);
    color: #000;
    border-radius: 2px;
    max-width: 240px
}

.hover-image, .hover-image img {
    display: block;
    width: auto;
    height: auto;
    max-height: 120px;
    max-width: 120px
}

.medrubbe a:link {
    color: #BC6100;
    text-decoration: none
}

.medrubbe a:hover {
    text-decoration: underline
}

.startcontent td {
    width: 50%
}

.smallrub {
    font-size: 10px;
    font-weight: 700
}

#quickfind {
    width: 300px;
    padding: 3px;
    margin: 10px 0
}

#actfind {
    position: relative
}

#quickfind_choices {
    list-item: none;
    background: #fff;
    padding: 0;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    max-height: 160px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#quickfind_choices ul li.selected {
    background-color: #ffb
}

#quickfind_choices ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 18px;
    cursor: pointer
}

#loginbox {
    /* OLD VALUES */
    /* position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -200px */
    width: 396px;
    margin: 50px auto 0;
    position: relative;
}

#loginbox input[type=password], #loginbox input[type=text] {
    padding: 6px;
    font-style: italic;
    font-size: 13px;
    width: 300px
}

#logobox {
    background: #e0e0e0;
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 1px
}

#logobox img {
    max-width: 100%;
    height: auto;
    display: block
}

.props-header a {
    white-space: nowrap
}

.props-header span {
    color: #a0a0a0
}

.f-hidden {
    display: none
}

.hidden-button {
    height: 0;
    border: none;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.no-items {
    background: #fff
}

.contact-card-header {
    background: #e5eef5;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    margin: 5px 0 10px
}

.contact-card-header img {
    float: left
}

.main-panel-menu-item {
    box-sizing: border-box;
    padding-left: 42px;
    margin-bottom: 20px
}

.main-panel-menu-item:nth-of-type(odd) {
    clear: left
}

.main-panel-menu-icon {
    margin-left: -42px;
    position: absolute
}

.main-panel-menu-header {
    font-weight: 400;
    margin: 5px 0 10px
}

.main-panel-menu-header a {
    text-decoration: none
}

.main-panel-menu-text {
    margin-top: -5px
}

.gs_box {
    position: relative;
    background: url('<?php print APP_URL ?>corporate/images/blue_cloud.png') -200px 110px repeat-x #c4deea;
    padding: 35px 35px 15px
}

#up_right {
    position: absolute;
    right: 30px;
    top: 40px;
    padding: 2px;
    z-index: 1000
}

#tourbox {
    position: absolute;
    top: 27px;
    left: 30px
}

#startbox {
    position: absolute;
    top: 35px;
    left: 290px
}

.pad {
    margin-bottom: 7px
}

#pagebox {
    position: absolute;
    right: 30px;
    bottom: 0;
    background: url('<?php print APP_URL ?>corporate/images/paperpage.png') no-repeat #c4deea;
    width: 303px;
    height: 244px
}

#pagebox .textbox {
    padding: 60px 0 0 40px
}

#pagebox .textbox .pagerubbe {
    font-size: 16px;
    font-family: Comic Sans MS;
    margin-bottom: 15px
}

#pagebox .textbox .pagelink {
    margin-bottom: 7px
}

.startcontent {
    width: 100%
}

.starticon {
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    cursor: pointer;
    width: 100px
}

.starticon .icontext {
    font-size: 11px
}

.startvid {
    float: left;
    margin: 0 10px 25px 0;
    height: 150px;
    width: 138px;
    overflow-y: hidden
}

.startvid .vidtext {
    font-size: 11px
}

.startvid .vidrub a {
    color: #286da0 !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

.startvid .vidrub a:hover {
    text-decoration: underline
}

.trainingvideos {
    padding: 0 30px
}

.helpscroller {
    position: relative;
    overflow: hidden;
    height: 192px
}

.helpscroller-parent {
    position: relative
}

.scrollcont {
    width: 1310px
}

.helpIconBig {
    float: left;
    position: relative;
    border: 1px solid #b6b6b6;
    padding: 5px;
    width: 230px;
    text-align: center;
    margin-right: 20px;
    cursor: hand;
    cursor: pointer
}

.helpIconBig div {
    position: inherit;
    background: #ececec;
    height: 180px
}

.helpIconBig img {
    margin-top: 15px
}

.helpIconBig span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: #2b2b2b;
    font-size: 16px
}

.scroll_l, .scroll_r {
    position: absolute;
    width: 21px;
    height: 159px;
    background-image: url(../../corporate/images/scroll_l.png);
    background-repeat: no-repeat;
    background-position: -30px 0;
    cursor: pointer;
    left: -30px;
    top: 20px
}

.scroll_l:hover {
    background-position: 0 0
}

.scroll_r {
    left: auto;
    right: -30px;
    background-image: url(../../corporate/images/scroll_r.png);
    background-position: 0
}

.scroll_r:hover {
    background-position: -30px 0
}

@media (min-width: 1600px) {
    .scroll_l, .scroll_r {
        display: none
    }

    .trainingvideos {
        padding: 0
    }
}

.emarticle {
    position: relative
}

.emarticle .text .headline {
    margin-left: 10px;
    padding: 0;
    font-size: 16px;
    line-height: 20px
}

.emarticle .big_text .headline {
    margin-left: 10px;
    padding: 0;
    font-size: 20px;
    line-height: 24px
}

.emarticle .headline a {
    text-decoration: none;
    color: #444
}

.emarticle .headline a:hover {
    text-decoration: underline
}

.emarticle .link {
    float: right;
    padding: 12px 0 0
}

.emarticle .teaser {
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 5px 0 0
}

.emarticle .big_text .teaser {
    font-size: 13px;
    line-height: 16px
}

.prototip {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000
}

.prototip .default {
    width: 250px;
    color: #000
}

.prototip .default .toolbar {
    background: #f1f1f1;
    font-weight: 700
}

.prototip .default .title {
    padding: 5px
}

.prototip .default .content {
    padding: 5px;
    background: #FFA
}

.prototip .basic {
    width: 250px;
    color: gray
}

.prototip .basic .toolbar {
    background: #f1f1f1;
    font-weight: 700
}

.prototip .basic .title {
    padding: 5px
}

.prototip .basic .content {
    padding: 5px;
    background: #fff
}

.prototip .screenthumb {
    width: 250px;
    color: gray
}

.prototip .screenthumb .toolbar {
    background: #f1f1f1;
    font-weight: 700
}

.prototip .screenthumb .title {
    padding: 5px
}

.prototip .screenthumb .content {
    padding: 5px;
    background: #fff
}

.prototip .protogrey .toolbar .close {
    width: 14px;
    height: 14px
}

.prototipLoader {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 14px;
    width: 14px;
    border: 1px solid #ddd;
    overflow: hidden
}

.prototip {
    position: absolute;
    overflow: hidden
}

.prototip .toolbar, .prototip .toolbar .title, .prototip .tooltip {
    position: relative
}

.prototip .content {
    clear: both
}

.prototip .toolbar .close {
    position: relative;
    text-decoration: none;
    float: right;
    width: 19px;
    height: 15px;
    display: block;
    line-height: 0;
    font-size: 0;
    border: 0;
    cursor: pointer
}

.prototip .tooltip {
    clear: both;
    float: left
}

.prototip .borderLeftWrapper, .prototip .borderRightWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 20px
}

.prototip .borderFrame {
    height: 100%;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.prototip .borderBottom, .prototip .borderTop {
    overflow: hidden
}

.prototip .borderRow {
    list-style-type: none;
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0
}

.prototip_CornerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    clear: both
}

.prototip_Corner {
    float: left;
    position: relative
}

.prototip canvas {
    position: relative;
    float: left
}

.prototip_CornerBr, .prototip_CornerTr {
    float: right
}

.prototip_BetweenCorners {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    clear: both
}

.prototip .borderMiddle {
    position: relative;
    float: left
}

.prototip .borderCenter {
    position: relative;
    float: left;
    height: 100%
}

.prototip_StemWrapper {
    position: relative;
    width: 100%;
    height: auto;
    clear: both
}

.prototip_StemBox {
    float: left;
    position: relative
}

.prototip_Stem {
    width: 100%;
    position: absolute;
    overflow: hidden
}

.iframeShim {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    overflow: hidden
}

.prototip .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.prototip .clearfix {
    display: block
}

.reportholder {
    position: relative
}

#chart_overtime {
    height: 150px
}

.report_darknumbox {
    padding: 5px;
    position: relative;
    background: #bbb;
    color: #fff
}

.report_numbox {
    margin-top: -1px;
    padding: 5px;
    position: relative;
    background: #fff;
    color: #222;
    border: 1px solid #e0e0e0
}

.chartholder_left {
    width: 100%
}

.box_label {
    font-size: 11px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

.box_value {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    text-align: left;
    white-space: nowrap;
    max-height: 19px;
}

.box_link {
    font-size: 12px;
    font-weight: 700;
    text-align: right
}

.resultstable {
    border: 1px solid #e0e0e0;
    width: 100%
}

.resultstable td {
    border: 1px solid #e0e0e0;
    padding: 3px 5px
}

.resultstable .actioncolumn {
    padding-left: 15px
}

.actioncolumn img {
    height: 12px;
    vertical-align: middle;
}

.actioncolumn img:hover {
    filter: brightness(65%);
}

.resultstable td .celltd {
    height: 16px;
    overflow: hidden
}

#scrollbox {
    border: 1px solid #e0e0e0;
    overflow-x: scroll;
    overflow-y: visible
}

.querytable {
    border-collapse: collapse;
    width: 100%
}

.querytable tbody td {
    border-bottom: 1px #ccc solid !important;
    padding: 3px
}

.querytable tbody .firstcol {
    text-align: left;
    font-style: italic
}

.querytable thead .firstcol {
    text-align: left;
    min-width: 120px
}

.querytable .valcol {
    text-align: center;
    width: 80px
}

.querynotes, .querytable tfoot td {
    text-align: right;
    color: #777;
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    padding-top: 3px
}

.querytext {
    border: 1px solid #e0e0e0;
    max-height: 200px;
    overflow-y: scroll
}

.queryrow {
    padding: 10px
}

.queryrowactive {
    background-color: #eee
}

.querytext .subtext {
    color: #777;
    font-weight: 400;
    font-style: italic;
    font-size: 10px
}

.querytable thead th {
    border-bottom: #ccc solid;
    font-weight: 400;
    border-width: 0 0 1px;
    padding: 3px
}

.querytable thead th.no-border {
    border-bottom: 0 none red
}

.querytable tfoot th {
    border-top: 3px #ccc solid;
    font-weight: 400;
    padding-top: 10px
}

.queryholder {
    width: 100%;
    margin-top: 20px
}

.queryholder_data {
    padding-left: 20px
}

.queryholder_head {
    font-size: 18px;
    padding-bottom: 10px
}

.rightborder {
    border-right: 3px #ccc solid
}

.textans_scroll {
    border: 1px solid #ccc;
    height: 200px;
    overflow-y: auto;
    padding: 3px
}

.report_toolbox {
    float: right
}

.filterbox {
    width: 400px;
    padding: 10px;
    background: url(../../images/icons/ix_bd_all/32x32/plain/funnel.png) 15px 10px no-repeat #fff4ca
}

.filterbox .rubbe {
    margin-left: 50px;
    font-size: 14px;
    font-weight: 700
}

.filterbox .text {
    margin-left: 50px;
    margin-top: 5px
}

.filterbox .link {
    text-align: right
}

.powered, .powered a {
    color: #999
}

.mailflow {
    background-image: url(../images/form/mailflow.png);
    background-repeat: no-repeat;
    height: 200px;
    width: 430px;
    position: relative
}

.mailflow a {
    text-decoration: none;
    color: #000
}

.smsflow {
    background: url(../images/form/smsflow.png) -10px 0 no-repeat;
    height: 235px;
    width: 430px;
    position: relative
}

.smsflow a {
    text-decoration: none;
    color: #000
}

.progfloater {
    position: absolute;
    text-align: center
}

.numbers {
    font-size: 18px;
    font-weight: 700
}

.stop_button {
    font-size: 11px;
    height: 22px;
    vertical-align: middle;
    float: right
}
.delete_button {
    height      : 22px;
    font-size: 11px;
    margin-bottom: 10px;
    text-align  : center;
    width       : auto;
    padding-left:5px;
    padding-right:5px;
    min-width:90px;
}

.intablepercentage {
    font-size: 75%;
    line-height: 1.1;
    display: block
}

.full_label_boxes label {
    display: block;
    line-height: 2.5;
    width: 100%;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.full_label_boxes tbody td {
    padding: 0
}

#SMSwarning {
    background: #feb;
    padding: 2px;
    width: 307px;
    border-top: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid;
    border-left: 1px #e0e0e0 solid
}

.variable {
    background-color: #FF0;
    font-family: Arial, sans-serif;
    font-size: 16px
}

.editstats {
    padding: 2px 2px 0;
    font-size: 10px
}

.editstats div {
    font-size: 10px
}

.timeline_table {
    position: relative;
    width: 100%
}

.timeline_table td {
    vertical-align: top
}

.timeline_table .timecol {
    display: block;
    position: relative;
    width: auto;
    padding-top: 35px
}

.timeline_table .sumcol {
    width: 200px
}

.timecol .timeline {
    z-index: 1;
    position: absolute;
    left: 17px;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #B0B0B0
}

.timecol .timeline_hide {
    display: none
}

.show_more {
    position: relative;
    display: block;
    left: 50px
}

.timerow {
    position: relative;
    margin-bottom: 10px
}

.timetext {
    float: left;
    margin: 0 0 0 10px
}

.circle {
    position: relative;
    float: left;
    z-index: 2;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #B0B0B0;
    color: #B0B0B0;
    text-align: center;
    padding-top: 5px
}

.progressbox {
    position: relative;
    float: left;
    padding: 0 1px;
    margin: 10px 0 0 20px;
    border: 1px solid #B0B0B0
}

.progressbox div {
    float: left;
    height: 10px;
    width: 22px;
    margin: 2px 1px;
    background-color: #B0B0B0
}

.progressbox .on {
    background-color: #94ea72
}

#pullHelpMain {
    background-color: #333;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    transition: min-height .5s, max-height .5s, box-shadow .5s;
    min-height: 0;
    max-height: 0;
    z-index: 2000
}

body.showing-help #pullHelpMain {
    min-height: 300px;
    max-height: 300px;
    box-shadow: 0 -102px 8px 100px #000a0a
}

body.showing-help-minimized #pullHelpMain {
    min-height: 38px;
    max-height: 38px;
    box-shadow: 0 -102px 8px 100px #000a0a
}

#bighelp {
    min-width: 1280px;
    margin: 10px auto;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-align: center
}

.vidleftcol, .vidrightcol {
    width: 50%;
    padding: 0 20px
}

.vidmaincol {
    width: 630px
}

#videocontroller {
    position: absolute;
    background-color: #535353;
    background-image: url(help/pullhelp/images/controlbar_bg.png);
    background-repeat: repeat-x;
    height: 38px;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 1280px
}

.vidbuttons {
    position: relative;
    width: 630px;
    margin: 0 auto
}

.sizebutt {
    float: right;
    margin: 11px 20px 0 0;
    color: #fff;
    font-family: arial, helvetica;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    cursor: hand
}

#closebutt img, .sizebutt img {
    margin-left: 5px
}

#closebutt {
    float: right;
    margin-right: 20px;
    padding-top: 11px;
    color: #fff;
    font-family: arial, helvetica;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    cursor: hand
}

#player {
    display: block;
    width: 630px;
    height: 240px
}

#vidBox {
    position: relative;
    width: 630px;
    overflow: hidden
}

#controls {
    margin: auto
}

.playlist {
    text-align: left;
    background: #fff;
    padding: 20px;
    height: 200px
}

.playlistrubbe {
    font-size: 18px;
    border-bottom: 1px gray solid;
    padding: 0 0 3px 3px;
    margin-bottom: 10px
}

#clips {
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden
}

.playlist a {
    color: #000;
    text-decoration: none
}

.playlist .playlist_active {
    color: #e57406
}

#lessonscolumn {
    margin: 0 630px 0 20%
}

.lessons {
    position: relative;
    width: 100%;
    height: 240px;
    overflow-y: auto
}

.lesson {
    position: relative;
    background-color: #484646;
    padding: 3px;
    text-align: left;
    cursor: hand;
    cursor: pointer;
    margin-bottom: 0;
    background-image: url(help/pullhelp/images/video_icon_dimmed.png);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    border-bottom: 1px #2a2929 solid
}

.lesson:hover, .lesson_on {
    background-color: #555;
    background-image: url(help/pullhelp/images/video_icon_active.png)
}

.lessoncontent {
    position: relative;
    left: 85px;
    right: auto;
    margin-right: 85px;
    min-height: 62px
}

.lesson img {
    position: absolute;
    left: 4px;
    top: 4px
}

.lesson .lessonrubbe {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0 3px;
    color: #7e7c7c
}

.lesson .lessontext {
    position: relative;
    color: #7e7c7c;
    font-size: 12px
}

.lesson:hover .lessonrubbe, .lesson_on .lessonrubbe {
    color: #fabe55
}

.lesson:hover .lessontext, .lesson_on .lessontext {
    color: #fff
}

.videooverlay {
    position: absolute;
: top;
    left: 0;
    width: 630px;
    height: 240px;
    text-align: center
}

.dimmer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    */ z-index: 0
}

#OLRubbe {
    position: relative;
    margin-top: 50px;
    color: #fff;
    font-size: 16px;
    z-index: 1000
}

#OLlabel {
    position: relative;
    margin: 10px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    z-index: 1000
}

#OLButt {
    position: relative;
    margin: 0 auto;
    z-index: 1000
}

#minibuttons {
    position: relative;
    padding: 10px
}

.bigbutton_replay {
    float: left;
    background-image: url(../images/bigbutton_replay.png);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0 15px 0 0;
    margin: 0 10px 0 5px;
    height: 44px;
    cursor: hand;
    cursor: pointer
}

.bigbutton_replay div {
    background-image: url(../images/bigbutton_replay.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0 0 0 -5px;
    padding: 12px 0 0 47px;
    height: 44px;
    color: #444;
    font-size: 18px;
    font-weight: 700
}

.bigbutton_arrow {
    float: left;
    background-image: url(../images/bigbutton_arrow.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0 0 0 5px;
    margin: 0 10px 0 5px;
    height: 44px;
    cursor: hand;
    cursor: pointer
}

.bigbutton_arrow div {
    background-image: url(../images/bigbutton_arrow.png);
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0 -5px 0 0;
    padding: 12px 33px 0 12px;
    height: 44px;
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

body.showing-help {
    padding-top: 300px;
    background-position: 0 390px
}

body.showing-help-minimized {
    padding-top: 38px;
    background-position: 0 128px
}

body.showing-help #apptop {
    top: 300px
}

body.showing-help-minimized #apptop {
    top: 38px
}

div.hulu {
    float: left;
    position: relative;
    height: 35px;
    width: 630px;
    margin-left: 13px;
    margin-top: 2px
}

div.hulu a.pause, div.hulu a.play {
    position: absolute;
    width: 46px;
    height: 35px;
    display: block;
    text-indent: -9999em;
    background: url(help/pullhelp/images/hulu.png) 10px -63px no-repeat;
    cursor: pointer;
    border-right: 1px solid #999;
    border-left: 1px solid #999
}

div.hulu a.play:hover {
    background-position: 10px -107px
}

div.hulu a.pause {
    background-position: 11px -150px
}

div.hulu a.pause:hover {
    background-position: 11px -194px
}

div.hulu div.track {
    left: 48px;
    position: absolute;
    cursor: pointer;
    width: 430px;
    height: 15px;
    top: 10px
}

div.hulu div.playhead {
    position: absolute;
    cursor: pointer;
    background-color: #000;
    width: 3px;
    height: 15px;
    border-right: 1px solid #000
}

div.hulu div.buffer, div.hulu div.progress {
    position: absolute;
    background-color: #000;
    width: 0;
    height: 15px
}

div.hulu div.buffer {
    background-color: #fff;
    opacity: .1;
    filter: alpha(opacity=10)
}

div.hulu div.time {
    position: absolute;
    width: 109px;
    left: 475px;
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    font-family: futura, "Lucida Grande", "bitstream vera sans", "trebuchet ms", verdana, arial;
    font-size: 12px;
    color: #fff
}

div.hulu div.time strong {
    font-weight: 400;
    color: #999
}

div.hulu a.mute, div.hulu a.unmute {
    position: absolute;
    left: 590px;
    width: 39px;
    height: 35px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    text-indent: -9999em;
    background: url(help/pullhelp/images/hulu.png) 5px -325px no-repeat;
    border-right: 1px solid #999
}

div.hulu a.mute:hover {
    background-position: 5px -369px
}

div.hulu a.unmute {
    background-position: 5px -237px
}

div.hulu a.unmute:hover {
    background-position: 5px -281px
}

#apptop {
    background: url(account/user_styling/top-bg.jpg) no-repeat #5c86bf
}

.datepickerControl {
    border: 1px solid #999;
    background-color: #FFF;
    padding: 5px
}

.datepickerControl td {
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;
    padding: 1px
}

.datepickerControl tr.monthLabel td {
    background-color: #FFF;
    border: 1px solid #999;
    font-weight: 700
}

.datepickerControl tr.navigation td {
    cursor: pointer
}

.datepickerControl tr.navigation td:hover {
    text-decoration: underline
}

.datepickerControl tr.dayLabel td {
    background-color: #376ddb;
    color: #fff;
    font-weight: 700
}

.datepickerControl td.day, .datepickerControl td.dayothermonth {
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #EEE;
    width: 2em
}

.datepickerControl td.dayothermonth {
    color: #999;
    font-style: italic
}

.datepickerControl td.day:hover {
    background-color: #fffbb3
}

.datepickerControl td.weekend {
    background-color: #d5f4ff;
    font-style: italic
}

.datepickerControl td.today {
    font-weight: 700
}

.datepickerControl td.hour, .datepickerControl td.minute {
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #EEE;
    width: 2em
}

.datepickerControl td button, .datepickerControl td input {
    font-size: 11px;
    padding: 0;
    border: 1px solid #999;
    text-align: center
}

.datepickerControl td.ampm {
    cursor: pointer;
    background-color: #CCC;
    border: 1px solid #EEE;
    width: 2em
}

.datepickerControl td.current {
    font-weight: 700;
    background-color: #4bb956;
    color: #fff
}

.datepickerControl input.current {
    background-color: #bfd8b2
}

.datepickerControl td.current:hover {
    background-color: #4bb956
}

#lightview {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 150px;
    width: 150px;
    margin: -75px 0 0 -75px;
    padding: 0;
    text-align: left
}

.lv_Container {
    position: relative;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 0;
    margin: 0
}

.lv_Button {
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: 0 0;
    margin: 0;
    padding: 0
}

.lv_Sides {
    position: absolute;
    top: 50%;
    left: 0;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0
}

.lv_Sides * {
    padding: 0;
    margin: 0
}

.lv_Sides li {
    list-style-type: none;
    position: relative
}

.lv_PrevSide {
    float: left
}

.lv_NextSide {
    float: right
}

.lv_Sides .lv_Wrapper {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.lv_Sides .lv_Button {
    float: left;
    background: 0 0
}

.lv_Frames {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0
}

.lv_Frames li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.lv_Frame {
    width: 100%;
    display: block
}

.lv_Frame * {
    padding: 0;
    margin: 0
}

.lv_FrameTop {
    position: absolute;
    left: 0;
    width: 100%;
    display: block
}

.lv_FrameBottom {
    position: relative;
    float: left;
    clear: both
}

.lv_Liquid {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    clear: both
}

.lv_Liquid .lv_Filler {
    position: absolute;
    height: 100%;
    width: 2px;
    top: 0;
    left: 50%
}

.lv_Half {
    display: block;
    height: 100%;
    clear: both;
    line-height: 0
}

.lv_Half li {
    list-style-type: none
}

.lv_Corner {
    float: left
}

.lv_CornerBr, .lv_CornerTr {
    float: right
}

.lv_Fill {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.lv_Half .lv_CornerWrapper {
    float: left;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.lv_HalfRight .lv_CornerWrapper {
    float: right
}

.lv_Corner, .lv_Corner canvas {
    position: relative
}

.lv_HalfLeft .lv_Corner {
    float: left
}

.lv_HalfRight .lv_Corner {
    position: relative;
    float: right
}

.lv_Center {
    position: relative;
    clear: both;
    height: 100%;
    overflow: hidden;
    background: 0 0;
    padding: 0;
    margin: 0
}

.lv_WrapUp {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.lv_WrapDown {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.lv_WrapCenter {
    position: relative;
    padding: 0;
    margin: 0
}

.lv_Loading {
    position: absolute;
    top: 50%;
    left: 50%
}

.lv_Loading .lv_Button {
    float: left;
    height: 100%;
    width: 100%
}

.lv_MediaWrapper {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0
}

.lv_MediaWrapper img {
    position: relative;
    float: left;
    padding: 0;
    margin: 0
}

.lv_PrevNext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.lv_PrevNext * {
    padding: 0;
    margin: 0
}

.lv_PrevNext .lv_Button {
    position: relative;
    height: 100%
}

.lv_PrevButton {
    float: left
}

.lv_NextButton {
    float: right
}

.lv_MenuBar {
    clear: both;
    position: relative;
    width: 100%;
    font: 11px Arial, Helvetica, sans-serif;
    color: #7a7a7a;
    padding: 0;
    margin: 0;
    text-align: left
}

.lv_MenuBar * {
    padding: 0;
    margin: 0
}

.lv_Close {
    position: relative;
    float: right;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.lv_Data {
    position: relative;
    float: left;
    padding-bottom: 3px;
    line-height: 13px;
    overflow: hidden
}

.lv_Data li {
    list-style-type: none;
    float: left;
    margin-top: 3px
}

.lv_DataText {
    width: 100%
}

.lv_DataText .lv_Title {
    font-weight: 700;
    margin-bottom: 2px
}

.lv_DataText .lv_Caption {
    clear: both
}

.lv_Data .lv_ImgNumber {
    color: #a7a7a7;
    margin-right: 5px;
    margin-top: 5px
}

.lv_Data .lv_Slideshow, .lv_Data .lv_innerPrevNext {
    position: relative;
    border-left: 1px solid #d7d7d7;
    padding: 0 5px;
    margin-top: 5px;
    vertical-align: middle
}

.lv_Data .lv_Slideshow {
    padding-right: 0
}

.lv_Data .lv_Slideshow .lv_Button, .lv_Data .lv_innerPrevNext .lv_Button {
    float: left;
    background-position: center left;
    background-repeat: no-repeat
}

.lv_contentBottom, .lv_contentTop {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    clear: both
}

#lightview iframe {
    float: left;
    border: 0;
    clear: both;
    padding: 0;
    margin: 0;
    background: 0 0
}

.lv_topButtons {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.lv_topcloseButtonImage {
    cursor: pointer
}

#lightviewError div {
    padding: 6px;
    font: 11px Arial, Helvetica, sans-serif
}

#lightviewError .message {
    background: #fcb5b5;
    color: #dd1f1f;
    margin-bottom: 3px
}

#lightviewError .type {
    font-weight: 700
}

#lightviewError .pluginspage {
    background: #b5fcbd;
    color: #21be30
}

#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {
    color: #21be30;
    text-decoration: none;
    background: 0 0;
    font-weight: 700;
    border-bottom: 1px solid #7de689
}

#lightviewError p {
    margin-left: 0;
    padding: 0
}

#lv_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#lightviewController {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    color: #d2d2d2;
    font: 11px Arial, Helvetica, sans-serif
}

* html body #lightviewController {
    position: absolute;
    top: auto;
    margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px')
}

#lightviewController ul {
    display: block;
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.lv_controllerBottom, .lv_controllerMiddle, .lv_controllerTop {
    list-style-type: none;
    float: left;
    display: block;
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.lv_controllerCornerWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.lv_controllerCornerWrapperBottomLeft, .lv_controllerCornerWrapperTopLeft {
    top: 0;
    left: -100%
}

.lv_controllerCornerWrapperBottomRight, .lv_controllerCornerWrapperTopRight {
    top: 0;
    left: 100%
}

#lightviewController .lv_CornerWrapper {
    width: 100%
}

#lightviewController .lv_Corner {
    float: right;
    position: relative
}

#lightviewController .lv_CornerBr, #lightviewController .lv_CornerTr {
    float: left
}

.lv_controllerBetweenCorners {
    position: relative;
    height: 100%;
    overflow: hidden
}

.lv_controllerMiddle {
    position: relative;
    height: 100%;
    float: left
}

.lv_controllerCenter {
    float: left;
    width: auto
}

.lv_controllerCenter li {
    list-style-type: none;
    float: left;
    display: inline;
    position: relative;
    clear: none
}

.lv_controllerSetNumber {
    float: left;
    text-align: center
}

#lightviewController .lv_Button {
    float: left;
    position: relative;
    height: 100%;
    clear: none
}

.lv_controllerSetNumber {
    position: relative;
    height: 100%;
    padding-right: 3px
}

.lv_controllerClose, .lv_controllerNext, .lv_controllerPrev, .lv_controllerSlideshow {
    float: left;
    position: relative;
    height: 100%;
    padding-left: 3px
}

.lv_controllerPrev {
    border-left: 1px solid #3c3c3c
}

#lightviewController .lv_controllerNext {
    padding-right: 3px;
    border-right: 1px solid #3c3c3c
}

* html #lightview {
    position: absolute;
    margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
    margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px')
}

html #lv_overlay {
    position: absolute;
    height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
    width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' )
}

.pageitem {
    position: relative;
    float: left;
    margin-bottom: 3px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../images/new-icons/non-react/page_white.svg);
    background-repeat: no-repeat
}

.pageitem2 {
    position: relative;
    cursor: pointer;
    margin: 0 0 5px 4px;
    padding: 0 0 0 18px;
    background-image: url(../images/new-icons/non-react/page_black.svg);
    background-size: 16px;
    background-repeat: no-repeat
}

.pageitem2:hover {
    text-decoration: underline
}

.queryshield {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 200px;
    height: 250px;
    filter: alpha(opacity=50);
    opacity: .5;
    -moz-opacity: .5;
    background-color: #fff
}

.formsyspages .current {
    background-image: url(../images/form/document_plain_blue_small.png) !important
}

.formsyspages {
    margin: 10px 10px 10px 0
}

.formpages {
    margin: 10px 10px 10px 2px
}

.formpages .current {
    background-image: url(../images/new-icons/non-react/page_black.svg) !important;
    color: #fff;
    font-weight: 700;
    cursor: move
}

.pagenum {
    width: 22px;
    text-align: center;
    position: absolute;
    left: 4px;
    top: 10px
}

.form_block_toolbar {
    background: #e0e0e0;
    margin: 2px
}

.form_block_toolbar img {
    cursor: pointer
}

.form_query_toolbar {
    background: #e0e0e0;
    margin: 2px;
    padding: 2px
}

.form_edit_col {
    width: 100%;
    border: 1px dotted #aaa;
    border-collapse: collapse
}

#forms_editframe {
    width: 100%;
    height: 400px
}

.colspan1 {
    position: relative;
    width: 100%;
    border: 1px dotted #aaa;
    border-collapse: collapse
}

.colspan2 {
    float: left;
    position: relative;
    width: 49.6%;
    border-collapse: collapse;
    border: 1px dotted #aaa
}

.queryeditbox {
    cursor: move;
    border: 1px dotted #aaa;
    margin: 2px;
    position: relative
}

.pointer {
    cursor: pointer
}

.emptycoltext {
    position: relative;
    padding: 15px 15px 15px 50px;
    color: #777;
    font-size: 14px;
    border: 1px dotted #aaa;
    margin: 2px
}

.emptycoltext_nopad {
    position: relative;
    padding: 15px;
    color: #777;
    font-size: 14px;
    border: 1px dotted #aaa;
    margin: 2px
}

.emptycoltext img {
    position: absolute;
    left: 15px;
    top: 15px
}

.form_col_addbox {
    text-align: right
}

.absopos {
    position: absolute !important;
    top: 10px !important;
    right: 16px !important
}

.tabpos {
    position: absolute !important;
    top: 50px !important;
    right: 30px !important
}

.editor_awarebox {
    position: fixed;
    top: 112px;
    right: 20px;
    vertical-align: middle;
    z-index: 1000
}

.editor_awarebox div {
    padding: 3px;
    border-radius: 3px
}

.editor_awarebox .floater {
    float: right;
    margin-left: 5px
}

.editor_awarebox .yellow {
    background: #faff6c
}

.yellow-notification-box{
    position:relative;
    background: #FFFBB3;
    padding: 10px;
    color:grey;
    border:1px #9e9d9d solid;
    margin-bottom: 10px;
}

.editor_awarebox .blue {
    background: #d8e5ff
}

.editor_awarebox .red {
    background: #c41d1d;
    color: #fff
}

.editor_awarebox .red a {
    color: #fff
}

.inicators {
    text-align: middle;
    position: absolute;
    top: -2px;
    right: 0;
    cursor: default
}

.form_query_toolbar {
    position: absolute;
    top: -2px;
    right: 24px
}

#fu_content_footer, #fu_content_header {
    position: relative;
    border: 1px dotted #aaa;
    margin: 3px 0;
    min-height: 3px
}

.fu_head_edit {
    background: #e0e0e0;
    margin: 2px;
    padding: 2px;
    position: absolute;
    top: 2px;
    right: 25px
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-image: url(../images/campbg.gif);
    background-position: 0 95px;
    background-repeat: repeat-x;
    background-color: #fff;
    color: #222;
    transition: padding .5s, background-position .5s
}

body.page {
    overflow-y: scroll
}

body.bare, body.dialog {
    background-position: 0 0
}

body.clear {
    background-image: none
}

td {
    vertical-align: top
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

dd, dl, dt, form, img, label, li, ol, p, ul {
    margin: 0;
    border: 0;
    padding: 0
}

div {
    line-height: 16px
}

input[type=password], input[type=text], select, textarea {
    color: #222;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    border: 1px solid silver;
    width: 200px
}
select[disabled] {
    border: none;
    color: #888
}

textarea {
    resize: vertical
}

table {
    border-collapse: collapse
}

.fakelink, a {
    color: #bc6100;
    text-decoration: underline;
    cursor: pointer
}

button {
    font-size: 11px;
    padding: 1px 5px;
    height: 26px;
    margin-right: 5px;
    vertical-align: middle
}

.button {
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    cursor: pointer;
    line-height: .95;
    border-radius: 3px;
    padding: 5px 8px
}

.button-toolbar, a.button-toolbar {
    border: 1px solid #bbb;
    background-color: #ececec;
    background-image: linear-gradient(to top, #e3e3e3 0, #d9d9d9 50%, #f2f2f2 52%, #f9f9f9 100%);
    color: #000;
    font-size: 10px;
    padding: 1px 5px;
    line-height: 16px;
    float: left;
    margin-right: 4px;
    border-radius: 2px
}

.button-toolbar.button-disabled{
    border: 1px solid #eee;
    background-image: linear-gradient(to top, #f1eeee 0, #f9f9f9 100%);
    color: #888;
}

.button-disabled img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.button-toolbar:hover {
    background-image: linear-gradient(to top, #e3e3e3 0, #c7c7c7 50%, #f2f2f2 52%, #f9f9f9 100%)
}

.button-toolbar:active {
    background-image: linear-gradient(0deg, #e3e3e3, #f9f9f9, #f9f9f9)
}

.button-toolbar .navicon {
    float: left
}

.button-toolbar-active, .button-toolbar-active:active, .button-toolbar-active:hover {
    background-image: linear-gradient(to top, #949494 0, #8d8d8d 50%, #9a9a9a 52%, #a2a2a2 100%);
    color: #fff
}

.form {
    overflow: auto;
    margin-bottom: 10px
}

.form-textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Lato, sans-serif;
    border: 1px solid #9e9d9d;
    background: #fff;
    padding: 5px;
    display: block;
    line-height: 1.2;
    margin: 0;
    min-height: 4.8em;
    resize: vertical
}

.form-textarea[disabled] {
    background: #eaeaea
}

.form-select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Lato, sans-serif;
    border: 1px solid #9e9d9d;
    background: #fff;
    display: block;
    line-height: 1.2;
    margin: 0;
    padding: 0
}

.form-select[disabled] {
    background: #eaeaea
}

.form-select > option {
    padding: 5px
}

.form-password, .form-text {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-family: Lato, sans-serif;
    border: 1px solid #9e9d9d;
    background: #fff;
    padding: 5px;
    display: block;
    line-height: 1.2;
    margin: 0
}

.form-password[disabled], .form-text[disabled] {
    background: #eaeaea
}

.form-checkbox, .form-radio {
    display: block;
    margin-bottom: 10px;
    min-height: 20px;
    position: relative
}

.form-checkbox label, .form-radio label {
    padding-left: 20px;
    cursor: pointer
}

.form-checkbox input[type=checkbox], .form-checkbox input[type=radio], .form-radio input[type=checkbox], .form-radio input[type=radio] {
    line-height: 1;
    margin-left: -20px;
    position: absolute
}

.grid {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    box-sizing: border-box
}

.grid-row {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0
}

.grid-row + .grid-row {
    margin-bottom: 10px
}

.grid-row:after, .grid-row:before {
    content: " ";
    display: table
}

.grid-row:after {
    clear: both
}

.grid-row-left {
    max-width: 820px
}

.grid-span-1 {
    width: 8.33333%
}

.grid-span-2 {
    width: 16.66667%
}

.grid-span-3 {
    width: 25%
}

.grid-span-4 {
    width: 33.33333%
}

.grid-span-5 {
    width: 41.66667%
}

.grid-span-6 {
    width: 50%
}

.grid-span-7 {
    width: 58.33333%
}

.grid-span-8 {
    width: 66.66667%
}

.grid-span-9 {
    width: 75%
}

.grid-span-10 {
    width: 83.33333%
}

.grid-span-11 {
    width: 91.66667%
}

.grid-span-12 {
    width: 100%
}

.panel {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    position: relative
}

.panel-menu {
    padding: 5px;
    background: #fff;
    border: 1px solid #9e9d9d
}

.panel-menu :last-child {
    margin-bottom: 0
}

.panel-basic {
    background: #fff;
    border: 1px solid #9e9d9d;
    padding: 10px 15px
}

.panel-main {
    background: #fff;
    border: 1px solid #9e9d9d;
    padding: 25px 40px 40px
}

.panel-info {
    background: #e5eef5;
    border-color: #e5eef5
}

.panel-help {
    overflow: auto;
    background: #e5eef5;
    border-color: #e5eef5
}

.panel-help:before {
    content: url(../images/icons/ix_ap_all/32x32/plain/help2.png);
    float: left;
    margin-right: 10px
}

.panel-warning {
    overflow: auto;
    background: #fff3b1;
    border-color: #fff3b1
}

.panel-warning:before {
    content: url(../images/icons/ix_ap_all/24x24/plain/warning.png);
    float: left;
    margin-right: 10px
}

.panel-system-message {
    overflow: auto;
    background: #fff3b1;
    border-color: #fff3b1
}

.panel-system-message:before {
    content: url(../images/icons/ix_ap_all/24x24/plain/about.png);
    float: left;
    margin-right: 10px
}

.panel-error {
    overflow: auto;
    background: #ffb9b9;
    border-color: #ffb9b9
}

.panel-error:before {
    content: url(../images/icons/ix_ap_all/24x24/plain/error.png);
    float: left;
    margin-right: 10px
}

.panel-bare {
    background: 0 0;
    border-color: transparent
}

.tab-panel > .panel {
    border-radius: 0 0 3px 3px
}

.tab-panel {
    margin-top: 24px
}

.table {
    margin-bottom: 10px;
    border-collapse: separate;
    width: 100%
}

.table-head {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, #fff, #fafafa 55%, #eee);
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    font-family: Lato, sans-serif;
    border-right: 1px solid #ddd;
    line-height: 17px;
    text-align: left
}

.table-head:last-of-type {
    border-right-width: 0
}

.table-head-checkbox {
    padding: 8px 10px
}

.table-head-select {
    padding: 3px 5px
}

.table-row {
    background: #fff
}

.table-row:hover {
    background: #edf4f9
}

.table-row:nth-of-type(even) {
    background: #fdfdfd
}

.table-row:nth-of-type(even):hover {
    background: #ecf2f8
}

.table-body {
    padding: 6px 12px;
    border-bottom: 1px solid #ddd;
    vertical-align: top,
    border-right:none !important;
    border-left:none !important
}

.table-body-checkbox {
    padding: 6px 10px
}

.no-items {
    color: #bcbcbc;
    font-style: italic;
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
    font-size: 20px;
    font-family: Lato, sans-serif
}

td.no-items {
    border-bottom: 1px solid #ddd
}

.no-items:hover {
    background: #fff
}

.toolbar {
    padding: 8px 0 3px;
    overflow: auto
}

body {
    font-family: Lato, sans-serif;
    font-size: 12px
}

.dialog_rubbe, h1 {
    font-size: 32px;
    font-family: Roboto, serif;
    margin: 0 0 20px;
    line-height: 1.2;
    font-weight: 300
}

h2 {
    font-size: 22px;
    font-family: Roboto, serif;
    margin: 0 0 10px;
    line-height: 1.1;
    font-weight: 400
}

h3 {
    font-size: 13.2px;
    font-family: Roboto, serif;
    margin: 0 0 5px;
    line-height: 1.1;
    font-weight: 500
}

.header-toolbar {
    float: right;
    font-size: 12px
}

p {
    margin: 0 0 10px;
    font-family: Lato, sans-serif
}

dl {
    margin-bottom: 10px;
    overflow: auto
}

dt {
    float: left;
    clear: left
}

dd {
    float: left
}

i {
    font-style: normal
}

.list {
    margin: 0 0 10px 10px;
    padding: 0 0 0 10px
}

.list-item {
    padding: 0 0 0 10px
}

.info-label {
    min-width: 140px;
    color: #777;
    font-style: italic;
    padding: 0 10px 5px 0
}

.info-value {
    min-width: 13em
}

.info-head {
    background: #5091c7;
    font-family: Lato, sans-serif;
    padding: .4em .8em;
    margin: 0 0 1.2em;
    color: #fff;
    border-radius: 3px;
    position: relative
}

.info-head:after {
    border-color: #5091c7 transparent transparent;
    border-style: solid;
    border-width: .5em .5em 0;
    position: absolute;
    bottom: -.4em;
    left: 20px;
    content: " "
}

.image-fill {
    max-width: 100%
}

.button-abort {
    background-color: #dedede;
    border: 1px solid #b8b8b8;
    background-image: linear-gradient(0deg, #ccc, #f0f0f0);
    color: #787878;
    padding: 2px 14px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 24px;
    float: left;
    display: block;
    margin-right: 4px
}

.button-abort:hover {
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #d9d9d9, #fff)
}

.button-abort:active {
    background-color: #fff;
    background-image: linear-gradient(0deg, #fff, #d9d9d9)
}

.button-abort-disabled, .button-abort-disabled:active, .button-abort-disabled:focus, .button-abort-disabled:hover, .button-abort[disabled], .button-abort[disabled]:active, .button-abort[disabled]:focus, .button-abort[disabled]:hover {
    cursor: normal;
    background-image: none;
    background-color: #f2fefe;
    border-color: #adf6f6;
    color: #3ae9e9
}

.button-back {
    background-color: #1c72c2;
    border: 1px solid #124c7f;
    background-image: linear-gradient(0deg, #1762a3, #2387df);
    color: #e2effb;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 30px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 2, .3) inset
}

.button-back:hover {
    background-color: #308ee1;
    background-image: linear-gradient(0deg, #1b6fb9, #469be4)
}

.button-back:active {
    background-color: #3d96e3;
    background-image: linear-gradient(0deg, #469be4, #1b6fb9)
}

.button-back-disabled, .button-back-disabled:active, .button-back-disabled:focus, .button-back-disabled:hover, .button-back[disabled], .button-back[disabled]:active, .button-back[disabled]:focus, .button-back[disabled]:hover {
    cursor: normal;
    background-image: none;
    background-color: #8f8882;
    border-color: #67625d;
    color: #fff
}

.button-back:hover {
    box-shadow: 0 1px 5px -1px rgba(0, 0, 2, .3) inset
}

.button-back .navicon {
    vertical-align: sub;
    margin-right: 5px
}

.button-create {
    background-color: #fbcc4b;
    border: 1px solid #f4b005;
    background-image: linear-gradient(0deg, #fabf28, #fcd46e);
    color: #775603;
    height: 30px;
    padding: 14px 0 0 10px;
    font-size: 17px
}

.button-create:hover {
    background-color: #fcd87d;
    background-image: linear-gradient(0deg, #fbc641, #fde096)
}

.button-create:active {
    background-color: #fcdd8c;
    background-image: linear-gradient(0deg, #fde096, #fbc641)
}

.button-create-disabled, .button-create-disabled:active, .button-create-disabled:focus, .button-create-disabled:hover, .button-create[disabled], .button-create[disabled]:active, .button-create[disabled]:focus, .button-create[disabled]:hover {
    cursor: normal;
    background-image: none;
    background-color: #c7c1b2;
    border-color: #a79d86;
    color: #645c49
}

.button-create img {
    vertical-align: -5px;
    margin-right: 7px;
    margin-top: -4px
}

.button-from-editor {
    background-color: #5aad42;
    border: 1px solid #3e762d;
    background-image: linear-gradient(0deg, #4d9338, #6dbe55);
    color: #f5fbf3;
    font-size: 17px;
    line-height: 24px;
    font-weight: 700
}

.button-from-editor:hover {
    background-color: #77c260;
    background-image: linear-gradient(0deg, #57a63f, #87c972)
}

.button-from-editor:active {
    background-color: #80c66b;
    background-image: linear-gradient(0deg, #87c972, #57a63f)
}

.button-from-editor-disabled, .button-from-editor-disabled:active, .button-from-editor-disabled:focus, .button-from-editor-disabled:hover, .button-from-editor[disabled], .button-from-editor[disabled]:active, .button-from-editor[disabled]:focus, .button-from-editor[disabled]:hover {
    cursor: normal;
    background-image: none;
    background-color: #a66ab8;
    border-color: #7f4590;
    color: #fff
}

.button-from-editor .navicon {
    float: left;
    margin-right: 10px
}

.editor-left-mini .button-from-editor {
    width: 25px;
    padding: 5px 4px;
    overflow: auto
}

.editor-left-mini .button-from-editor span {
    display: none
}

.button-submit {
    background-color: #1c72c2;
    border: 1px solid #124c7f;
    background-image: linear-gradient(0deg, #1762a3, #2387df);
    color: #e2effb;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 24px;
    float: left;
    display: block;
    margin-right: 4px
}

.disabled-button {
    border: 1px solid darkgray;
    background-image: linear-gradient(0deg, grey, darkgray);
    color: #e2effb;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    line-height: 24px;
    float: left;
    display: block;
    margin-right: 4px
}
.disabled-button:hover{
    cursor: auto;
}

.button-submit:hover {
    background-color: #308ee1;
    background-image: linear-gradient(0deg, #1b6fb9, #469be4)
}

.button-submit:active {
    background-color: #3d96e3;
    background-image: linear-gradient(0deg, #469be4, #1b6fb9)
}

.button-submit-disabled, .button-submit-disabled:active, .button-submit-disabled:focus, .button-submit-disabled:hover, .button-submit[disabled], .button-submit[disabled]:active, .button-submit[disabled]:focus, .button-submit[disabled]:hover {
    cursor: default;
    background-image: none;
    background-color: #8f8882;
    border-color: #67625d;
    color: #fff
}

.clock {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    background: url(../images/clock/back.png)
}

.clock:after, .clock:before {
    display: block;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    content: ""
}

.h-1:after {
    background-image: url(../images/clock/h-1.png)
}

.h-2:after {
    background-image: url(../images/clock/h-2.png)
}

.h-3:after {
    background-image: url(../images/clock/h-3.png)
}

.h-4:after {
    background-image: url(../images/clock/h-4.png)
}

.h-5:after {
    background-image: url(../images/clock/h-5.png)
}

.h-6:after {
    background-image: url(../images/clock/h-6.png)
}

.h-7:after {
    background-image: url(../images/clock/h-7.png)
}

.h-8:after {
    background-image: url(../images/clock/h-8.png)
}

.h-9:after {
    background-image: url(../images/clock/h-9.png)
}

.h-10:after {
    background-image: url(../images/clock/h-10.png)
}

.h-11:after {
    background-image: url(../images/clock/h-11.png)
}

.h-12:after {
    background-image: url(../images/clock/h-12.png)
}

.m-0:before {
    background-image: url(../images/clock/m-0.png)
}

.m-5:before {
    background-image: url(../images/clock/m-5.png)
}

.m-10:before {
    background-image: url(../images/clock/m-10.png)
}

.m-15:before {
    background-image: url(../images/clock/m-15.png)
}

.m-20:before {
    background-image: url(../images/clock/m-20.png)
}

.m-25:before {
    background-image: url(../images/clock/m-25.png)
}

.m-30:before {
    background-image: url(../images/clock/m-30.png)
}

.m-35:before {
    background-image: url(../images/clock/m-35.png)
}

.m-40:before {
    background-image: url(../images/clock/m-40.png)
}

.m-45:before {
    background-image: url(../images/clock/m-45.png)
}

.m-50:before {
    background-image: url(../images/clock/m-50.png)
}

.m-55:before {
    background-image: url(../images/clock/m-55.png)
}

@media screen and (max-width: 1200px) {
    .hide-if-tight {
        display: none
    }
}

.light-table {
    margin-bottom: 10px;
    border-collapse: collapse;
    width: 100%
}

.light-table-head {
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-size: 12px;
    font-family: Lato, sans-serif;
    padding: 2px 5px;
    vertical-align: bottom;
    font-weight: 400
}

.light-table-body {
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-size: 12px;
    font-family: Lato, sans-serif;
    padding: 2px 5px;
    vertical-align: top
}

.menu-head {
    background: #eaeff3;
    border-radius: 2px;
    line-height: 20px;
    padding: 0 4px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000
}

.menu-head.current {
    background: #5091c7;
    color: #fff
}

.menu-head.current a {
    text-decoration: none;
    color: #fff
}

.menu-head a {
    text-decoration: none;
    color: #222
}

.menu-head a:hover {
    text-decoration: underline
}

.menu-head.current a:hover {
    text-decoration: none
}

.menu-sub {
    margin-bottom: 4px;
    min-height: 1.2em;
    position: relative
}

.menu-sub.current:before {
    display: block;
    border-color: transparent transparent transparent #5091c7;
    border-style: solid;
    border-width: 4px;
    content: " ";
    margin-left: -3px;
    position: absolute;
    pointer-events: none;
    top: 33%
}

.menu-sub a {
    padding-left: 24px;
    color: #222;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu-sub a:hover {
    text-decoration: underline
}

.menu-sub a img {
    margin-left: -20px;
    position: absolute
}

.sms {
    background-color: #e5e4e9;
    background-image: linear-gradient(to bottom, #eaeaee, #dfdee4);
    padding: 5px;
    margin: 11px 0 10px 5px;
    position: relative;
    max-width: 255px;
    min-width: 200px;
    border-radius: 5px 5px 5px 0;
    font-size: 15px;
    line-height: 1.6;
    text-align: left
}

.sms:after {
    position: absolute;
    left: -7px;
    bottom: 0;
    border-color: transparent #e5e4e9 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 0;
    content: " "
}

.sms-time {
    position: absolute;
    right: 0;
    top: -11px;
    line-height: 1;
    font-size: 11px;
    color: #a19eb0
}

.sms-preview {
    width: 320px;
    height: 460px;
    background: url(../images/sms/bg.png) no-repeat #fff;
    position: relative
}

.sms-sender {
    font-family: Roboto, serif;
    font-weight: 300;
    color: #000;
    font-size: 30px;
    position: absolute;
    top: 42px;
    left: 28px
}

.sms-preview .sms {
    position: absolute;
    bottom: 40px;
    left: 10px
}



.tag {
    font-size: 12px;
    position: relative;
    display:inline-block;
    padding: 4px 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    border: solid white 1px;
    text-transform: uppercase;
    background-color: #c8ddef;
    background: linear-gradient(
            to bottom,
            #c8ddef,
            #c0d5e6 50%,
            #b6cada 50%,
            #a8bac9
    );
}

.tag .rm-tag {
    font-weight: bold;
    visibility: hidden;
    display: inline-block;
    position: absolute;
    top:1px;
    right: 1px;
    border: 2px solid white;
    border-radius: 1px;
    width: 14px;
    height: 17px;
    text-align: center;
    cursor: pointer;
    background-color: #779ec0;
    color: white;
    font-size: 12px;
}

.tag:hover {
    border: solid #d0d0d0 1px;
}

.tag:hover .rm-tag {
    visibility: visible;
}

.tag.tags-all {
}

.tag#add_tag {
    background-color: #779ec0;
    width: 16px;
    color: white;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    opacity: 0.25;
}

.tagcloud:hover .tag#add_tag {
    opacity: 1;
}

#new_tag_field {
    width: 95%;
    margin: 4px 0;
}

.tagcloud.campaigntags {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: -7px;
}

select#tag {
    width: 100px;
    padding: 3px 0;
    margin-right: 3px;
}

.unsubcloud .menu-head {
    margin-bottom: 10px;
}

.unsublist a {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.unsublist a:hover {
    text-decoration: underline;
}

.unsublist a {
    display: inline-block;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.unsublist div {
    overflow-x: hidden;
    display: inline-block;
}

.listtype {
    color: #888;
    margin-top: -2px;
    maring-bottom: 4px;
}

.listtype .tag {
    position: absolute;
    top: 0;
    right: 0;
}

.table-body {
    position: relative;
}

.listicon {
    position: absolute;
    left: -5px;
    top: 5px;
}

#loadingDiv{
    position:absolute;
    top:20px;
    right:20px;
}

.folder_label{
    font-size:12px;
    cursor: pointer;
}

.folder_label_hover{
    text-decoration: underline;
    color:#bc6100;
}

table .folder_droptarget_hover{
    background:#E5EEF5 !important;
}

li .folder_droptarget_hover{
    background:yellow !important;
}

.folder_icon{
    padding:5px 0 5px 0;
}

ul.folder_breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: #eee;
}
ul.folder_breadcrumb li {
    display: inline;
}
ul.folder_breadcrumb li span{
    text-decoration:underline;
    cursor: pointer;
}
ul.folder_breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
ul.folder_breadcrumb li a {color: green;}


.dialog_folder_tree{
    padding:3px 0 0 0px;
    list-style-type:none;
}

.dialog_folder_tree ul{
    padding:3px 0 0 18px;
}

.dialog_folder_tree li.link{
    text-decoration: underline;
    cursor:pointer;
}

.dialog_folder_tree li.disabled{
    color:#777;
    cursor:text;
    text-decoration: none;
}

.folder_menu{
    padding:10px 0;
}

.camp_optmenu{
    display:none;
    text-align:left;
    position:absolute;
    right:10px;
    z-index: 1;
}

.camp_optmenu li{white-space: nowrap;}

.camp_options{
    position:relative;
}

.camp_opt_but{
    cursor: pointer;
    width:20px;
    text-align: center;
    border-radius: 2px;
    font-size: 16px;
    padding:3px;
    color: #000000FF;
}
.camp_opt_but:hover{
    border:1px solid #aaa;
    margin:-1px;
}

.formitem_rename{
    display: inline;
    width:100%;
}

.tooltip_move{
    padding-left:30px;
    background-image:url(../images/icons/ix_ap_all/24x24/plain/folder_into.png);
    background-repeat: no-repeat;

}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=.3); /* support: IE8 */
}

.uidialog p{

}