
/* 
   2017/06/08 16:10:54 GMT+12 -- cms-7076.09
 */
/*  (do not remove :) */



/* ------------------------------------------ MEGASELECTOR ----------------------------------------- */

#portal-top
{
    margin-bottom: 1px; /* this is required to force the portal-top to include the black underline as part of its body */
}

#megaselector_2011
{
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
    width: 960px;
    height: 45px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: url("/mega2011_selector_vbg.png") repeat-x center top;
}

#megaselector_2011 .leftEnd,
#megaselector_2011 .rightEnd
{
    float: left;
}

#megaselector_2011 .leftEnd
{
    background: url('/mega2011_left_end_gray_bordered.png') !important;
    width: 75px; /*68px;*/
    margin-right: -4px;
    height: 45px;
    margin-bottom: -1px;
    display: block;
    position: relative;
    z-index: 10;
}

#megaselector_2011 .leftEnd:hover
{
}

#megaselector_2011 .rightEnd
{
    background: url('/mega2011_right_end.png');
    width: 3px;
    height: 45px;
}

#megaselector_2011 .rightEnd.blue
{
    background: url('/mega2011_right_end_blue.png');
}

#megaselector_2011 .body
{
    float: left;
    width: 886px;
}

#megaselector_2011 .body .tab .inner button,
#megaselector_2011 .body .tab .innerIETable button
{
    padding: 4px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    background: transparent;
    color: #fff;
    border: none;
    text-transform: none; /* needed to override overly general button style in the companies app */
    height: auto; /* needed to override overly general button style in the companies app */
}

#megaselector_2011 .body .tab .inner button:focus::-moz-focus-inner,
.megadrop_2011 .action_bar button:focus::-moz-focus-inner
{
/*
    padding: 0;
    border: none;
*/
    border-color: #fff;
}

/*
#megaselector_2011 .body .tab .inner button:focus,
#megaselector_2011 .body .tab .inner a:focus
{
    border: dashed 1px #888;
    outline: none;
    padding: 0px;
}
*/
#megaselector_2011 .body .tab
{
    border: solid 1px black;
    border-left-color: #797979;
    border-right-color: #464646;
    border-top-color: #364345;
    border-bottom: none;
    background: url('/mega2011_tab_vbg.png') repeat-x top center;
    height: 44px;
    color: white;
    float: left;
    cursor: pointer;
    position: relative;
}

#megaselector_2011 .body .tab.blue
{
    background: url('/mega2011_tab_vbg_blue.png') repeat-x top center;
}

#megaselector_2011 .body .last.tab /* :last-child not supported by IE<9!!! */
{
/*    border-right-color: transparent;*/
    border-right: none;
    padding-right: 1px;
}

#megaselector_2011 .body .active,
#megaselector_2011 .body .active.blue
{
    margin-bottom: -1px;
    background-position: bottom center;
}

#megaselector_2011 .body .tab .inner
{
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    height: 44px;
    padding: 0 4px;
}

#megaselector_2011 .body .tab .innerIETable
{
    text-align: center;
    height: 44px;
    width: 100%;
}

#megaselector_2011 .body .tab .inner span
{
    display: inline-block;
}


#megaselector_2011 .body .previousTabIsActive .inner
{
    border-left-color: black;
}

#megaselector_2011 .body .first .inner
{
    border-left-width: 0;
}

#megaselector_2011 img
{
    vertical-align: top;
}

#megaselector_2011 a
{
    text-decoration: none;
    color: white;
}

#megaselector_2011 .megaHouse
{
    width: 15px;
    height: 12px;
    float: left;
    margin-right: 8px;
    background: url('/mega2011_house.png');
}

#megaselector_2011 .active .megaHouse
{
    background-position: right center;
}


#megaselector_2011 .tab .megaselector_icon,
#megaselector_2011 .tab .megaselector_ietable_icon
{
    width: 12px;
    height: 12px;
    background: url('/mega2011_icons.png') no-repeat 0 center !important;
}


#megaselector_2011 .tab .megaselector_icon
{
    margin-left: 8px;
    position: absolute;
    top: 16px;
    right: 4px;
}

#megaselector_2011 .tab .megaselector_ietable_icon
{
    display: inline-block;
}

#megaselector_2011 .tab.active .megaselector_icon,
#megaselector_2011 .tab.active .megaselector_ietable_icon
{
    background-position: -12px center !important;
}

#megaselector_2011 .no_mouse_focus_border
{
    border: none;
    outline: none;
}

#megaselector_2011 .no_mouse_focus_border::-moz-focus-inner
{
    border: none;
}



/* -------------------------------------------- MEGADROP ------------------------------------------- */

.megadrop_2011
{
    background: #0a0b0b;
    padding: 16px 0 8px;
    display: none;
    zoom: 1; /* IE6,7 !!! */
}

.megadrop_2011 a,
.megadrop_2011 a:active,
.megadrop_2011 a:visited,
.megadrop_2011 a:link
{
    text-decoration: none;
    color: white;
}

.megadrop_2011 a:hover
{
    text-decoration: underline;
    color: white;
}

.megadrop_2011 .megadropWrap
{
    width: 960px;
    margin: 0 auto;
    background: #0a0b0b url('/mega2011_drop_hbg.png') repeat-y;
    display: none;
    line-height: 16px;
}

.megadrop_2011 .loading
{
    text-align: center;
    font-style: italic;
    color: white;
    font-size: 18px;
    line-height: 54px;
}

.megadrop_2011 .col1,
.megadrop_2011 .col2,
.megadrop_2011 .col3,
.megadrop_2011 .col4
{
    float: left;
    width: 208px;
    padding: 0 16px;
}

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

#megawrap-admin ul li.depth1
{
    color: white;
    text-transform: uppercase;
}

.megadrop_2011 ul li.depth1
{
    /*text-decoration: underline;*/
    color: white;
    font-size: 12px;
    line-height: 14px;
}

.megadrop_2011 ul li.depth1 a
{
    text-decoration: underline; /* just for <=ie7 */
}

.megadrop_2011 ul li
{
    margin-top: 16px;
/*    margin-bottom: 0px;*/

    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    position: relative;
}

.megadrop_2011 ul li.depth2
{
    padding-left: 20px;
    text-indent: -14px; /* probably going to need to re-do this with an image */
    font-weight: normal;
    color: white;
    list-style: none inside url('/mega2011_icons_bullet.png');
}

.megadrop_2011 ul li.depth2,
.megadrop_2011 ul li.depth1:first-child
{
    margin-top: 0;
}

.megadrop_2011 ul li.more
{
    text-align: right;
}

.megadrop_2011 ul li.more a
{
    text-decoration: underline;
}


.megadrop_2011 li.depth2 + li.depth1
{
    margin-top: 32px;
}


.megadrop_2011 .action_bar
{
    width: 960px;
    min-height: 28px;
    padding-top: 8px;
    line-height: 28px;
    margin: 8px auto 0;
    text-align: center;
    color: white;
    text-transform: uppercase;
}

.megadrop_2011 button
{
    background: transparent;
    border: none;
    font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 28px;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
}

.megadrop_2011 .mm2011_action
{
    cursor: pointer;
}

.megadrop_2011 .mm2011_action img
{
    vertical-align: middle;
    margin-right: 4px;
}


/* mm2011_action is required to distinguish it from overly general style rules in the companies app */
.megadrop_2011 .mm2011_action span
{
    background: transparent;
    padding: 0;
    display: inline;
}

.megadrop_2011 .mm2011_action .text:hover
{
    text-decoration: underline;
}

.megadrop_2011 .action_bar .close
{
    float: right;
    margin-left: 16px;
}

.megadrop_2011 .action_bar .edit,
.megadrop_2011 .action_bar .save,
.megadrop_2011 .action_bar .cancel,
.megadrop_2011 .action_bar .show_more_filtered
{
    float: left;
    margin-right: 16px;
}

.megadrop_2011 .action_bar .show_more_filtered label
{
    font-weight: normal;
    vertical-align: middle;
}

.megadrop_2011 .action_bar .edit,
.megadrop_2011 .action_bar .save,
.megadrop_2011 .action_bar .cancel
{
    background: url('/button_140x28_orange.png') no-repeat;
    display: inline-block;
    width: 140px;
    height: 28px;
    color: white;
    line-height: 28px;
    text-align: center;
}

.megadrop_2011 .action_bar .edit,
.megadrop_2011 .action_bar .cancel
{
    background-image: url('/button_140x28_black.png');
}

.megadrop_2011 .action_bar .edit:hover,
.megadrop_2011 .action_bar .save:hover,
.megadrop_2011 .action_bar .cancel:hover,
.megadrop_2011 .action_bar .edit:focus,
.megadrop_2011 .action_bar .save:focus,
.megadrop_2011 .action_bar .cancel:focus
{
    background-position: bottom center;
}

.megadrop_2011 .column_bar
{
    background: url('/mega2011_columnbar_vbg.png') repeat-x;
    border: solid 1px #888;
    border-radius: 4px;
    color: white;
    text-align: center;
    height: 16px;
    width: 206px;
    position: relative;
}

.megadrop_2011 .column_bar .arrow
{
    display: inline-block;
    line-height: 16px;
    height: 16px;
    cursor: pointer;
    font-weight: bold;
    width: 32px;
    position: absolute;
    top: 0;
    padding: 0;
}

.megadrop_2011 .column_bar .up
{
    left: 0;
}

.megadrop_2011 .column_bar .down
{
    right: 0;
}

.megadrop_2011 .column_bar .arrow:hover,
.megadrop_2011 .column_bar .arrow:focus
{
    color: #000;
    background: #aaa;
}


.megadrop_2011 .megacancel,
.megadrop_2011 .megasave
{
    float: left;
}


.megadrop_2011 .more_settings_trigger
{
    position: absolute;
    top: -2px;
    right: -14px;
    padding: 2px;
    background: url("/mega2011_columnbar_vbg.png") repeat-x; 
    color: white;
    border: solid 1px #888;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
}

.megadrop_2011 .more_settings_trigger:hover,
.megadrop_2011 .more_settings_trigger:focus
{
    background: #aaa;
    color: #000;
}

.megadrop_2011 .more_settings_input
{
    display: none;
    border: solid 1px #888;
    border-radius: 4px;
    padding: 4px;
    margin-top: 8px;
}

.megadrop_2011 .more_settings_input label
{
    font-size: 13px;
    font-weight: normal;
    float: right;
    line-height: 14px;
    height: 14px;
}

.megadrop_2011 .more_settings_input label[for^='more_filter_enabled_']
{
    cursor: pointer;
}

.megadrop_2011 .more_settings_input input[type='text']
{
    height: 14px;
    padding: 0;
    border: none;
}

.megadrop_2011 .more_settings_input div
{
    height: 16px;
    margin-bottom: 4px;
}

.megadrop_2011 .more_settings_input input
{
    float: left;
    height: 14px;
}

.megadrop_2011 .more_filtered
{
    display: none;
}

.megadrop_2011 .more_filtered a
{
    color: #666;
}



.megadrop_2011.edit_mode .more
{
    font-style: italic;
}

.megadrop_2011.show_more_filtered_items ul li.depth2.more_filtered
{
    display: list-item;
    font-style: italic;
    list-style: none inside url('/mega2011_icons_bullet_darkgray.png');
}

.megadrop_2011 .show_more_filtered label
{
    cursor: pointer;
}

