@import "material.css";

/* CSS Resets */
h1, h3 {
    margin         : 0;
    border         : 0;
    font-size      : 100%;
    font           : inherit;
    vertical-align : baseline;
    font-weight    : bold;
}

img {
    -ms-interpolation-mode : bicubic;
    image-rendering        : optimizeQuality;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display : block;
}

html, body {
    height : auto;
}

body {
    line-height : 1;
    /*overflow-y: scroll;*/
}

ol, ul {
}

blockquote, q {
    quotes : none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content : '';
    content : none;
}

.lod {
    font-family      : Arial, Helvetica, sans-serif;
    background-color : transparent;
    font-weight      : bold;
    font-style       : italic;
    color            : #92288F;
    font-size        : 1.0em;
    text-align       : center;
    line-height      : 1.1em;
}

.jurisdiction {
    color     : red;
    font-size : 1.0em;
}

/* ===================================== */
/* ! Howard old_home_page.php additions  */
/* ===================================== */

#system_menu {
    position : relative;
}

#wrapper {
    margin : 0 auto;
    width  : 100%;
}

ul.menu {
    margin  : 0;
    padding : 0;
}

ul.menu li {
    font-weight : bold;
    color       : #0782C1;
    margin      : 0;
    padding     : 0px 0px 0px 0px;
    margin-left : 20px;
    list-style  : none;
}

ul.menu li:hover {
    font-weight : bold;
    color       : red;
    cursor      : pointer;
}

ul.menu li a {
    font-weight     : bold;
    color           : #0782C1;
    text-decoration : none;
}

ul.menu li a:hover {
    font-weight : bold;
    color       : red;
}

.section {
    text-align : left;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
body {
    line-height         : 1.6em;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 62.5%;
    padding             : 0;
    margin              : 0;
    background-position : center top;
    background-repeat   : repeat-x;
}

body.el {
    background : url('../images/rebrand/mm_web_header_envirolaw.png');
}

body.sl {
    background : url('../images/rebrand/mm_web_header_safetylaw.png');
}

.black_content {
    background-color : black;
    display          : none;
    height           : 100%;
    left             : 0;
    opacity          : 0.8;
    position         : fixed;
    top              : 0;
    width            : 100%;
    z-index          : 1000;
}

.first_menu_content {
    background-color : white;
    border           : 1px solid green;
    display          : none;
    position         : relative;
    top              : 0px;
    left             : 0px;
    padding          : 16px;
    width            : 150px;
    z-index          : 1002;
}

.white_content {
    background-color : white;
    border           : 1px solid green;
    display          : none;
    padding          : 16px;
    position         : relative;
    z-index          : 1002;
}

p.serif {
    font-family : "Times New Roman", Times, serif;
}

p.sansserif {
    font-family : Arial, Helvetica, sans-serif;
}

.ewTableHeader {
    background-color : #073771;
    color            : #FFF;
    font-size        : 0.8em;
    vertical-align   : middle;
}

b.niftyfill {
    display : block;
}

b.niftycorners * {
    border-style : solid;
    border-width : 0 1px;
    display      : block;
    font-size    : 1px;
    height       : 1px;
    line-height  : 1px;
    overflow     : hidden;
}

.ewTableHeader a:link {
    color           : #FFF;
    text-decoration : none;
}

#men1btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 0;
    position   : absolute;
    text-align : center;
    top        : 5px;
    width      : 230px;
}

#men2btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 245px;
    position   : absolute;
    text-align : center;
    top        : 5px;
    width      : 230px;
}

#men3btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 490px;
    position   : absolute;
    text-align : center;
    top        : 5px;
    width      : 230px;
}

#men4btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 735px;
    position   : absolute;
    text-align : center;
    top        : 5px;
    width      : 230px;
}

#men5btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 0;
    position   : absolute;
    text-align : center;
    top        : 45px;
    width      : 230px;
}

#men6btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 245px;
    position   : absolute;
    text-align : center;
    top        : 45px;
    width      : 230px;
}

#men7btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 490px;
    position   : absolute;
    text-align : center;
    top        : 45px;
    width      : 230px;
}

#men8btnn {
    background : none repeat scroll 0 0 #073771;
    color      : #FFF;
    height     : 23px;
    left       : 735px;
    position   : absolute;
    text-align : center;
    top        : 45px;
    width      : 230px;
}

b.r1 {
    border-width : 0 2px;
    margin       : 0 3px;
}

b.r2 {
    margin : 0 2px;
}

b.r3 {
    margin : 0 1px;
}

b.r4 {
    height : 2px;
}

#menb {
    border      : 0 solid #00F;
    color       : #FFF;
    font-family : Arial;
    font-size   : 1.4em;
    height      : 115px;
    left        : 0;
    position    : absolute;
    top         : 20px;
    width       : 974px;
}

#mainform {
    border      : 0 solid #00F;
    color       : inherit;
    font-family : Verdana;
    font-size   : xx-small;
    height      : 99%;
    left        : 0px;
    top         : 20px;
    width       : 1022px;
    z-index     : 1;
}

.img_icon {
    position     : absolute;
    right        : 10px;
    top          : 10px;
    padding-left : 30px;
}

.img_icon2 {
    position     : absolute;
    right        : 0;
    top          : -24px;
    padding-left : 30px;
}

.cluster_anchor {
}

#content_area {
    z-index        : 999999;
    clear          : both;
    float          : left;
    font-family    : Arial, Helvetica, sans-serif;
    font-size      : 130%;
    padding-bottom : 20px;
    margin-bottom  : 12px;
    width          : 974px;
}

#additional_dropdown_option {
    color : yellow;
}

.juri_title_duty_cluster, .full_name_duty_cluster {
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bold;
    font-size   : 1em;
}

#background_content {
    display  : none;
    height   : 100%;
    left     : 0;
    position : fixed;
    top      : 0;
    width    : 100%;
    z-index  : 1000;
}

#show_history_box {
    display          : none;
    background-color : white;
    text-align       : left;
    position         : absolute;
    margin-left      : 150px;
    width            : 462px;
    border           : 2px solid #000;
    z-index          : 1100;
}

.button-old {
    background-color      : #C9E6C1;
    color                 : #000;
    -moz-border-radius    : 10px;
    -webkit-border-radius : 10px;
    border                : 1px solid #000;
    padding               : 3px 15px 3px 15px;
}

button:hover {
    background-color : #9F6;
}

#col_width33 {
    width  : 33%;
    margin : 5px 5px 15px 5px;
}

#col_width63 {
    width  : 63%;
    margin : 5px 5px 15px 5px;
}

#col_width99 {
    width  : 99%;
    margin : 15px 0px 15px 0px;
}

.column_width_99pc {
    width  : 99%;
    margin : 15px 0px 15px 0px;
}

#showcase {
    width  : 450px;
    height : 241px;
    margin : 5px 10px 5px 0px;
}

#showlogos {
    width  : 320px;
    height : 320px;
    margin : 5px 10px 5px 0px;
}

#titles {
    color      : #00028C;
    width      : 355px;
    height     : 38px;
    z-index    : 6;
    text-align : left;
}

#titles h2 {
    color       : #066;
    padding-top : 10px;
    font-size   : x-large;
    font-weight : bolder;
}

#content1 {
    line-height      : 1.8em;
    top              : 0px;
    left             : 520px;
    color            : #000;
    background-color : #FFF;
    width            : 470px;
    height           : 260px;
    z-index          : 6;
    padding          : 10px;
    text-align       : justify;
}

/*----------------------------------------------------------
 *
 * My Classes below here
 *
 *
 ----------------------------------------------------------*/

.login {
    width : 110px;
}

.subheadline {
    font-family    : "Lucida Grande", Tahoma;
    font-size      : 1.4em;
    font-weight    : bolder;
    font-variant   : normal;
    color          : #006E59;
    margin-top     : 10px;
    text-align     : center !important;
    letter-spacing : 0.5em;
}

.bottom_line_style {
    /*font-family: "Lucida Grande", Tahoma;*/
    font-size    : 1.6em;
    color        : #656565;
    margin-left  : 60px;
    margin-right : 14px;
    text-align   : center !important;
    line-height  : 24px;
}

.bottom_line_style span {
    padding-left  : 1em;
    padding-right : 1em;
}

.bottom_line_style a {
    color : #006E59;
}

.sizer {
    text-decoration : none;
}

.topline {
    background-color : white;
    color            : #0782C1;
    text-decoration  : none;
}

.topline:hover {
    background-color : blue;
    color            : white;
    text-decoration  : none;
}

.feedback {
    line-height      : 1.3em;
    background-color : blue;
    color            : white;
    text-decoration  : none;
}

.feedback:hover {
    line-height      : 1.3em;
    background-color : blue;
    color            : #29A8DF;
    text-decoration  : none;
}

/*#feedback_window {
    display    : none;
    visibility : hidden;
    width      : 420px;
    height     : auto;
    position   : absolute;
    top        : 100px;
    left       : 450px;
    z-index    : 9999;
}*/

#feedback_window {
    height : 500px;
}

a.footer_left_style:link, a.footer_left_style:visited, a.footer_left_style:active {
    font-size       : 0.8em;
    text-decoration : none;
    color           : #0782C1;
}

a.footer_left_style:hover, a.footer_right_style:hover {
    border-bottom : 2px solid #69C;
}

a.footer_right_style:link, a.footer_right_style:visited, a.footer_right_style:active {
    text-decoration : none;
    color           : #006E59;
}

.three_column_products {
    float       : left;
    width       : 215px;
    height      : 220px;
    padding-top : 10px;
}

.h2_1_6em {
    color       : #066;
    font-size   : 1.6em;
    font-weight : bold;
}

.h3_1_4em {
    color       : #066;
    font-size   : 1.4em;
    font-weight : bold;
}

.normal_1_2em {
    font-size   : 1.2em;
    font-weight : normal;
    line-height : 1.4em;
}

.normal_ordered_list {
    list-style          : decimal;
    list-style-position : outside;
    font-size           : 1.2em;
    padding-left        : 50px;
}

.normal_unordered_list {
    font-size    : 1.2em;
    padding-left : 50px;
}

.normal_list_item_style_image {
    list-style-position : inside;
    list-style-image    : url('../images/feature-bullet.png');
    padding-left        : 10px;
    line-height         : 1.4em;
}

.normal_list_item_style {
    padding : 0px 0px 10px 10px;
}

.soft_green_title_style {
    color : #78B4A9;
}

.soft_green_background_style {
    background-color : #EDF6DD;
    padding          : 10px 10px 10px 10px;
}

.frame_header_style {
    color      : #848D76;
    font-size  : 2em;
    text-align : center;
}

/*----------------------------------------------------------
 *
 * Slideshow Classes below here
 *
 ----------------------------------------------------------*/
.slideshow {
    top    : 0px;
    left   : 0px;
    height : 321px;
    width  : 505px;
}

.bigslideshow {
    top    : 0px;
    left   : 0px;
    height : 676px;
    width  : 1022px;
}

.the_staff {
    display             : block;
    width               : 649px;
    height              : 1002px;
    background-image    : url('../images/meet_the_team.png');
    background-position : 0px 0px;
    background-repeat   : no-repeat;
}

.logoshow {
    height : 140px;
    width  : 140px;
}

.slides {
    top   : -14px;
    width : 505px;
}

.bigslides {
    width  : 1022px;
    height : 676px;
}

.image_nav {
    width   : 450px;
    height  : 35px;
    bottom  : -290px;
    z-index : 5;
}

.image_nav1 {
    width   : 450px;
    height  : 35px;
    bottom  : -610px;
    z-index : 5;
}

.nav_btn {
    z-index : 6;
}

.nav_spc {
    z-index : 5;
}

.nav_sel_btn {
    z-index : 6;
}

/*----------------------------------------------------------
 *
 * Generic classes for general use below here
 *
 ----------------------------------------------------------*/
.abs {
    position : absolute;
}

.rel {
    position : relative;
}

.fixed {
    position : fixed;
}

.left {
    left : 0;
}

.right {
    right : 0;
}

.top {
    top : 0;
}

.bottom {
    bottom : 0;
}

.fillWidth {
    width : 100%;
}

.fillHeight {
    height : 100%;
}

.fillAll {
    width  : 100%;
    height : 100%;
}

.autoHeight {
    height : auto;
}

.autoWidth {
    width : auto;
}

.autoOverflow {
    overflow : auto;
}

.hideOverflow {
    overflow : hidden;
}

.scrollOverflow {
    overflow : scroll;
}

.noBorder {
    border : none;
}

.someBorder {
    border : solid 1px #78B4A9;
}

.noMargin {
    margin : 0px 0px 0px 0px;
}

.noOverflow {
    overflow : hidden;
}

.noPadding {
    padding : 0px 0px 0px 0px;
}

.onTop {
    z-index : 1500;
}

.onBot {
    z-index : -65535;
}

.cursorHand {
    cursor : pointer;
}

.cursorMove {
    cursor : move;
}

.cursorResizeN {
    cursor : n-resize;
}

.cursorResizeS {
    cursor : s-resize;
}

.cursorResizeE {
    cursor : e-resize;
}

.cursorResizeW {
    cursor : w-resize;
}

.cursorResizeNE {
    cursor : ne-resize;
}

.cursorResizeNW {
    cursor : nw-resize;
}

.cursorResizeSE {
    cursor : se-resize;
}

.cursorResizeSW {
    cursor : sw-resize;
}

.textLeft {
    text-align : left;
}

.textRight {
    text-align : right;
}

.textCentre {
    text-align : center;
}

.textJustify {
    text-align : justify;
}

.textMiddle {
    vertical-align : middle;
}

.upperCase {
    text-transform : uppercase;
}

.lowerCase {
    text-transform : lowercase;
}

.capitalize {
    text-transform : capitalize;
}

.textBold {
    font-weight : bold;
}

.textPlain {
    text-decoration : none;
}

.textUnderline {
    text-decoration : underline;
}

.logobox {
    width    : 600px;
    position : absolute;
    bottom   : 10px;
    left     : 0px;
}

.header_container {
    position : relative;
}

.fltleft {
    float : left;
}

.fltright {
    float : right;
}

.clearboth {
    clear : both;
}

.eelogo {
    float       : left;
    padding-top : 5%;
}

.shadow {
    -moz-box-shadow    : 5px 5px 5px #696969;
    -webkit-box-shadow : 5px 5px 5px #696969;
    box-shadow         : 5px 5px 5px #696969;
}

.shadow_subtle {
    -moz-box-shadow    : 2px 2px 0 #DDD;
    -webkit-box-shadow : 2px 2px 0 #DDD;
    box-shadow         : 2px 2px 0 #DDD; /* box-shadow: h-shadow v-shadow blur spread color inset; */
}

.full_shadow {
    background-color   : white;
    -moz-box-shadow    : 0 0 2px #DDD;
    -webkit-box-shadow : 0 0 2px #DDD;
    box-shadow         : 0 0 2px 2px #DDD;
}

.full_shadow_subtler {
    background-color   : white;
    -moz-box-shadow    : 0 0 2px #EEE;
    -webkit-box-shadow : 0 0 2px #EEE;
    box-shadow         : 0 0 2px 2px #EEE;
}

a {
    text-decoration : none;
    color           : #0782C1;
}

/*----------------------------------------------------------
 *
 *  Menu Module
 *
 * --------------------------------------------------------*/

/*
 Container for the menu module.
 Width is 100% of the fixed width region in the centre of the page, due to the body styles, above.
 height plus margin make it play nice with the slide-show images.
 Floating the menuwrapper makes the clear:both instruction available later
 */

#menuwrapper, #home_item_bottom_menuwrapper {
    position         : absolute;
    background-color : transparent;
    height           : 32px;
    width            : 100%;
    margin           : 1px;
    float            : left;
    z-index          : 9999;
}

#menuwrapper_footer {
    background-color : transparent;
    height           : 32px;
    width            : 100%;
    margin           : 1px;
    float            : left;
    z-index          : 9999;
}

/*Clears the floated menu items.
 Assigned to a BR tag placed just before menuwrapper's closing DIV tag
 */
.clearit {
    clear       : both;
    height      : 0;
    line-height : 0.0;
    font-size   : 0;
}

/*
 Menu p7menubar applies these rules to just the root UL (i.e. the main-menu).
 p7menubar ul applies these rules to all the ULs below the root UL (i.e. the sub-menus).
 Padding and margin are zero, eliminates all indentation.
 List style turns bullets off.
 Font-family for just the menu may be different from the global font-family declared for body, above.
 Do not add a font-size here.
 */
#p7menubar, #p7menubar ul {
    padding     : 0;
    margin      : 0;
    list-style  : none;
    font-family : Arial, Helvetica, sans-serif;
    z-index     : 12;
}

/*
 Containers which position each menu item, will apply to all menu levels.
 Float: left, allows menu items to appear horizontally.
 Width  is for IE5 Mac, a special case.
 N.B.
 The last rule in this style module will overrule this rule using "width: auto", affects all other browsers except IE5 Mac.
 So, as you add and edit root menu items, test this width.
 */
#p7menubar li {
    float : left;
    width : 8em;
}

/*
 Menu anchor styles, will apply to all menu levels.
 Main-menu links apply just to the first level of links in the menu.
 Display: block is important - Do not change.
 Padding values make the root links taller and offset them from left/right edges of the link box.
 Border-right would create a separator between links.
 Font-size and colour (white) is set here.
 */
#p7menubar li a, #p7menubar li a.menu_link {
    display         : block;
    text-decoration : none;
    padding         : 0.5em 1.1em;
    font-size       : 1.4em;
    color           : #FFF;
}

#footer_wrapper {
    min-height  : 150px;
    max-height  : 150px;
    min-width   : 1024px;
    max-width   : 1024px;
    text-align  : center;
    font-family : Arial, Helvetica, sans-serif;
    line-height : 15px;
}

#footer_wrapper_logo {
    width : 15%;
    float : left;
}

#footer_wrapper_content {
    width : 85%;
    float : left;
}

#footer_link {
    color          : #545454;
    font-weight    : bold;
    font-size      : 15px;
    vertical-align : middle;
    margin         : 71px 10px 0px 10px;
}

#footer_link:hover {
    /*color: yellow;*/
}

#p7menubar li a.menu_link:hover {
    text-decoration : none;
}

#search_text {
    border     : 1px solid rgb(255, 255, 255);
    color      : rgb(85, 85, 85);
    padding    : 3px 5px;
    margin-top : -2px;
    right      : 26px;
    position   : relative;
}

/*
 The home page's "Home" main-menu link is a special case in PUFF, because of the transparency attribute.
 Background-color: transparent, allows background images in the slide show to be visible through the menu item.
 Padding is the same as other main-menu items.
 */
#p7menubar li a#home_link {
    background-color : transparent;
}

#p7menubar li a#home_link:hover {
    text-decoration : none;
}

/*
 The current main-menu link
 */
#p7menubar li a.current_item {
    background-color : #DADAFF;
    color            : #0E0088;
}

#search_exact_div {
    position     : absolute;
    width        : 187px;
    height       : 18px;
    padding-top  : 50px;
    padding-left : 830px;
}

/*
 Right hand side menu item is special case, to make sure menu covers 100% of the container.
 */
#p7menubar li#rightmost a#menu_link_contact-us {
    width        : 100%;
    border-right : solid 2px #DDD;
}

/*
 Hover behaviour, for the main-menu.
 Current item behaves the same as other menu items.
 */
#p7menubar li a.menu_link:hover, #p7menubar li a.current_item:hover {
    /* background-color: transparent!important; */
    outline : none;
}

/*
 Drop-down sub-menu groups.
 Position: absolute, allows them to be put below their main-menu trigger.
 Display: none, hides the sub-menu until the user hovers over the trigger.
 Background-color is for IE.
 */
#p7menubar li ul {
    position : absolute;
    display  : none;
    /* background-color: black; */
}

/*
 Sub-menu box and its list items.
 Font-size is in proportional em units.
 (So the sub-menu width expands if users resize the text in their browsers).
 */
#p7menubar li ul, #p7menubar li ul li {
    font-size : 1em;
}

/*
 Sub-menu links.
 Padding indents the sub-menu links within its row, in proportional em units.
 */
#p7menubar li ul li a {
    padding-left : 1em;
}

/*
 Hover behaviour.
 Change text colour and background colour when main-menu items are hovered over or accessed via keyboard tabbing.
 The last two selectors explained:
 i) For IE6 and older IE, the p7hvr class is assigned-to/removed-from an item via javascript ... function P7_ExpMenu()
 ii)    a:active supports keyboard access in IE.
 */
#p7menubar li:hover a, #p7menubar li a:focus, #p7menubar li.p7hvr a, #p7menubar li a:active {
    color           : #0E0088;
    /* background-color: #efefef; */
    text-decoration : none;
}

/*
 Hover behaviour.
 Sub-Menu UL is normally hidden. On hover over a main-menu item, this rule overrules the default value for that menu-item's sub-menu box
 Root-Level link is moused over.
 The second selector explained:
 i) For IE6 and older IE, the p7hvr class is assigned-to/removed-from an item via javascript ... function P7_ExpMenu()
 */
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
    display : block;
}

/*
 Hover behaviour.
 Text colour of  sub-menu links on hover over a main menu item.
 Colour is same as colour in the rule: #p7menubar ul li a.
 Background-color: transparent, so that (if there is a background image) the background image can be seen.
 The second selector explained:
 i) For IE6 and older IE, the p7hvr class is assigned-to/removed-from an item via javascript ... function P7_ExpMenu()
 */
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
    color            : #0E0088;
    background-color : transparent;
}

/*
 Hover behaviour.
 Affects sub-menu links when they are hovered-over.
 */
#p7menubar li a:hover {
    text-decoration : underline;
}

/* The single backslash \ character inside this comment causes IE5 Mac to ignore the following rule,
 which allows other browsers to render top-level menu items to their natural width.
 Do not edit this rule in any way. */
#p7menubar li {
    width : auto;
}

/*
 Simulates thin white HR (IE has limited css-support for HR tags)
 */
div.thin_white_hr_style {
    clear         : both;
    width         : 90%;
    margin-top    : 0.25em;
    margin-right  : auto;
    margin-left   : auto;
    margin-bottom : 0.5em;
    border        : solid 1px #FFF;
    height        : 0;
}

/*----------------------------------------------------------
 *
 *
 *
 *----------------------------------------------------------*/
#content_wrapper {
    position        : relative;
    top             : 0;
    /*margin-top: 2em;*/
    /*padding-top:3em;*/
    clear           : both;
    float           : left;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 130%;
    text-decoration : none;
    /*padding: 25px;*/
    /*padding-top: 0px;*/
    width           : 1022px;
    transition      : all 0s;
    /*behavior : url(PIE.php);*/
}

#content_wrapper table {
    font-size : 100%;
}

#bulletins, #products {
    float       : left;
    margin-left : 1em;
}

#products {
    width      : 170px;
    margin-top : 15px;
}

#company_overview {
    width        : 730px;
    margin-right : 0;
    margin-left  : 230px;
}

#products_overview {
    width        : 830px;
    margin-right : 0;
    margin-left  : 180px;
}

#bulletins-list, #products-list {
    padding-top : 2em;
}

#bulletins-list li, #products-list li {
    padding-bottom : 1.8em;
}

#bulletins-list li#separate, #products-list li#separate {
    padding-top : 2.1em;
}

#bulletins-list li a, #products-list li a {
    font-size       : 1.4em;
    color           : #3360C9;
    text-decoration : none;
}

#bulletins-list li a:hover, #products-list li a:hover {
    text-decoration : underline;
}

#company_speciality-list {
    list-style-position : inside;
    list-style-image    : url('../images/feature-bullet.png');
    padding-top         : 0.5em;
    padding-bottom      : 0.5em;
}

#bulletin_feature-list li {
    padding-left : 2em;
}

.heading_div {
    float              : left;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-size          : 30px;
    font-weight        : 500 !important;
    color              : #666;
    padding-right      : 0;
    margin-right       : 0;
    text-align         : left;
    margin-bottom      : 16px;
    padding            : 6px 0px 6px 0px;
    line-height        : 110%;
    width              : 100% !important;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.heading_div h1 {
    font-weight : 500 !important;
}

.intro_div {
    -moz-box-sizing : border-box;
    color           : #666;
    float           : left;
    font-family     : Arial, Helvetica, sans-serif;
    /* font-weight: 100 !important;*/
    line-height     : 110%;
    margin-bottom   : 16px;
    margin-right    : 0;
    padding         : 6px 0;
    text-align      : left;
    width           : 100% !important;
    line-height     : 18px;
}

.local_heading {
    font-size   : 1.4em;
    font-weight : bold;
}

.cluster_link {
    font-weight     : bold;
    color           : blue;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 1.0em;
    text-decoration : none;
}

.obligation_link {
    color           : blue;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 1.0em;
    text-decoration : none;
}

.navigation_heading {
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 1.3em;
}

h3.local_heading + p {
    padding-top    : 1em;
    padding-bottom : 1em;
}

div#logged_in_company_title {
    width         : 300px;
    color         : #3360C9;
    font-style    : normal;
    font-size     : 1.6em;
    text-align    : right;
    font-weight   : normal;
    line-height   : 1.6em;
    padding-right : 4em;
}

/*----------------------------------------------------------
 *
 * Sticky Footer by Ryan Fait, see http://ryanfait.com/
 *
 * ---------------------------------------------------------*/

div.variable_content_wrapper {
    /* the following min-height hack is needed for Internet Explorer 6 */
    min-height       : 100%;
    height           : auto !important;
    height           : 100%;
    background-color : #FFF;
    margin-bottom    : -275px; /* opposite direction but same as footer height */
}

div.hidden_compartment {
    clear : both;
    /*height : 95px; /*not same as footer height due to change in structure of footer */
}

/*----------------------------------------------------------
 *
 * Footer styles
 *
 *---------------------------------------------------------*/

#page_base {
    /*border-top: solid 1px green;*/
    padding-top : 50px;
}

#footer_body {
    /*
    position: absolute;
    height: 35px;
    width: 1022px;
    background-color: #efefef;
    line-height: 1.6em;
    margin-top: -12px;

     background-image:url('../images/bkg0.png');
     background-repeat:repeat-x;
     */
}

#vision_statement {
    color       : #3360C9;
    font-style  : italic;
    font-size   : 2.0em;
    text-align  : center;
    font-weight : bold;
    height      : 30px;
    padding     : 10px 0px 0px 0px;
}

#brochures {
    color          : #396;
    font-size      : 1.2em;
    text-align     : left;
    font-weight    : bold;
    padding-bottom : 0.5em;
}

.footer_sub {
    border       : 1px;
    border       : solid;
    border-color : #E4E4E4;
    padding      : 10px 10px 10px 10px;
    margin       : 0px 10px 0px 10px;
    height       : 190px;
    color        : #656565;
    font-size    : 1.6em;
    width        : 460px;
}

.footheadline {
    font-size   : 1.2em;
    color       : #565656;
    font-weight : bold;
}

.footerlinks {
    font-size : 1.25em;
    color     : #03F;
}

#footer_left, #footer_right {
    border       : 1px;
    border       : solid;
    border-color : #E4E4E4;
    padding      : 10px 10px 10px 10px;
    margin       : 0px 10px 0px 0px;
    height       : 170px;
    color        : #656565;
    font-size    : 1.6em;
    border-width : 5px;
}

#footer_left {
    float : left;
    width : 530px;
}

#footer_right {
    float        : right;
    width        : 400px;
    margin-right : 20px;
}

#enquiries {
    padding-left : 30px;
}

p#enquiries_address, p#enquiries_phone {
    margin-bottom : 0.6em;
}

#enquiries_emails {
    margin-top : 1em;
}

#enquiries_emails * {
    padding-right : 2em;
}

div.footerlinks {
    margin-top  : 2em;
    border-top  : solid 1px #CCC;
    padding-top : 1em;
}

/*----------------------------------------------------------
 *
 * Menu drop-downs
 *
 *----------------------------------------------------------*/

.dropdown_menu {
    position         : absolute;
    background-color : #EFEFEF;
    padding          : 10px 10px 10px 10px;
}

#dropdown_text_products div {
    width : 240px;
    right : -260px;
}

#dropdown_text_services div {
    width : 240px;
    right : -130px;
}

#dropdown_text_systems div {
    width : 220px;
    right : -127px;
}

#dropdown_text_news div {
    width : 260px;
    right : -110px;
}

#dropdown_text_why-environment-essentials div {
    width : 342px;
    right : -256px;
}

#dropdown_text_contact-us {
    width : 265px;
    right : -204px;
}

#menu_contact_us_details {
    font-size     : 1.2em;
    padding-right : 40px;
    padding-left  : 30px;
    margin-left   : 0;
}

#dropdown_text_contact-us div a {
    font-size : 1.4em;
}

/*----------------------------------------------------------
 *
 * Content region
 *
 *---------------------------------------------------------*/

.text_wrapper {
    text-align     : left;
    color          : #333;
    padding-top    : 20px;
    padding-right  : 12px;
    padding-left   : 4px;
    padding-bottom : 20px;
}

.text_inner_wrapper {
    font-size  : 1.2em;
    margin-top : 20px;
}

#products_pool_envirolaw {
    margin-left : 10px;
}

#products_pool_safetylaw {
    margin-left : 70px;
}

#products_pool_hse_lawguides {
    margin-left : 65px;
}

.products_pool {
    float   : left;
    width   : 180px;
    padding : 10px;
}

.spaced {
    margin-top : 60px;
}

.minor_module_container {
    float        : left;
    clear        : both;
    width        : 140px;
    margin-left  : 10px;
    margin-right : 10px;
}

#products_envirolaw_overview, #products_safetylaw_overview, #products_hse-lawguides_overview {
    float         : left;
    width         : 725px;
    margin-top    : 0; /* change this if the first tag for a text item is not a <p> */
    margin-left   : 20px;
    margin-bottom : 15px;
    margin-right  : 15px;
    font-size     : 1.2em;
    line-height   : 1.4em;
}

#products_envirolaw_overview p {
    margin-top : 1em;
}

#products_envirolaw_feature-list, #products_safetylaw_feature-list, #products_hse-lawguides_topics-list {
    list-style-position : outside;
    padding-top         : 1em;
    padding-bottom      : 3em;
}

#products_envirolaw_feature-list {
    list-style-image : url('../images/feature-bullet.png');
}

#products_hse-lawguides_topics-list {
    list-style-image : url('../images/feature-bullet_red.png');
}

#products_safetylaw_feature-list {
    list-style-image : url('../images/feature-bullet_blue.png');
}

#products_envirolaw_feature-list li, #products_safetylaw_feature-list li, #products_hse-lawguides_topics-list li {
    margin-left  : 30px;
    padding-left : 0.75em;
}

#products_envirolaw_procedure-list {
    list-style          : decimal;
    list-style-position : outside;
    padding-top         : 1em;
    padding-bottom      : 3em;
}

#products_envirolaw_procedure-list li {
    margin-left  : 30px;
    padding-left : 0.75em;
}

#product_comparison {
    width : 100%;
}

.psuedo_table_block {
    width : 810px;
}

.psuedo_left_table_row {
    height            : 35px;
    width             : 445px;
    background-image  : url('../images/psuedo_base.png');
    background-repeat : repeat-x;
}

.psuedo_right_table_row {
    height            : 35px;
    width             : 120px;
    font-size         : 1.5em;
    outline           : thin #EFEFEF 1px;
    background-image  : url('../images/psuedo_base.png');
    background-repeat : repeat-x;
}

div#aspectlink_award {
    float       : left;
    margin-left : 10px;
    border      : solid 1px #78B4A9;
    padding     : 1em;
}

/* aspectlink award */
blockquote.quotation {
    margin-top    : 1em;
    margin-right  : 2em;
    margin-bottom : 1em;
    margin-left   : 2em;
}

/* aspectlink award */
blockquote.quotation p {
    font-style    : italic;
    color         : #666;
    margin-bottom : 1em;
}

/* aspectlink award */
blockquote.quotation p#by_line {
    font-style : normal;
    color      : inherit;
}

em.values_emphasis {
    font-style : italic;
    font-size  : 1.2em;
    color      : #396;
}

/*what-we-value*/
#patron {
    color : #0782C1;
}

/*what-we-value*/
#patron:hover {
    cursor          : pointer;
    text-decoration : underline;
}

/*what-we-value*/
#image_context {
    border : solid 1px #000;
    width  : 191px;
}

/*what-we-value*/
#canticle {
}

/*what-we-value*/
#blue_card {
    font-size        : 1em;
    background-color : #CCF;
    color            : #333;
    text-align       : center;
    vertical-align   : middle;
    border           : dashed 2px #FFF;
    padding          : 0.5em;
}

/*Stylized first character for each stanza of the blue-card*/
/*what-we-value*/
.fancy_cap {
    font-family : "Monotype Corsiva";
    font-size   : 1.8em;
    font-weight : bold;
}

.tdhead {
    font-size   : 130%;
    font-weight : bold;
}

.greenhead {
    color       : #093;
    font-size   : 18px;
    font-weight : bold;
}

.headbold {
    font-size   : 13px;
    font-weight : bold;
}

.heading {
    font-size   : 16px;
    font-weight : bold;
}

/* envirolaw reference output*/
.act {
    font-family  : Arial, Helvetica, sans-serif;
    font-size    : 13px;
    text-align   : left;
    padding-left : 5em;
}

.subact {
    padding-left : 7em;
}

.subact2 {
    font-style   : italic;
    padding-left : 9em;
}

.standards {
    margin-top : 0;
}

.guidelinesection {
    font-family : Roboto, Arial, Helvetica, sans-serif;
    font-size   : 1em;
    font-weight : bold;
    color: #444;
}

/*following are for aspect link page */
.greyheading {
    color       : #999;
    font-size   : small;
    font-weight : bold;
}

.headingother {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 20px;
    font-weight : bold;
}

.headingbig {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 20px;
    font-weight : bold;
}

.style2 {
    font-size : 13px;
}

/* this is for tooltip using old */
.tooltip {
    border-bottom : 1px dashed #0782C1;
    cursor        : pointer;
}

.balloon_custom {
    width            : 600px;
    min-height       : 150px;
    height           : auto;
    display          : none;
    background-color : #FFF;
    box-shadow       : 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding          : 10px;
    position         : absolute;
    z-index          : 100000;
    color            : #444 !important;
    max-height       : 400px;
    overflow-x       : hidden;
    overflow-y       : hidden;
    border-top       : 10px solid #444;
    /*border-top-left-radius  : 2px;*/
    /*border-top-right-radius : 2px;*/
    border-radius    : 2px;
    font-size        : 12px !important;
    behavior         : url(PIE.php);
}

.balloon_custom .reference {
    width         : 100% !important;
    margin-bottom : 10px;
}

.tooltip3 {
    cursor   : pointer;
    position : relative;
}

.tooltip3 span {
    min-height       : 100px;
    max-height       : 400px;
    position         : fixed;
    background-color : white;
    filter           : Alpha(Opacity=100);
    opacity          : 1.0;
}

.tooltip3:hover span {
    min-height       : 100px;
    max-height       : 400px;
    left             : 5em;
    top              : 2em;
    z-index          : 100;
    margin-left      : 0;
    background-color : white;
    filter           : Alpha(Opacity=100);
    opacity          : 100;
}

.tooltip3:hover img {
    border   : 0;
    margin   : -10px 0 0 -55px;
    float    : left;
    position : absolute;
}

.tooltip3:hover em {
    display : block;
}

.balloon_custom2 {
    z-index             : 100000;
    padding             : 1.5em;
    text-align          : left;
    color               : #000;
    background          : #FFF;
    border              : 2px solid #FFF;
    min-width           : 500px;
    max-width           : 600px;
    min-height          : 100px;
    max-height          : 400px;
    overflow            : hidden;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.0em;
    background-color    : white;
    filter              : Alpha(Opacity=1.0);
    opacity             : 100;
    -moz-user-select    : none;
    -webkit-user-select : none;
    -ms-user-select     : none;
    -o-user-select      : none;
    user-select         : none;
    position            : fixed;
    display             : none;
    right               : 0;
    top                 : 0;
    bottom              : 0;
    margin-left         : 0;
    margin-right        : 0;
    margin-top          : 0;
    margin-bottom       : 0;
    box-shadow          : 0px 4px 20px #444;
}

.balloon_custom:hover {
    display : block;
}

.balloon_bottom_right {
    box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.balloon_bottom_left {
    box-shadow : -5px 5px 5px rgba(0, 0, 0, 0.5);
}

.balloon_top_right {
    box-shadow : 5px -5px 5px rgba(0, 0, 0, 0.5);
}

.balloon_top_left {
    box-shadow : -5px -5px 5px rgba(0, 0, 0, 0.5);
}

/*following are for "preview not set"*/
.tooltip2 {
    cursor   : pointer;
    position : relative;
}

.tooltip2 span {
    margin-left : -999em;
    position    : absolute;
}

.tooltip2:hover span {
    position              : absolute;
    left                  : 2.5em;
    top                   : 2em;
    z-index               : 99;
    margin-left           : 0;
    border-radius         : 5px 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    -webkit-box-shadow    : 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow       : 5px 5px rgba(0, 0, 0, 0.1);
}

.tooltip2:hover em {
    display : block;
}

.balloon_preview {
    padding          : 0.5em;
    color            : #000;
    background       : #FFF;
    border           : 2px solid #000;
    background-color : white;
    filter           : Alpha(Opacity=0);
    opacity          : 0;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 1.0em;
    white-space      : nowrap;
    overflow         : hidden;
}

#reference_link_image {
    width          : 15px;
    height         : 15px;
    vertical-align : text-bottom;
    cursor         : pointer;
    border         : none;
}

#reference_link_image_updates {
    width          : 20px;
    height         : 20px;
    vertical-align : text-bottom;
    cursor         : pointer;
    border         : none;
}

.footer_reference_headings {
    font-size : 2em;
    color: #444;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.references_page_heading {
    color: #444;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 100%;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}

.footer_reference_para {
    font-size : 1.0em;
}

.checklist_left_div {
    float : left;
    width : 20%;
}

.checklist_right_div {
    float : right;
    width : 80%;
}

.dropdown_standard {
    background : #0E0088;
    color      : white;
    font-size  : 1.0em;
    border     : 1px solid #CCC;
    height     : 24px;
}

.sel_disabled {
    background-color : silver;
    color            : gray;
}

.sel_menu1 {
    background       : transparent;
    background-color : #0E0088;
    color            : white;
    width            : 155px;
    font-size        : 1.0em;
    border           : 1px solid #CCC;
    height           : 24px;
}

.product_clr, .product_clr.select {
    background-color : #0E0088;
    background       : transparent;
    color            : white;
    width            : 150px;
    font-size        : 1.0em;
    border           : 1px solid #CCC;
    height           : 24px;
}

select.disabled, select.selected {
    background-color : #0E0088;
}

.contact_sub_item {
    margin-top : 1em;
}

#whole_cluster {
    clear : both;
}

#menuwrapper_container {
    padding-bottom : 14px;
}

#new_menu_wrapper {
    text-decoration : none;
    width           : 1022px;
    height          : 36px;
    color           : #FFF;
    position        : relative;
}

.new_menu {
    padding            : 7px;
    font-size          : 16px;
    height             : 36px;
    text-shadow        : 1px 1px 1px rgba(0, 0, 0, 0.2);
    behavior           : url(PIE.php);
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.new_menu_float_right {
    position         : absolute;
    top              : 0px;
    right            : 0px;
    opacity          : 0.7;
    filter           : alpha(opacity=70);
    padding          : 6px 10px 10px 10px;
    background-color : white;
}

.new_menu_float_left {
    float            : left;
    opacity          : 0.7;
    filter           : alpha(opacity=70);
    padding          : 10px;
    background-color : white;
    margin-top       : 1px;
}

.admin_menu, .superuser_menu {
    display          : none;
    opacity          : 0.7;
    filter           : alpha(opacity=70);
    padding          : 10px;
    margin-right     : 0px;
    margin-top       : 0px;
    background-color : yellow;
    clear            : both;
    position         : absolute;
    right            : 0px;
    top              : 36px;
}

.new_menu_home {
    font-size  : 14px;
    float      : left;
    width      : 85px;
    text-align : center;
    padding    : 10px 10px 10px 10px;
    color      : white;
}

#new_menu_home a:hover {
    opacity         : 0.8;
    text-decoration : none;
    border-bottom   : 1px solid #FFF;
    -ms-filter      : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter          : alpha(opacity=80);
}

.new_menu_home span {
    padding-left : 4px;
}

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

#new_menu_home a {
    color    : white;
    position : relative;
}

.new_menu_dropdown {
    float   : left;
    display : block;
}

.new_menu_dropdown select:hover {
    cursor  : pointer;
    opacity : 0.8;
}

.new_menu_divider {
    padding-top  : 8px;
    width        : 0px !important;
    padding      : 0 0 0 1px !important;
    float        : left;
    display      : block;
    height       : 20px;
    margin-top   : 8px;
    font-size    : 18px;
    border-right : 1px solid #FFF;
}

.products {
    min-width : 125px;
    width     : 125px;
    max-width : 125px;
}

.jurisdictions {
    width     : 155px;
    max-width : 155px;
}

.categories {
    width     : 155px;
    max-width : 155px;
}

.topics {
    width     : 150px;
    max-width : 150px;
}

.topics_link {
    width: 350px !important;
}

.nav_label {
    line-height: 23px;
}

.new_menu_dropdown select {
    background-position : center right;
    background-repeat   : no-repeat;
    color               : #555;
    margin              : 0;
    overflow            : hidden;
    /*font-size: inherit;*/
    padding-top         : 2px;
    padding-bottom      : 2px;
    text-overflow       : ellipsis;
    white-space         : nowrap;
    background          : transparent;
    color               : white;
    border              : 0px;
    outline             : 0px;
}

.new_menu_search_buffer {
    float     : left;
    width     : 795px;
    min-width : 795px;
    max-width : 795px;
    display   : block;
    z-index   : 1;
}

.new_menu_search_buffer select {
    text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.2);
    behavior    : url(PIE.php);
}

.new_menu_search {
    padding-top : 8px;
    float       : right;
}

.language_select_div {
    position      : relative;
    width         : 25px;
    padding-top   : 4px;
    padding-right : 6px;
    padding-left  : 6px;
    border        : 0px;
    float         : right;
    line-height   : 12px;
    cursor        : pointer;
}

.copyright_content {
    font-family        : Arial;
    font-size          : 1em;
    text-align         : center;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding            : 4px;
    color              : #BBB;
    line-height        : 22px;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    /*border-bottom      : 1px dotted #CCC;*/
    padding-bottom     : 22px;
    padding-top        : 20px;
}

.small_copyright_under_logo .copyright_content {
    color         : #666;
    line-height   : 12px;
    text-align    : left;
    padding       : 0;
    border-bottom : none;
    padding-top   : 20px;
    padding-left  : 10px;
    position      : relative;
}

#mainbar {
    position : relative;
    /*margin-bottom:20px;*/
    width    : 100%; /*835*/
}

#sidebar {
    overflow      : hidden;
    float         : right;
    margin-bottom : 10px;
    width         : 100px;
}

.references_header {
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 1.8em;
}

.legislation_header {
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 1.3em;
}

.expired_product_span {
    color  : black;
    cursor : default
}

.paginationBoundingBox {
    padding : 10px 0px 10px 0px;
    z-index : 15;
}

.paginationBoundingBox:hover {
    background-color : #EFEFEF;
}

.paginationBoundingBoxDiv {
    padding : 0px 0px 0px 0px;
    display : inline-block;
    z-index : 15;
}

.paginationBoundingBoxDiv:hover {
    background-color : #EFEFEF;
}

.paginationBoundingBoxShowMore {
    padding     : 10px 0px 10px 0px;
    font-weight : bold;
    z-index     : 15;
}

.paginationBoundingBoxShowMore:hover {
    background-color : #EFEFEF;
}

.paginationRow {
    width         : 100%;
    min-height    : 48px;
    line-height   : 48px;
    border-top    : 1px dotted #CCC;
    border-bottom : 1px dotted #CCC;
    text-align    : right;
    z-index       : -2;
}

.paginationResultsText {
    position      : absolute;
    width         : 450px;
    height        : 48px;
    line-height   : 48px;
    text-align    : left;
    overflow      : hidden;
    z-index       : 1;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    color         : #444;
}

.pagination_row_other_product {
    width            : 100%;
    min-height       : 20px;
    line-height      : 20px;
    z-index          : -2;
    padding          : 10px;
    background-color : #f6f6f6;
    box-sizing       : border-box;
}

.morePaginationDiv {
    width            : 990px;
    min-height       : 40px;
    background-color : #FFF;
    float            : left;
    display          : none;
    margin-bottom    : 10px;
    border-bottom    : 1px dotted #CCC;
}

.ppSearchButton {
    background            : url("../images/searchglass.png") !important;
    -webkit-border-radius : 0px;
    color                 : rgb(255, 255, 255);
    position              : absolute;
    top                   : -2px;
    right                 : 0px;
    height                : 24px;
    line-height           : 26px;
    width                 : 26px;
    border                : none;
    padding               : 0px;
    margin                : 0 !important;
}

.ppSearchButton:hover {
    opacity : 0.7;
    cursor  : pointer;
}

#search_textbox {
    position : relative;
}

#search_button_span {
    line-height : 20px;
    height      : 20px;
}

#font_home_item_bottom {
    border-bottom-right-radius : 4px;
    border-bottom-left-radius  : 4px;
    z-index                    : 10;
    position                   : absolute;
    top                        : 236px;
    left                       : 0px;
    display                    : none;
    width                      : 1022px !important;
    text-decoration            : none;
    padding                    : 0.5em 1.1em;
    font-size                  : 1.4em;
    color                      : #FFF;
    background                 : gray;
    height                     : 40px;
    padding-top                : 10px;
    -moz-box-sizing            : border-box;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
}

#menuwrapper_ajax {
    /* BP - testing commit */
    margin-bottom : 40px;
}

#font_home_item_bottom:hover {
    opacity : 1 !important;
}

#paddingBar {
    height  : 50px;
    display : none;
}

.showTableOfContents {
    position    : absolute;
    right       : 20px;
    top         : 10px;
    color       : #0782C1;
    font-weight : bold;
}

.showTableOfContents:hover {
    cursor  : pointer;
    opacity : 0.8;
}

/* ///////////////////////////////////// */
/* Begin inline style class replacements */
/* ///////////////////////////////////// */

.reference, .source {
    background-color   : #F6F6F6;
    padding            : 5px 10px 5px 10px;
    width              : 100%;
    position           : relative;
    top                : 10px;
    color              : #444;
    font-size          : 10px;
    font-style         : normal;
    max-height         : 98px;
    overflow           : auto;
    text-decoration    : none;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-bottom      : 20px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    behavior         : url(PIE.php);
}

.obligation_source_header {
    font-weight : bold;
}

p.reference a.reference {
    padding          : 0px !important;
    background-color : transparent !important;
    color            : #093 !important;
    top              : 0px !important;
    font-size        : 1em !important;
    max-height       : auto !important;
}

.reference2 {
    background-color   : #F6F6F6;
    padding            : 5px 10px 5px 10px;
    width              : 100%;
    position           : relative;
    top                : 0px;
    color              : #444;
    font-size          : 10px;
    font-style         : normal;
    max-height         : 86px;
    overflow           : auto;
    text-decoration    : none;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    behavior         : url(PIE.php);
}

/* Any spans with a reference class are replaced with reference_span
 * as any reference spans should be divs at the bottom of the content
 * Turn off display: none to show red boxes where these occur.
 */
.reference_span {
    display          : none;
    background-color : #C00;
    padding          : 10px;
}

/* Green text, no background or positioning */
.reference3 {
    color           : #093;
    font-size       : 0.8em;
    font-style      : normal;
    text-decoration : none;
}

.obligation_source {
    font-size       : 0.8em;
    font-style      : normal;
    color           : #093;
    text-decoration : none;
    position        : relative;
    overflow        : auto;
    max-height      : 55px;
}

.obligation_source_box {
    padding            : 10px;
    top                : 10px;
    width              : 100%;
    background-color   : #F9F9F9;
    color              : #444 !important;
    border             : 2px solid #DDD;
    position           : relative;
    margin-bottom      : 20px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.obligation_source_highlighted {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-color   : #F7F7F7;
    padding            : 10px;
}

.content {
    color : #444;
}

.content_norm {
    padding-right : 10px;
    width         : 950px;
}

.title {
    font-size  : 14px;
    padding    : 0px 0px 10px 0px;
    width      : 100%;
    position   : relative;
    transition : all 0.5s;
}

.container_prview {
    position : relative;
}

.top_icon {
    position : absolute;
    right    : -20px;
    top      : -5px;
    opacity  : 0.6;
}

.img_icon img {
    opacity : 0.6;
}

.img_icon div.pr_dropdown_box_content img {
    opacity : 1 !important;
}

.img_icon img:hover {
    opacity : 1;
}

.img_icon a {
    position   : relative;
    top        : -8px;
    right      : 4px;
    opacity    : 0.6;
    font-size  : 14px;
    color      : #444;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter     : alpha(opacity=60);
}

.img_icon a:hover {
    opacity    : 1;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity=100);
}

.top_icon:hover {
    opacity : 1;
    cursor  : pointer;
}

.container {
    padding-bottom : 20px;
    border-bottom  : 1px dotted #CCC;
    margin-left    : auto;
    margin-right   : auto;
    position       : relative;
    color          : #444;
    padding-top    : 20px;
    width          : 100%;
    clear          : both;
}

#begin_pr_content {
    padding-top : 10px;
}

.lawguide_number_container {
    width       : 100px;
    float       : left;
    left        : 0px;
    top         : 0px;
    font-weight : bold;
    font-family : Roboto, Arial, Helvetica, sans-serif;
}

.lawguide_content_container {
    width : 790px;
    float : left;
    left  : 0px;
    top   : 0px;
}

.lawguide_title_container span.currency_text {
    width      : 100px;
    float      : right;
    text-align : right;
    right      : 25px !important;
}

/*exactly same as container but without the dotted border-bottom*/
.container_clean {
    padding-bottom : 6px;
    margin-left    : auto;
    margin-right   : auto;
    position       : relative;
    color          : #444;
    margin-bottom  : 10px;
    width          : 1022px !important;
}

.container_search {
    padding-bottom : 26px;
    border-bottom  : 1px dotted #AAA;
    margin-left    : auto;
    margin-right   : auto;
    position       : relative;
    margin-bottom  : 10px;
}

.xxintro {
    -moz-box-sizing : border-box;
    color           : #444;
    font-family     : Arial, Helvetica, sans-serif;
    font-weight     : 100 !important;
    line-height     : 110%;
    margin-right    : 0;
    padding         : 6px 0;
    text-align      : left;
    width           : 100% !important;
    line-height     : 18px;
}

.category {
    z-index    : 3;
    margin-top : -6px;
    width      : 100%;
}

.other_juris_dropdown {
    display: inline-block;
    z-index: 3;
    padding: 2px;
    border: 1px solid #FFF;
    margin-right: 4px;
}

.other_juris_dropdown:hover {
    border: 1px solid #DDD;
}

.pr_other_juri_dropdown_container {
    position: relative;
    display: inline-block;
    opacity: 0.5;
}

.pr_other_juri_dropdown_container:hover {
    opacity: 1;
}

.page_refresh {
    padding       : 2px;
    position      : absolute !important;
    right         : -30px;
    top           : -42px;
    float         : right;
    width         : 24px;
    height        : 22px;
    z-index       : 3 !important;
    cursor        : pointer;
    color         : #19AB49;
    border-radius : 100px;
    opacity       : 0.5;
}

.page_refresh:hover {
    opacity : 1;
    cursor  : pointer;
}

a.page_refresh active {
    top : 2px;
}

.dropdown_container {
    position : absolute;
    height   : 20px;
    width    : 200px;
    right    : 30px;
    top      : -44px;
    opacity  : 0.5;
}

.dropdown_container:hover {
    opacity : 1;
}

.currency_text {
    position  : absolute;
    color     : #808080;
    right     : 30px;
    top       : 0;
    font-size : 10px;
    text-align: right;
}

.currency_text_search {
    color        : #808080;
    float        : right;
    font-size    : 10px;
    margin-right : 14px;
    margin-top   : -30px;
}

#title {
    padding-right : 70px;
}

.currency_text_lawguides {
    position   : absolute;
    right      : 0px;
    color      : #808080;
    font-size  : 10px;
    text-align : right;
}

.currency_text_rolelink {
    position   : absolute;
    right      : 10px;
    top        : -12px;
    color      : #808080;
    font-size  : 10px;
    text-align : right;
    width      : 970px;
}

.currency_text_fourth {
    position   : absolute;
    right      : 40px;
    top        : -10px;
    color      : #808080;
    font-size  : 10px;
    text-align : right;
    width      : 200px;
}

#real25 {
    font-size  : 1.0em;
    width      : 100%;
    position   : relative;
    transition : all 0.5s;
}

.navtable_lawguides {
    margin-top                 : 20px;
    vertical-align             : top;
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    border-bottom              : 10px solid #0052BB;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    background-color           : #F6F6F6 !important;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    position                   : relative;
    margin-bottom              : 0px;
}

.navtable_lawguides td {
    vertical-align : top;
}

.navtable_safetylaw {
    margin-top                 : 20px;
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    border-bottom              : 10px solid #FC0;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    background-color           : #F6F6F6 !important;
    vertical-align             : top;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    position                   : relative;
    margin-bottom              : 0px;
}

.navtable_safetylaw td {
    vertical-align : top;
}

.navtable_envirolaw {
    margin-top                 : 20px;
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    border-bottom              : 10px solid #19AA4B;
    background-color           : #F6F6F6 !important;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    vertical-align             : top;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    position                   : relative;
    margin-bottom              : 0px;
}

.navtable_envirolaw td {
    vertical-align : top;
}

.navtable_rolelink {
    margin-top                 : 20px;
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    border-bottom              : 10px solid #990066;
    background-color           : #F6F6F6 !important;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    vertical-align             : top;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    position                   : relative;
    margin-bottom              : 0px;
}

.navtable_rolelink td {
    vertical-align : top;
}

.navtable_default, .navtable_blu, .navtable_juri {
    margin-top                 : 20px;
    margin-bottom              : 20px;
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    vertical-align             : top;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    background-color           : #F6F6F6 !important;
    border-bottom              : 10px solid #E6E6E6;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    position                   : relative;
    clear                      : both;
}

.navtable_juri {
    border-color : #E6E6E6 #E6E6E6 #548FBF;
    clear        : both;
}

.navtable_default td, .navtable_blu td, .navtable_juri td {
    vertical-align : top;
}

.spacer {
    height  : 20px;
    display : block;
    clear   : both;
}

.toc_table {
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    vertical-align             : top;
    background-color           : #F6F6F6 !important;
    border-bottom              : 10px solid #E6E6E6;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    margin-top                 : 10px;
    /*margin-bottom              : -40px;*/
    -moz-box-sizing            : border-box;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
    clear                      : both;
    position                   : relative;
    width                      : 100%;
}

.reference_table {
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    vertical-align             : top;
    background-color           : #F6F6F6 !important;
    border-bottom              : 5px solid #E6E6E6;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    margin-top                 : 10px;
    -moz-box-sizing            : border-box;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
    clear                      : both;
    position                   : relative;
    width                      : 95%;
}

.title_text {
    font-weight : bold;
    font-size   : 1.2em;
    padding-top : 10px;
    color       : #444;
}

.single_popup {
    font-size   : 1.4em !important;
    line-height : 140%;
    position    : relative;
}

/* Standardizing fonts */

.bold_standard {
    font-weight : bold;
    font-size   : 1.0em;
    font-family : Roboto, Arial, Helvetica, sans-serif;
}

.bold_standard .fa-bell {
    padding-right: 5px;
    color: #bbb;
}

.bold_standard .fa-bell:hover {
    cursor: pointer;
}

.blue_standard {
    color       : #0782C1;
    font-size   : 1.0em;
    text-shadow : 0px 1px 0px #FFF;
}

.bold_blue_standard {
    color       : #0782C1;
    font-size   : 1.0em;
    font-weight : bold;
}

.blue_standard {
    color     : #0782C1;
    font-size : 1.0em;
}

.standard {
    font-size : 1.0em;
}

.larger {
    font-size : 1.3em;
}

.bold_larger {
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    text-shadow    : 0px 1px 0px #FFF;
    font-weight    : bold;
    display        : block;
    color          : #444;
    padding-top    : 4px;
    padding-bottom : 10px;
    text-align     : left;
    border-bottom  : 1px dotted #999;
    font-size      : 1.7em;
    margin-bottom  : 0px;
    line-height    : 1.0em;
}

.flags_container {
    position: absolute;
    left: -100px;
    width: 90px;
}

.delete_container {
    background-color  : #C00;
    width             : 80px;
    height            : 20px;
    position          : relative;
    /*left              : -100px;*/
    text-align        : center;
    color             : #FFF;
    line-height       : 20px;
    padding-left      : 10px;
    font-weight       : bold;
    font-size         : 12px;
    border-radius     : 2px;
    background-repeat : no-repeat;
    border-bottom     : 1px solid #900;
    text-shadow       : 1px 1px 0px #700;
    background-image  : url('../images/flag_notch.png');
    margin-top: -2px;
    margin-bottom: 4px;
}

.draft_container {
    background-color  : #FC0;
    width             : 80px;
    height            : 20px;
    position          : relative;
    /*left              : -100px;*/
    /*top               : 9px;*/
    text-align        : center;
    color             : #FFF;
    line-height       : 20px;
    padding-left      : 10px;
    font-size         : 12px;
    border-radius     : 2px;
    background-image  : url('../images/flag_notch.png');
    background-repeat : no-repeat;
    font-weight       : bold;
    border-bottom     : 1px solid #DA0;
    text-shadow       : 1px 1px 0px #DA0;
    margin-top: -2px;
    margin-bottom: 4px;
}

.exclude_container {
    background-color  : #6d79ac;
    width             : 80px;
    height            : 20px;
    position          : relative;
    /*top               : 25px;*/
    /*left              : -100px;*/
    text-align        : center;
    color             : #FFF;
    line-height       : 20px;
    padding-left      : 10px;
    font-weight       : bold;
    font-size         : 12px;
    border-radius     : 2px;
    background-repeat : no-repeat;
    border-bottom     : 1px solid #6d79ac;
    text-shadow       : 1px 1px 0px #6d79ac;
    background-image  : url('../images/flag_notch.png');
    margin-top: -2px;
    margin-bottom: 4px;
}

.draft_container_date {
    opacity           : 0.5;
    position          : relative; /*absolute;*/
    /*left              : -100px;*/
    /*top               : 34px;*/
    background-image  : url('../images/icon_clock.png');
    background-repeat : no-repeat;
    width             : 86px;
    height            : 11px;
    line-height       : 11px;
    color             : #666;
    font-size         : 12px;
    font-weight       : 100;
    text-align        : right;
    margin-bottom: 6px;
}

.draft_container_date:hover {
    opacity : 1;
}

.linked_obligation_ul {
    list-style-type : none;
}

/* show hide button for linked obligation */
.admin_button {
    color          : #707070;
    font-size      : medium;
    vertical-align : bottom;
    text-align     : right;
    cursor         : pointer;
    margin-left    : 2em;
    text-shadow    : none !important;
}

.loading_spiral_holder {
    position : relative;
    left     : 400px;
    width    : 200px;
    height   : 200px;
    top      : 0px;
}
.tiny_spiral_holder {
    position : relative;
    text-align: center;
}

.full_page_loading_spiral {
    position    : relative;
    width       : 200px;
    height      : 200px;
    left        : 50%;
    margin-left : -100px;
    text-align  : center;
    font-size   : 24px;
    font-weight : normal;
    color       : #555;
}

.audit_report_data_tr .reference {
    top : 0px !important;
}

.admin_dash_container {
    width      : 1010px;
    overflow-x : hidden;
}

.admin_dash_module {
    width            : 203px;
    height           : 122px;
    padding          : 10px;
    background-color : #F6F6F6;
    border-bottom    : 3px solid #CCC;
    border-radius    : 10px;
    float            : left;
    margin-right     : 12px;
    margin-left      : 12px;
    margin-bottom    : 20px;
}

.admin_dash_icon {
    width               : 100%;
    height              : 64px;
    background-position : center;
    background-repeat   : no-repeat;
}

.admin_dash_title {
    width      : 100%;
    text-align : center;
    font-size  : 18px;
    color      : #666;
    margin     : 8px 0px 8px 0px;
}

.dash_left {
    float : left;
}

.dash_right {
    float : right;
}

.dash_full {
    width : 186px !important;
}

.admin_dash_button_disabled {
    background-color : #666;
    border-bottom    : 2px solid #444;
    border-radius    : 3px;
    color            : #FFF;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    width            : 81px;
    text-align       : center;
    opacity          : 0.2;
}

.admin_dash_button {
    cursor           : pointer;
    background-color : #19AB49;
    border-bottom    : 2px solid #008000;
    border-radius    : 3px;
    color            : #FFF;
    cursor           : pointer;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    width            : 81px;
    text-align       : center;
}

.admin_dash_button:hover {
    opacity : 0.7;
}

.admin_dash_button:active {
    border        : none;
    opacity       : 1;
    top           : 2px;
    margin-bottom : -28px;
}

.admin_dash_headerbar {
    background-color : #F6F6F6;
    padding          : 10px;
    border-bottom    : 4px solid #EEE;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
    position         : relative;
    width            : 100%;
    left             : -15px;
    top              : -15px;
}

.admin_dash_headerbar_sub {
    background-color : #F6F6F6;
    padding          : 10px;
    border-bottom    : 4px solid #EEE;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
    position         : relative;
    width            : 100%;
    left             : -14px;
    top              : 0px;
}

.admin_dash_spacer {
    height : 10px;
}

.admin_module_container {
    margin-left  : auto;
    margin-right : auto;
}

.search_results_container {
    border-collapse : collapse;
    width           : 100%;
    margin-bottom   : 30px;
    margin-top      : 10px;
}

.search_results_container th {
    background-color : #E6E6E6;
    padding          : 10px;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
}

.search_results_container td {
    padding       : 3px 0px 3px 10px;
    font-size     : 12px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.search_results_container tr a {
    display : inline-block;
    height  : 100%;
    width   : 100%
}

.search_results_container tr.alt {
    background-color : #F1F1F1;
    padding          : 3px;
}

.search_results_container_v2 {
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    border-collapse : collapse;
    width           : 100%;
    margin-bottom   : 30px;
    margin-top      : 10px;
}

.search_results_container_v2 th {
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    background-color : #E6E6E6;
    padding          : 10px;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
}

.search_results_container_v2 td {
    padding   : 3px 0px 3px 5px;
    font-size : 12px;
}

.search_results_container_v2 tr a {
    height : 100%;
    width  : 100%
}

.search_results_container_v2 tr:nth-child(odd) {
    background-color : #F1F1F1;
    padding          : 3px;
}

.message {
    margin-top         : 10px;
    margin-bottom      : 10px;
    margin-left        : auto;
    margin-right       : auto;
    width              : 100%;
    padding            : 10px;
    background-color   : #F6F6F6;
    border-left        : 2px solid #EEE;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    border-radius: 3px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.msuccess {
    border-left : 5px solid #19AB49;
}

.minformation {
    border-left : 5px solid #18559A;
}

.mwarning {
    border-left : 5px solid #FC0;
}

.merror {
    border-left : 5px solid #C00;
}

div.message.minformation.dark,
div.message.msuccess.dark,
div.message.mwarning.dark,
div.message.merror.dark {
    background-color : #444 !important;
    color            : #EEE !important;
}

.message_header {
    font-size      : 12px;
    text-transform : uppercase;
    width          : 100%;
    border-bottom  : 1px solid #DDD;
    padding        : 0px 0px 2px 0px;
    font-weight    : bold;
    margin-bottom  : 6px;
}

div.message_header.dark {
    border-bottom : 1px solid #333;
}

.close_link_button {
    position         : relative;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #F00;
    border-bottom    : 2px solid #C00;
    z-index          : 200;
    right            : -20px;
    top              : -20px;
    width            : 24px;
    height           : 22px;
    background-image : url("/interface/assets/images/admin_close_button.png");
}

.close_link_button:hover {
    opacity : 0.7;
    cursor  : pointer;
}

.close_link_button:active {
    border-bottom : none;
    top           : 2px;
}

.green_button {
    cursor           : pointer;
    background-color : #19AB49;
    border-bottom    : 2px solid #008000;
    border-radius    : 3px;
    color            : #FFF;
    cursor           : pointer;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    position         : relative;
    clear            : both;
}

.green_button:hover {
    opacity : 0.7;
}

.green_button:active {
    border     : none;
    opacity    : 1;
    margin-top : -10px;
}
.blue_button {
    background-color : #447EC0;
    border-radius    : 3px;
    color            : #FFF;
    cursor           : pointer;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    position         : relative;
    clear            : both;
}

.blue_button:hover {
    opacity : 0.9;
}
.blue_button:active {
    border     : none;
    opacity    : 1;
    margin-top : -10px;
}


.load_more {
    position : absolute !important;
    right    : 24px;
    bottom   : 20px;
    width    : 60px;
}

.docked_php_box {
    background-color : #FFF;
    width            : 99%;
    height           : 110px;
    color            : #000;
    padding          : 30px 10px 10px 10px;
    position         : fixed;
    margin-left      : auto;
    margin-right     : auto;
    left             : 0px;
    right            : 0px;
    bottom           : -160px;
    overflow-y       : scroll;
    opacity          : 0;
    z-index          : 100000;
    box-shadow       : 0px -30px 20px #444;
}

.docked_box_header {
    background-color : #F6F6F6;
    padding          : 10px 10px 6px 10px;
    border-bottom    : 4px solid #CCC;
    border-top       : 2px solid #EEE;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
    position         : fixed;
    width            : 100%;
    left             : -5px;
    bottom           : 140px;
    height           : 22px;
    z-index          : 1000;
}

#refresh_indicator {
    position   : absolute;
    width      : 100px;
    height     : 18px;
    text-align : right;
    top        : 10px;
    right      : 650px;
}

.errorlog_button {
    width      : 100px;
    text-align : center;
}

.errorlog_button:active {
    margin-top    : -2px !important;
    border-bottom : 0px !important;
}

.bootstrap_input_fix {
    height : 28px;
}

.bootstrap_span_input_fix {
    height : 20px;
}

.bootstrap_admin_left_fix
{
    padding: 0px !important;
    width: 174px !important;
}

.bootstrap_margin_compatible_fix
{
    margin-bottom: 10px;
}

.close_dock_button {
    float            : left;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #F00;
    border-bottom    : 2px solid #C00;
    z-index          : 200;
    right            : -20px;
    margin-top       : -4px;
    margin-right     : 10px;
    width            : 24px;
    height           : 22px;
    background-image : url("/interface/assets/images/admin_close_button.png");
}

.close_dock_button:hover {
    opacity : 0.7;
    cursor  : pointer;
}

.close_dock_button:active {
    border-bottom : none;
    top           : 2px;
}

.saved_changes_success {
    background-color : #19AB49;
    border-bottom    : 5px solid #008000;
    width            : 100%;
    height           : 25px;
    line-height      : 25px;
    font-size        : 18px;
    font-weight      : bold;
    text-align       : center;
    color            : #FFF;
    padding          : 10px;
    position         : fixed;
    margin-left      : auto;
    margin-right     : auto;
    left             : 0px;
    right            : 0px;
    top              : -100px;
    display          : inline-table;
    opacity          : 0;
    z-index          : 100000;
}

.saved_changes_success:hover, .saved_changes_fail:hover {
    cursor : pointer;
}

.saved_changes_fail {
    background-color : #F00;
    border-bottom    : 4px solid #C00;
    width            : 100%;
    height           : 25px;
    line-height      : 25px;
    font-size        : 18px;
    font-weight      : bold;
    text-align       : center;
    color            : #FFF;
    padding          : 10px;
    position         : fixed;
    margin-left      : auto;
    margin-right     : auto;
    left             : 0px;
    right            : 0px;
    top              : -100px;
    display          : inline-table;
    opacity          : 0;
    z-index          : 100000;
}

.admin_module_container {
    position : relative;
    height   : 500px;
    width    : 8000px;
}

.admin_page {
    float  : left;
    width  : 1022px;
    height : 500px;
}

.admin_dash_nav_button_right {
    width               : 100px;
    height              : 100px;
    background-color    : #000;
    opacity             : 0.8;
    position            : absolute;
    top                 : 250px;
    right               : -83px;
    background-image    : url('../../../admin_tools/assets/imgs/arrow_right.png');
    background-position : 0px 0px;
    transition          : background-position 0.2s;
}

.admin_dash_nav_button_right:hover {
    background-position : 10px 0px;
    cursor              : pointer;
}

.admin_dash_accept_button {
    width               : 100px;
    height              : 100px;
    background-color    : #000;
    opacity             : 0.8;
    position            : absolute;
    top                 : 250px;
    right               : -83px;
    background-image    : url('../../../admin_tools/assets/imgs/dashboard_done.png');
    background-position : 0px 0px;
    transition          : all 0.2s;
}

.admin_dash_accept_button:hover {
    background-color : #19AB49;
    cursor           : pointer;
    transition       : all 0.2s;
}

.admin_dash_nav_button_left {
    width               : 100px;
    height              : 100px;
    background-color    : #000;
    opacity             : 0.8;
    position            : absolute;
    top                 : 250px;
    left                : -83px;
    background-image    : url('../../../admin_tools/assets/imgs/arrow_left.png');
    background-position : 0px 0px;
    transition          : background-position 0.2s;
}

.admin_dash_nav_button_left:hover {
    background-position : -10px 0px;
    cursor              : pointer;
}

.admin_dash_close_button_left {
    width               : 100px;
    height              : 100px;
    background-color    : #000;
    opacity             : 0.8;
    position            : absolute;
    top                 : 250px;
    left                : -83px;
    background-image    : url('../../../admin_tools/assets/imgs/dashboard_cancel.png');
    background-position : 0px 0px;
    transition          : all 0.2s;
}

.admin_dash_close_button_left:hover {
    background-color : #C00;
    cursor           : pointer;
    transition       : all 0.2s;
}

.admin_dash_nav_left_page {
    width            : 92px;
    padding          : 4px;
    font-size        : 14px;
    font-weight      : bold;
    text-align       : center;
    background-color : #000;
    color            : #FFF;
    opacity          : 0.8;
    position         : absolute;
    top              : 360px;
    left             : -83px;
}

.admin_dash_nav_right_page {
    width            : 92px;
    padding          : 4px;
    font-size        : 14px;
    font-weight      : bold;
    text-align       : center;
    background-color : #000;
    color            : #FFF;
    opacity          : 0.8;
    position         : absolute;
    top              : 360px;
    right            : -83px;
}

.admin_dash_stream {
    width    : 990px;
    position : relative;
}

.admin_help {
    position : absolute !important;
    top      : 14px;
    right    : 10px;
    z-index  : 1000;
    height   : 14px;
}

.admin_help:hover {
    opacity : 0.5;
    cursor  : pointer;
}

.admin_help:active {
    top      : 26px !important;
    position : absolute !important;
}

.admin_dash_close_button {
    position : absolute !important;
    top      : 6px;
    right    : 46px
}

.admin_dash_module_hint {
    position         : absolute;
    width            : 203px;
    height           : 122px;
    padding          : 10px;
    background-color : #F6F6F6;
    border-bottom    : 3px solid #CCC;
    border-radius    : 10px;
    margin-left      : -194px;
    margin-top       : -10px;
    font-size        : 11px;
    display          : none;
    line-height      : 15px;
    pointer-events   : none;
    z-index          : 10000;
}

.admin_dash_module_hint_icon {
    position         : absolute;
    margin-left      : 184px;
    margin-top       : 0px;
    width            : 16px;
    height           : 16px;
    background-image : url('../../../admin_tools/assets/imgs/dashboard/help_icon.png');
    opacity          : 0.2;
    z-index          : 10000;
}

.admin_dash_module_hint_icon:hover {
    cursor  : help;
    opacity : 0.95;
}

.clear_cache_user {
    position         : absolute;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #19AB49;
    border-bottom    : 2px solid #008000;
    z-index          : 200;
    left             : 60px;
    top              : 6px;
    width            : 24px;
    height           : 22px;
    background-image : url('../../../admin_tools/assets/imgs/dashboard/clear_cache.png');
}

.clear_cache_user:hover {
    opacity : 0.5;
    cursor  : pointer;
}

.clear_cache_user:active {
    top    : 8px;
    border : none;
}

.clear_cache_button {
    position         : relative;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #19AB49;
    border-bottom    : 2px solid #008000;
    z-index          : 200;
    right            : 90px;
    top              : -10px;
    width            : 24px;
    height           : 22px;
    background-image : url('../../../admin_tools/assets/imgs/dashboard/clear_cache.png');
}

.clear_cache_button:hover {
    opacity : 0.5;
    cursor  : pointer;
}

.clear_cache_button:active {
    top    : -8px;
    border : none;
}

.clear_cache_button_all {
    position         : relative;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #FB2;
    border-bottom    : 2px solid #D90;
    z-index          : 200;
    right            : 60px;
    top              : -34px;
    width            : 24px;
    height           : 22px;
    background-image : url('../../../admin_tools/assets/imgs/dashboard/clear_cache_all.png');
}

.clear_cache_button_all:hover {
    opacity : 0.5;
    cursor  : pointer;
}

.clear_cache_button_all:active {
    top    : -8px;
    border : none;
}

.unset_session {
    position            : relative;
    text-decoration     : none;
    color               : white;
    font-weight         : bold;
    border-radius       : 3px;
    background-color    : #222;
    border-bottom       : 2px solid #000;
    z-index             : 200;
    right               : 150px;
    top                 : -58px;
    width               : 24px;
    height              : 22px;
    text-align          : center;
    font-size           : 18px;
    background-repeat   : no-repeat;
    background-position : center;
    background-image    : url('../../../admin_tools/assets/imgs/dashboard/poison_death_and_despair.png');
}

.unset_session:hover {
    cursor  : pointer;
    opacity : 0.5;
}

.unset_session span {
    padding-top : 2px;
    text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.dock_php_button {
    position         : absolute;
    text-decoration  : none;
    color            : white;
    font-weight      : bold;
    border-radius    : 3px;
    background-color : #19AB49;
    border-bottom    : 2px solid #008000;
    z-index          : 200;
    right            : 120px;
    top              : 14px;
    width            : 24px;
    height           : 22px;
    background-image : url('../../../admin_tools/assets/imgs/dashboard/dock_php.png');
}

.dock_php_button:hover {
    opacity : 0.5;
    cursor  : pointer;
}

.dock_php_button:active {
    top    : 16px;
    border : none;
}

.http_status_table tr:hover {
    background-color : #F6F6F6;
}

.http_status_table th {
    background-color : #F6F6F6;
    padding          : 10px;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
}

.edit_menu_table {
    width : 100%;
}

.edit_menu_table tr:hover {
    background-color : #EEE;
}

.edit_menu_table th {
    background-color : #E6E6E6;
    padding          : 10px;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
}

.edit_menu_table td {
    padding : 6px 0px 6px 10px;
}

.edit_menu_table tr:nth-child(even) {
    background-color : #F5F5F5;
}

.edit_menu_table tr:nth-child(odd) {
    background-color : #FFF;
}

.dashboard_refresh_button {
    cursor           : pointer;
    background-color : #777;
    border-bottom    : 2px solid #555;
    border-radius    : 3px;
    color            : #FFF;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-top       : -4px;
    position         : absolute;
    right            : 5px;
}

.dashboard_refresh_button:hover {
    opacity : 0.7;
}

.dashboard_refresh_button:active {
    margin-top : -2px;
    border     : none;
    opacity    : 1;
}

.prodlist_button {
    cursor           : pointer;
    background-color : #777;
    border-bottom    : 2px solid #555;
    border-radius    : 3px;
    color            : #FFF;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-top       : -5px;
    float            : right;
}

.prodlist_button:hover {
    opacity : 0.7;
}

.prodlist_button:active {
    margin-top : -2px;
    border     : none;
    opacity    : 1;
}

.simple_button {
    cursor      : pointer;
    color       : #666;
    font-size   : 0.8em;
    font-weight : 100;
    padding     : 4px 8px;
    margin-top  : -5px;
    float       : right;
}

.simple_button:hover {
    color : #222 !important;
}

.send_to_top_button {
    display          : none;
    opacity          : 0.7;
    background-color : #000;
    background-image : url("../images/top_arrow.png");
    width            : 50px;
    height           : 50px;
    border-radius    : 6px;
    position         : fixed;
    bottom           : 10px;
    right            : 20px;
    z-index          : 9999;
}

.send_to_top_button:hover {
    opacity : 1;
    cursor  : pointer;
}

.send_to_top_button_clickable {
    position      : absolute;
    width         : 50px;
    height        : 50px;
    border-radius : 6px;
}

.updates_table {
    width        : 100%;
    table-layout : fixed;
}

.updates_table td {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

#topic_dropdown_container_updates {
    background-color : #E6E6E6;
    width            : 100%;
    height           : 40px;
    text-align       : center;
    position         : relative;
}

#topic_dropdown_container_updates select {
    border    : 1px solid #DDD;
    padding   : 3px;
    font-size : 14px;
}

.updates_wrapper {
    width         : 100%;
    margin-bottom : 20px;
    clear         : both;
    position      : relative;
}

.updates_subheader {
    font-size        : 16px;
    font-weight      : bold;
    color            : #444;
    width            : 100%;
    height           : 30px;
    line-height      : 30px;
    text-align       : center;
    position         : relative;
    margin-top       : 10px;
    background-color : #E6E6E6;
    clear            : both;
    position         : relative;
    display          : block;
}

.updates_subheader:hover {
    opacity : 0.9;
    cursor  : pointer;
}

.updates_subheader .right {
    position : absolute;
    right    : 0;
    top      : 0;
}

.updates_print_container {
    width    : auto;
    right    : 150px;
    top: 0px;
    position : absolute;
}

.updates_expand_all_container {
    width    : auto;
    top      : 0px;
    right    : 0px;
    position : absolute;
}

.updates_wrapper .year_block {
    height          : 47px;
    line-height     : 16px;
    font-size       : 16px;
    font-weight     : bold;
    color           : #444;
    text-align      : center;
    position: relative;
    box-sizing      : border-box;
    -moz-box-sizing : border-box; /* Firefox */
    /*border-top      : 4px solid #F6F6F6;*/
    opacity         : 0.7;
    transition      : all 0.1s;
}

.updates_wrapper .year_block:hover {
    background-color : #F0F0F0;
    cursor           : pointer;
    /*border-top       : 4px solid #DDD;*/
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
    opacity          : 1 !important;
    transition       : all 0.1s;
}

.updates_wrapper .month_block {
    height          : 52px;
    line-height     : 16px;
    font-size       : 16px;
    font-weight     : bold;
    color           : #444;
    opacity         : 0.7;
    position: relative;
    text-align      : center;
    box-sizing      : border-box;
    -moz-box-sizing : border-box; /* Firefox */
    /*border-bottom   : 4px solid #F6F6F6;*/
    /*transition      : all 0.1s;*/
}

.updates_wrapper .month_block:hover {
    background-color : #F0F0F0;
    cursor           : pointer;
    /*border-bottom    : 4px solid #DDD;*/
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
    opacity          : 1 !important;
    /*transition       : all 0.1s;*/
}

.update_selected {
    background-color : #E5E5E5;
    /*border-bottom    : 4px solid #DDD;*/
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
    opacity          : 1 !important;
}

.update_selected_year {
    background-color : #E5E5E5;
    /*border-top       : 4px solid #DDD;*/
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
    opacity          : 1 !important;
}

.update_content_display_container {
    line-height: 1.3em !important;
}


.update_content_display_container table {
    /*float           : left;*/
    /*border-collapse : collapse;*/
    /*width            : 100% !important;*/
    background-color : #EAEAEA !important;
    border           : 1px solid #CCC;
    margin-top       : 10px;
    margin-bottom    : 10px;
    padding          : 2px;
}

.update_content_display_container table tr:nth-child(odd) {
    background-color : #F1F1F1 !important;
}

.update_content_display_container table td {
    width  : auto !important;
    border : 0px solid #FFF !important;
}

.update_content_display_container table blockquote {
    padding : 0px !important;
    margin  : 0 !important;
}

.update_content_display_container table p {
    padding : 0px !important;
    margin  : 0 !important;
}

.update_content_display_container table th {
    width            : auto !important;
    border           : 0px solid #FFF !important;
    background-color : #444;
    color            : #FFF;
}

.update_content_display_container .source {
    font-size: 10px !important;
}

.update_content_display_container .source .heading {
    font-size: 10px !important;
}

.balloon_custom table {
    /*float           : left;*/
    border-collapse  : collapse;
    width            : 100%;
    background-color : transparent !important;
    /*border           : none !important;*/
    margin-top       : 10px;
    margin-bottom    : 10px;
    padding          : 2px;
}

.balloon_custom table td {
    width   : auto !important;
    padding : 5px;
    /*border : 2px solid #444 !important;*/
}

.balloon_custom table tr:nth-child(odd) {
    background-color : transparent !important;
}

.year_block_count {
    font-size   : 10px;
    font-weight : normal;
    height      : 10px;
    color       : #999;
    margin-top  : -2px;
}

.bar_title {
    font-size   : 28px;
    color       : #888;
    width       : 100px;
    height      : 50px;
    line-height : 50px;
    text-align  : right;
    float       : left;
}

.year_bar {
    background-color : #F6F6F6;
    height           : 48px;
    width            : 100%;
    overflow         : hidden;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
}

.month_bar {
    background-color : #F6F6F6;
    width            : 100%;
    height           : 48px;
    overflow         : hidden;
    margin-top       : -1px;
    margin-bottom    : 0px;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box;
    border-top       : 1px solid rgba(0,0,0,0.1);
}

.year_bar table {
    border-collapse : collapse !important;
    padding         : 0px !important;
    margin          : 0px !important;
}

.month_bar table {
    border-collapse : collapse !important;
    padding         : 0px !important;
    margin          : 0px !important;
}

.updates_navbar_loading {
    width       : 100%;
    text-align  : center;
    font-size   : 26px;
    color       : #888;
    width       : 100px;
    height      : 50px;
    line-height : 100px;
    width       : 1022px;
    position    : absolute;
}

.updates_content_container {
    display       : block;
    margin-top    : 0px;
    margin-bottom : 0px;
    clear         : both;
}

.updates_content_lg #reference_link_image {
    display    : none;
    visibility : collapse;
}

.update_block_content:hover .update_strikethrough {
    /* UNCOMMENT TO HIDE REMOVED PARTS ON HOVER
    visibility: collapse;
    display: none;
    */
}

.updates_header {
    clear       : both;
    margin-top  : -54px;
    width       : 100%;
    height      : 40px;
    line-height : 40px;
    font-weight : bold;
    text-align  : left;
    font-size   : 16px;
    position    : absolute;
    z-index     : 100;
}

.updates_header .left {
    padding-left : 10px;
    width        : 35%;
    float        : left;
    z-index      : 200;
}

.updates_header .right {
    float        : right;
    text-align   : right;
    margin-right : 5px;
    width        : 45%;
    z-index      : 200;
    margin-top   : 7px;
    right: 0px;
}

.uh_default {
    background-color : #F6F6F6;
    border-bottom    : 2px solid #F0F0F0;
    color            : #444;
    margin-bottom    : 10px;
}

.uh_lawguides {
    background-color : #18559A;
    border-bottom    : 2px solid #103979;
    text-shadow      : 0px 2px 1px #103979;
    color            : #FFF;
    margin-bottom    : 10px;
}

.uh_envirolaw {
    background-color : #19AB49;
    border-bottom    : 2px solid #0D8A47;
    text-shadow      : 0px 2px 1px #0D8A47;
    color            : #FFF;
    margin-bottom    : 10px;
}

.uh_safetylaw {
    background-color : #F0B608;
    border-bottom    : 2px solid #C09106;
    text-shadow      : 0px 2px 1px #C09106;
    color            : #FFF;
    margin-bottom    : 10px;
}

.uh_hsebulletin {
    background-color : #548FBF;
    border-bottom    : 2px solid rgb(67, 114, 152);
    text-shadow      : 0px 2px 1px rgb(67, 114, 152);
    color            : #FFF;
    margin-bottom    : 10px;
}

.uh_blu {
    background-color : #548FBF;
    border-bottom    : 2px solid rgb(67, 114, 152);
    text-shadow      : 0px 2px 1px rgb(67, 114, 152);
    color            : #FFF;
    margin-bottom    : 10px;
}

#blu_month, #blu_year, #save_blu_keyword {
    float : left;
}

#save_blu_keyword {
    margin-left : 25px;
}

#save_blu_keyword span {
    margin : 0 !important;
    top    : 0 !important;
}

.updates_blurb {
    width            : 100%;
    background-color : #F6F6F6;
    border-left      : 10px solid #E0E0E0;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
    color            : #444;
    font-size        : 12px;
    margin-bottom    : 10px;
    position         : relative;
    overflow         : hidden;
    border-radius    : 2px;
    box-shadow       : 0px 1px 0px #DDD;
}

.updates_blurb p {
    padding : 10px;
    margin  : 0 !important;
    width: 100%;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
}

.updates_blurb:hover .updates_dropdown_icon {
    opacity : 1;
}

.updates_blurb_email {
    width            : 100%;
    background-color : #F6F6F6;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
    color            : #444;
    font-size        : 12px;
    margin-bottom    : 10px;
    position         : relative;
    border-left      : 10px solid #E0E0E0;
}

.updates_blurb_email p {
    padding : 10px;
    margin  : 0 !important;
}

.updates_blurb_email:hover .updates_dropdown_icon {
    opacity : 1;
}

.updates_note {
    width            : 100%;
    background-color : #F6F6F6;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
    color            : #444;
    font-size        : 12px;
    margin-bottom    : 10px;
    position         : relative;
    border-left      : 10px solid #E0E0E0;
    padding          : 10px;
    border-radius    : 2px;
    transition       : border-radius 0.5s;
    box-shadow       : 0px 1px 0px #DDD;
}

.updates_note p {
    padding : 10px;
    margin  : 0 !important;
}

.updates_note:hover .updates_dropdown_icon {
    opacity : 1;
}

.update_content_heading {
    font-size   : 14px;
    font-weight : bold;
    color       : #444;
}

.update_content_heading_main {
    font-size   : 12px;
    font-weight : bold;
    color       : #444;
}

.update_content_heading_category {
    font-size : 12px;
    color     : #444;
    position  : relative;
    display   : block;
    top       : 0px;
    left      : 0px;
}

.update_content_heading_topic {
    font-size : 12px;
    color     : #444;
    position  : relative;
    display   : block;
    top       : 0px;
    left      : 0px;
}

.update_content_heading_title {
    font-size     : 24px;
    font-weight   : bold;
    margin-top    : 10px;
    margin-bottom : 14px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
}

.update_content_heading_change {
    font-size : 12px;
    color     : #CD0A0A !Important;
}

.update_block {
    background-color   : #F6F6F6;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    clear              : both;
    transition         : border-radius 0.5s;
    margin-bottom      : 16px;
    border-radius      : 2px;
    transition         : border-radius 0.5s;
    box-shadow         : 0px 1px 0px #DDD;
    behavior         : url(PIE.php);
}

.update_block_ref {
    background-color   : #F6F6F6;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    clear              : both;
    margin-bottom      : 10px;
    border-radius      : 2px;
    transition         : border-radius 0.5s;
    box-shadow         : 0px 1px 0px #DDD;
}

.update_block_content {
    padding  : 10px;
    color    : #444;
    width    : 1000px;
    position : relative;
    clear    : both;
}

.update_block_content .reference,
.update_block_content .reference2,
.update_block_content .source {
    position         : relative;
    display          : inline-block;
    background-color : transparent;
    height: auto;
    max-height: 1000px;
    margin-bottom: 20px;
    background-color: #EEE;
}

.update_block_content .reference a,
.update_block_content .reference2 a {
    position : relative;
}

.update_block_content .pr_dropdown_icon,
.update_block_content .pr_dropdown_box {
    top: 5px;
    right: 5px;
}

.updates_details_container {
    line-height: 20px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-bottom: 10px;
}

.updates_horizontal_rule {
    width         : 100%;
    border-bottom : 2px solid #DDD;
    height        : 1px;
    margin-top    : 10px;
    margin-bottom : 16px;
}

.header_subheading {
    font-size      : 10px;
    text-transform : uppercase;
    opacity        : 0.7;
    position       : absolute;
    top            : -9px;
    left           : 6px;
}

.header_heading {
    font-size   : 16px;
    font-weight : bold;
    position    : absolute;
    top         : 7px;
    left        : 6px;
}

#subheader_hide {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 3px;
    position         : absolute;
    top              : 3px;
    right            : 1px;
    display          : inline;
    height           : 14px;
    line-height      : 15px !important;
}

#subheader_hide:hover {
    opacity : 0.7;
}

#subheader_hide:active {
    top     : -100px;
    border  : none;
    opacity : 1;
}

#subheader_show {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 3px;
    position         : absolute;
    top              : 3px;
    right            : 1px;
    display          : inline;
    height           : 14px;
    line-height      : 15px !important;
    text-shadow      : none !important;
}

#subheader_show:hover {
    opacity : 0.7;
}

#subheader_show:active {
    top     : -28px;
    border  : none;
    opacity : 1;
}

#header_hide {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    position         : relative;
    top              : -1px;
}

#header_hide:hover {
    opacity : 0.7;
}

#header_hide:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

#header_show {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    position         : relative;
    top              : -1px;
}

#header_show:hover {
    opacity : 0.7;
}

#header_show:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

.audit_report_data_tr .reference {
    top : 0px !important;
}

#banner {
    visibility : hidden;
    height     : 0px !important;
}

.client_messenger {
    width            : 500px;
    position         : absolute;
    top              : 110px;
    right            : 0px;
    height           : 60px;
    color            : #444;
    font-size        : 12px;
    padding          : 10px;
    line-height      : 14px;
    background-color : #FFF;
    z-index          : 11;
    overflow         : hidden;
    transition       : all 0.2s;
    behavior         : url(PIE.php);
}

.client_messenger_overlay {
    position   : absolute;
    width      : 100%;
    height     : 100%;
    top        : 0px;
    left       : 0px;
    z-index    : 2;
    background : -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background : -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background : -o-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background : -ms-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background : linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    behavior   : url(PIE.php);
}

.client_messenger:hover {
    top        : 110px;
    position   : absolute;
    height     : auto;
    padding    : 10px;
    box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.2);
    transition : all 0.2s;
    z-index    : 10000;
    background : #FFF;
    cursor     : help;
    behavior   : url(PIE.php);
}

.client_messenger:hover .client_messenger_overlay {
    /*background : none !important;*/
    /*background : transparent !Important;*/
    /*filter     : none !important;*/
    /*behavior   : url(PIE.php);*/
    display : none;
}

.messenger {
    width             : 500px;
    position          : absolute;
    bottom            : 10px;
    right             : 0px;
    height            : 50px;
    color             : #444;
    font-size         : 12px;
    padding           : 10px;
    background-image  : url('../images/block_image.png');
    background-repeat : no-repeat;
    opacity           : 0;
    background-color  : #FFF;
    line-height       : 14px;
    z-index           : 10;
}

.messenger:hover {
    cursor  : pointer;
    opacity : 1 !important;
}

.messenger p {
    padding-left : 70px;
    margin       : 0px;
    margin-top   : -3px;
}

#audit_updated_header {
    background-color : #FFA500;
    border-bottom    : 4px solid #CC8500;
}

.cr_user_fix:active {
    top : 12px !important;
}

.dropdown_div_rolelink {
    width         : 100%;
    margin-bottom : 10px;
    clear         : both;
    margin-top    : 3px;
    margin-left   : 3px
}

.pp_big_heading {
    font-size     : 30px;
    color         : #666;
    font-weight   : 100;
    margin-top    : 10px;
    margin-bottom : 0px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    font-weight   : 500;
}

.pp_heading_image {
    background-image    : url('../images/rebrand/mm_web_logo_environment_essentials.png');
    background-position : right;
    width               : 112px;
    height              : 81px;
    float               : right;
    margin-top          : -10px;
    background-repeat   : no-repeat;
    padding-left        : 10px;
}

.pp_heading {
    color          : #666;
    font-size      : 18px;
    font-weight    : bold;
    width          : 100%;
    padding-bottom : 4px;
    border-bottom  : 1px solid #D6D6D6;
    margin-bottom  : -6px;
    margin-top     : 30px;
}

.updates_blurb .updates_dropdown_icon {
    right : 6px;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform : rotate(0deg);
    }
    to {
        -webkit-transform : rotate(359deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform : rotate(0deg);
    }
    to {
        -moz-transform : rotate(359deg);
    }
}

@keyframes rotate {
    from {
        transform : rotate(0deg);
    }
    to {
        transform : rotate(359deg);
    }
}

.updates_dropdown_icon {
    width               : 22px;
    height              : 22px;
    position            : absolute;
    right               : 8px;
    top                 : 8px;
    background-image    : url("../images/pr_dropdown_icon.png");
    opacity             : 0.4;
    background-repeat   : no-repeat;
    background-position : center;
    border-radius       : 20px;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
}

.updates_dropdown_icon:hover {
    opacity                           : 1 !important;
    cursor                            : pointer;
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 1s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : ease-in-out;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 1s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : ease-in-out;
    animation-name                    : rotate;
    animation-duration                : 1s;
    animation-iteration-count         : infinite;
    animation-timing-function         : ease-in-out;
}

.update_block_content:hover .updates_dropdown_icon {
    opacity : 1;
}

.pr_dropdown_icon {
    width               : 22px;
    height              : 22px;
    position            : absolute;
    right               : 0px;
    top                 : -4px;
    background-image    : url("../images/pr_dropdown_icon.png");
    opacity             : 0.4;
    background-repeat   : no-repeat;
    background-position : center;
    border-radius       : 20px;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    z-index             : 2;
}

.pr_dropdown_icon:hover {
    opacity                           : 1 !important;
    cursor                            : pointer;
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 1s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : ease-in-out;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 1s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : ease-in-out;
    animation-name                    : rotate;
    animation-duration                : 1s;
    animation-iteration-count         : infinite;
    animation-timing-function         : ease-in-out;
}

.container:hover .pr_dropdown_icon {
    opacity : 0.8;
}

.container_search:hover .pr_dropdown_icon {
    transition : opacity 0.5s;
    opacity    : 0.8;
}

.pr_dropdown_box {
    background-color : #FAFAFA;
    border-radius    : 2px;
    /*border-bottom    : 3px solid #D6D6D6;*/
    box-shadow       : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    position         : absolute;
    top              : 0px;
    right            : 0px;
    display          : none;
    width            : 300px;
    height           : auto;
    z-index          : 10010;
    overflow         : hidden;
    /*behavior : url(PIE.php);*/
}

.pr_dropdown_box_content {
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    max-height         : 300px;
    overflow-y         : auto;
    overflow-x         : hidden;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.pr_dropdown_link_item {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    padding            : 8px 0px 8px 36px;
    font-weight        : bold;
    position           : relative;
}

.pr_dropdown_link_item:hover {
    cursor           : pointer;
    color            : #FFF;
    background-color : #19AA4B;
}

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

.kw_dropdown_icon {
    width               : 22px;
    height              : 22px;
    position            : absolute;
    right               : 10px;
    top                 : 10px;
    background-image    : url("../images/pr_dropdown_icon.png");
    opacity             : 0.2;
    background-repeat   : no-repeat;
    background-position : center;
    border-radius       : 20px;
    -moz-box-sizing     : border-box;
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
}

.kw_dropdown_icon:hover {
    opacity                           : 1 !important;
    cursor                            : pointer;
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 1s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : ease-in-out;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 1s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : ease-in-out;
    animation-name                    : rotate;
    animation-duration                : 1s;
    animation-iteration-count         : infinite;
    animation-timing-function         : ease-in-out;
}

.container:hover .kw_dropdown_icon {
    transition : opacity 0.5s;
    opacity    : 0.6;
}

.container_search:hover .kw_dropdown_icon {
    transition : opacity 0.5s;
    opacity    : 0.6;
}

.kw_dropdown_box {
    background-color : #FEFEFE;
    border-radius    : 5px;
    border-bottom    : 3px solid #D6D6D6;
    box-shadow       : 0px 0px 10px #D6D6D6;
    position         : absolute;
    right            : 10px;
    top              : 10px;
    display          : none;
    width            : 300px;
    height           : auto;
    z-index          : 2;
    overflow         : hidden;
}

.kw_dropdown_box_content {
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.kw_dropdown_link_item {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    padding            : 8px 0px 8px 36px;
    font-weight        : bold;
    position           : relative;
}

.kw_dropdown_link_item:hover {
    cursor           : pointer;
    color            : #FFF;
    background-color : #19AA4B;
}

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

#copyveil {
    background-image : url('../images/copyveil_bg.png');
    width            : 1920px;
    height           : 1200px;
    position         : fixed;
    z-index          : 75536;
    display          : none;
    top              : 0px;
    left             : 0px;
}

.copyveil_text_container {
    width            : 400px;
    height           : 80px;
    background-color : #000;
    opacity          : 0.8;
    border-radius    : 10px;
    text-align       : center;
    position         : fixed;
    left             : 50%;
    margin-left      : -200px;
    top              : 50%;
    margin-top       : -40px;
}

.copyveil_title {
    font-size   : 30px;
    font-weight : bold;
    color       : #FFF;
    margin-top  : 28px;
}

#link_handling_topmenu {
    clear : both;
}

.pr_dropdown_admin_divider {
    border-top         : 2px solid #E6E6E6;
    border-bottom      : 2px solid #E6E6E6;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    padding            : 2px 0px 2px 10px;
    color              : #AAA;
    background-color   : #F6F6F6;
    font-weight        : 100;
    text-transform     : uppercase;
}

.loading_text {
    width       : 100%;
    margin-top  : 20px;
    line-height : 30px;
    text-align  : center;
    font-size   : 26px;
    color       : #444;
    font-weight : 100;
}

p a.reference, div a.reference {
    padding          : 0px !important;
    background-color : transparent !important;
    color            : #093 !important;
    top              : 0px !important;
    font-size        : 1em !important;
    max-height       : auto !important;
}

.update_type_table td {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

/* backwards compatibility for updates pages */
#backwards_compatibility_div .critical, #backwards_compatibility_div .style14, #backwards_compatibility_div .style7 {
    color : #F00;
}

#backwards_compatibility_div .headingbig {
    margin-top    : 20px;
    display       : block;
    position      : relative;
    margin-bottom : 30px;
    clear         : both;
}

#backwards_compatibility_div span.reference, #backwards_compatibility_div s {
    background-color : transparent !important;
    padding          : 0 !important;
    top              : 0 !important;
    font-size        : 1em !important;
}

#backwards_compatibility_div {
    width : 800px !important;
}

.updates_nav_table {
    border-top                 : 1px solid #E6E6E6;
    border-left                : 1px solid #E6E6E6;
    border-right               : 1px solid #E6E6E6;
    background-color           : #F6F6F6 !important;
    border-bottom              : 10px solid #E6E6E6;
    border-bottom-left-radius  : 10px;
    border-bottom-right-radius : 10px;
    background-image           : url("../images/navtable_bg.png");
    background-position        : right center;
    background-repeat          : no-repeat;
    -moz-box-sizing            : border-box;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
}

.updates_table_reset {
    float: none;
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.updates_table_reset tr {
    background-color: transparent !important;
}

.updates_table_reset td {
    padding: 2px;
}

.update_block_content table tr:nth-child(even),
.updates_note table tr:nth-child(even)
{
    background-color: #F1F1F1 !important;
}

.new_float_container {
    height             : 28px;
    width              : 1022px;
    position           : fixed;
    top                : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    z-index            : 100;
}

.new_float_container_subcontainer {
    height             : 28px;
    width              : auto;
    display            : inline-block;
    position           : absolute;
    right              : 84px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-color   : #222;
    text-align         : center;
    z-index            : 2;
}

.new_float_display_name {
    color       : #FFF;
    text-shadow : 0px 1px 0px #000;
    line-height : 28px;
    padding     : 0px 20px 0px 20px;
    font-size   : 12px;
}

.new_float_container_update_date {
    height             : 28px;
    width              : auto;
    display            : inline-block;
    left               : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-color   : #222;
    text-align         : center;
    color              : #AAA;
    text-shadow        : 0px 1px 0px #000;
    line-height        : 28px;
    padding            : 0px 20px 0px 20px;
    font-size          : 12px;
    font-weight        : bold;
    z-index            : 2;
}

.new_float_settings_cog {
    width               : 28px;
    height              : 28px;
    background-color    : #434343;
    position            : absolute;
    background-image    : url("../images/new_float_cog.png");
    background-position : center;
    right               : -84px;
    top                 : 0px;
    transition          : opacity 0.5s;
}

.new_float_help {
    width               : 28px;
    height              : 28px;
    background-color    : #373737;
    position            : absolute;
    background-image    : url("../images/help_icon.png");
    background-position : 0px -56px;
    right               : -56px;
    top                 : 0px;
    transition          : opacity 0.5s;
    z-index             : 2;
}

.new_float_notification_button {
    width               : 28px;
    height              : 28px;
    background-color    : #434343;
    position            : absolute;
    right               : -28px;
    top                 : 0px;
    transition          : opacity 0.5s;
    z-index             : 2;
}

.new_float_notification_button span {
    font-size: 14px;
    color: #BBB;
    line-height: 28px;
}

.new_float_notification_badge {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #C00;
    color: #FFF;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
    line-height: 10px;
    padding: 2px 4px 2px 4px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 10px;
    font-family: Consolas;
}

.notification_panel_main {
    position         : absolute;
    width            : 500px;
    height           : 500px;
    right            : 0px;
    top              : 40px;
    background-color : #FFF;
    border-radius    : 2px;
    box-shadow       : 0px 0px 5px rgba(0, 0, 0, 0.5);
    behavior         : url(PIE.php);
    z-index          : 100000;
    padding-bottom   : 50px;
    box-sizing       : border-box;
}

.notification_panel_scrolled .notification_panel_main:before
{
    right: 32px;
}

.notification_panel_scrolled .notification_panel_main
{
    top: 45px;
}

.notification_panel_main:before {
    content:"\A";
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #F6F6F6 transparent;
    position: absolute;
    top: -10px;
    right: 60px;
}

.notification_panel_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100002;
    display: none;
}

.notification_panel_centering {
    width: 1022px;
    margin: 0 auto;
    position: relative;
    z-index: 10000;
}

.notification_panel_veil {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    background-color: rgba(0,0,0,0.2);
    z-index: 9000;
}

.notification_panel_header {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background-color: #F6F6F6;
    color: #444;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.panel_header_right {
    position: absolute;
    right: 15px;
    color: #999;
}

.panel_header_right:hover {
    cursor: pointer;
    text-decoration: underline;
}

.notification_panel_header .fa-bell {
    padding-right: 10px;
    color: #CCC;
}

.notification_panel_footer {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #F6F6F6;
    color: #999;
    font-size: 12px;
    border-top: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0px;
    text-align: right;
}

.notification_panel_content {
    position: absolute;
    height: 83%;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.notification_panel_no_notifications {
    width: 100%;
    top: 30%;
    text-align: center;
    position: absolute;
    font-size: 24px;
    color: #EEE;
}

.notification_panel_no_notifications span {
    font-size: 70px;
    color: #EEE;
    display: block;
    margin-bottom: 10px;
}

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

.new_float_container_scrolled .new_float_notification_button {
    line-height: 38px;
}

.new_float_container_scrolled .new_float_help {
    background-position: 0px 3px !important;
}

.new_float_container_scrolled .new_float_open_ase,
.new_float_container_scrolled .new_float_open_autologin,
.new_float_container_scrolled .new_float_open_dashboard {
    line-height: 34px;
}

.new_float_container_scrolled {
    /*z-index: 1600;*/
    height: 34px;
    background-color: #444;
}

.new_float_goto_admin {
    width              : 120px;
    height             : 28px;
    background-color   : #434343;
    position           : absolute;
    left               : -120px;
    top                : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    line-height        : 28px;
    color              : #FFF;
    padding            : 0px 10px 0px 10px;
    transition         : opacity 0.5s;
}

.new_float_exit_admin {
    width              : 120px;
    height             : 28px;
    background-color   : #434343;
    position           : absolute;
    left               : -120px;
    top                : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    line-height        : 28px;
    color              : #FFF;
    padding            : 0px 10px 0px 10px;
    transition         : opacity 0.5s;
}

.new_float_goto_admin:hover, .new_float_exit_admin:hover,
.new_float_settings_cog:hover, .new_float_open_dashboard:hover,
.new_float_open_ase:hover, .new_float_open_ase:hover,
.new_float_help:hover, .new_float_notification_button:hover,
.new_float_open_autologin:hover, .new_float_display_name:hover {
    cursor     : pointer;
    opacity    : 0.8;
    transition : opacity 0.2s;
    z-index    : 2;
}

.new_float_open_dashboard {
    width               : 32px;
    height              : 28px;
    background-color    : #222;
    /*background-image    : url("../images/new_float_dashboard.png");*/
    /*background-position : center;*/
    text-align: center;
    color: #FFF;
    line-height: 30px;
    font-size: 18px;
    position            : absolute;
    left                : -152px;
    top                 : 0px;
    transition          : opacity 0.5s;
}

.new_float_open_autologin {
    width               : 32px;
    height              : 28px;
    background-color    : #444;
    /*background-image    : url("../images/autologin.png");*/
    /*background-position : center;*/
    text-align: center;
    color: #FFF;
    line-height: 29px;
    font-size: 16px;
    position            : absolute;
    left                : -184px;
    top                 : 0px;
    transition          : opacity 0.5s;
}

.new_float_open_ase {
    width               : 32px;
    height              : 28px;
    background-color    : #222;
    font-weight: 100;
    text-align: center;
    color: #FFF;
    line-height: 28px;
    font-size: 16px;
    position            : absolute;
    left                : -216px;
    top                 : 0px;
    transition          : opacity 0.5s;
}

.new_float_header_test_site {
    height             : 28px;
    width              : auto;
    display            : inline-block;
    box-sizing         : border-box;
    text-align         : center;
    color              : #FFF;
    text-shadow        : 0px 1px 0px #600;
    line-height        : 28px;
    padding            : 0px 10px 0px 10px;
    font-size          : 12px;
    font-weight        : bold;
    z-index            : 2;
    margin-left        : -4px;
}

.new_float_header_test_site span {
    padding-right: 5px;
}

.test_site_color {
    background-color   : #F0B608; /*yellow*/
}

.dev_site_color {
    background-color   : #C00; /*red*/
}

.staging_site_color {
    background-color   : #19AB49; /*green*/
}

.autologin_container {
    height           : 52px;
    width            : 282px;
    background-color : #434343;
    border-bottom    : 4px solid #222;
    position         : absolute;
    top              : 28px;
    right            : -28px;
}

#auto_login_select {
    width              : 262px;
    padding            : 5px;
    font-size          : 12px;
    border             : 1px solid #222;
    color              : #FFF;
    background-color   : #434343;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-top         : 10px;
    margin-left        : 10px;
    border-radius      : 100px;
}

.new_float_dropmenu {
    height           : 78px;
    width            : 282px;
    background-color : #434343;
    border-bottom    : 4px solid #222;
    position         : absolute;
    top              : 28px;
    right            : 0px;
    z-index          : 2;
}

.new_menu_float_table td {
    width        : 141px;
    height       : 26px;
    color        : #FFF;
    text-shadow  : 0px 1px 1px #222;
    padding-left : 32px;
    font-size    : 12px;
    position     : relative;
}

.new_menu_float_table td a {
    color : #FFF !important;
}

.new_float_menu_clickable {
    position : absolute;
    left     : -30px;
    top      : -6px;
    display  : inline-block;
    width    : 141px;
    height   : 26px;
}

.new_menu_float_table td img {
    margin-left     : -22px;
    padding-right   : 12px;
    vertical-align  : text-top;
    opacity         : 0.5;
    background-size : 16px 16px;
}

.new_float_table_image {
    width               : 16px;
    height              : 16px;
    position            : absolute;
    left                : -24px;
    background-position : 0px 0px;
}

.new_menu_float_table td:hover .new_float_table_image {
    background-position : 0px -16px;
    opacity             : 1;
}

.new_menu_float_table td:hover img {
    opacity : 1;
}

.new_menu_float_table td:hover {
    background-color : #555;
    cursor           : pointer;
}

.float_font_reset {
    width    : 80px;
    height   : 26px;
    position : absolute;
    left     : 30px;
    top      : 0px;
}

.new_float_container strong {
    color : #AAA;
}

.admin_global_message_div {
    height     : 300px;
    width      : 1024px;
    text-align : center;
}

.admin_global_message_img {
    width    : 16px;
    position : absolute;
    right    : 250px;
    top      : 0;
    cursor   : pointer;
}

.admin_global_message_img_style2 {
    width  : 16px;
    cursor : pointer;
}

.updates_subheader_description {
    width            : 100%;
    background-color : #F6F6F6;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
    color            : #444;
    font-size        : 12px;
    border-left      : 10px solid #E6E6E6;
    position         : relative;
    margin-bottom    : 10px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px #DDD;
}

.updates_subheader_description p {
    padding : 10px;
    margin  : 0;
}

.no_updates {
    width               : 100%;
    height              : 34px;
    line-height         : 34px;
    font-weight         : bold;
    font-size           : 16px;
    text-align          : center;
    border-bottom       : none !important;
    background-image    : url("../images/uh_info_icon.png");
    background-position : 2px center;
    background-repeat   : no-repeat;
    margin-bottom       : 0px;
    margin-top          : 10px;
}

.no_updates_large {
    width            : 100%;
    position         : relative;
    height           : 50px;
    background-color : #F6F6F6;
    box-shadow       : 0px 1px 0px #DDD;
    border-radius    : 3px;
    overflow         : hidden;
    margin-bottom    : 10px;
    behaviour        : url(PIE.php);
}

.no_updates_large span {
    font-size : 36px;
    position  : absolute;
    top       : 7px;
    left      : 30%;
}

.no_updates_large_text {
    position    : absolute;
    width       : 90%;
    right       : 0px;
    top         : 18px;
    height      : 30px;
    font-size   : 16px;
    color       : #666;
    font-weight : bold;
}

.no_updates_small_text {
    position       : absolute;
    width          : 90%;
    right          : 0px;
    top            : 8px;
    height         : 30px;
    font-size      : 10px;
    text-transform : uppercase;
    color          : #999;
    font-weight    : bold;
}

.updates_click {
    padding-left : 36px;
    width        : 94%;
    z-index: 2;
    position: relative;
}

.updates_click:hover {
    cursor  : pointer;
    opacity : 0.7;
}

.updates_reference_glass {
    position         : absolute;
    width            : 20px;
    height           : 20px;
    top              : 8px;
    right            : 36px;
    opacity          : 0.2;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter           : alpha(opacity=20);
    transition       : all 0.2s;
    /*-ms-transform-origin:  5px 5px;*/
    /*-webkit-transform-origin:  5px 5px;*/
    transform-origin : 15px 15px;
}

.updates_reference_glass:hover {
    opacity                           : 1;
    transition                        : all 0.2s;
    -webkit-animation                 : glass_icon 2s; /* Chrome, Safari, Opera */
    animation                         : glass_icon 2s;
    -webkit-animation-timing-function : ease-in-out;
    animation-timing-function         : ease-in-out;
    -webkit-animation-iteration-count : 1;
    animation-iteration-count         : 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes glass_icon {
    0% { -ms-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg); }
    33% { -ms-transform   : rotate(20deg);
        -webkit-transform : rotate(20deg);
        transform         : rotate(20deg); }
    66% { -ms-transform   : rotate(-20deg);
        -webkit-transform : rotate(-20deg);
        transform         : rotate(-20deg); }
    100% { -ms-transform  : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg); }
}

/* Standard syntax */
@keyframes glass_icon {
    0% { -ms-transform    : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg); }
    33% { -ms-transform   : rotate(20deg);
        -webkit-transform : rotate(20deg);
        transform         : rotate(20deg); }
    66% { -ms-transform   : rotate(-20deg);
        -webkit-transform : rotate(-20deg);
        transform         : rotate(-20deg); }
    100% { -ms-transform  : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg); }
}

.highlight_results {
    display : block;
}

.unhighlight_results {
    display : none;
}

#updates_hidden_message {
    font-size     : 14px;
    position      : absolute;
    top           : 0px;
    width         : 600px;
    right         : 0px;
    padding-right : 10px;
    font-weight   : 300;
    z-index       : 10;
}

#updates_hidden_message .admin_button {
    font-weight : 1000 !important;
    font-size   : 14px;
    margin-left : 0px;
}

.update_ref_counter {
    padding       : 5px;
    color         : #FFF;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    border-radius : 20px;
    font-size     : 14px;
    font-weight   : bold;
    text-align    : center;
    position      : absolute;
    top           : 0;
    left          : 10px;
    width         : auto;
    min-width     : 16px;
    line-height   : 10px;
}

.update_ref_counter:hover {
    cursor : default;
}

.update_ref_counter_none:hover {
    cursor : default;
}

.update_ref_counter_none {
    padding          : 5px;
    background-color : #DDD;
    box-shadow       : 0px 1px 0px #CCC;
    color            : #AAA;
    border-radius    : 20px;
    font-size        : 14px;
    font-weight      : bold;
    text-align       : center;
    position         : absolute;
    top              : 0;
    left             : 10px;
    width            : 16px;
    line-height      : 10px;
}

.help_container_title {
    box-sizing      : border-box;
    -moz-box-sizing : border-box; /* Firefox */
    padding-left    : 20px;
    line-height     : 33px;
    font-weight     : bold;
    text-align      : center;
    font-size       : 16px;
    width           : 100%;
    height          : 36px;
    position        : relative;
    clear           : both;
}

.help_container {
    width        : 1022px;
    margin-right : 10px;
    position     : relative;
}

.help_icon_container {
    margin-right        : 10px;
    margin-bottom       : 10px;
    width               : 1022px;
    background-color    : #F6F6F6;
    background-image    : url("../images/navtable_bg.png");
    background-position : right center;
    background-repeat   : no-repeat;
    box-sizing          : border-box;
    -moz-box-sizing     : border-box; /* Firefox */
    position            : relative;
}

.help_quickguide_icon_two,
.help_quickguide_icon {
    width               : 117px;
    height              : 117px;
    position            : absolute;
    top                 : 10px;
    right               : 10px;
    background          : url('../images/qg_icon.png');
    background-position : 0px -4px;
}

.help_quickguide_icon_two {
    top                 : 137px;
}

.help_quickguide_icon_two p,
.help_quickguide_icon p {
    position   : relative;
    top        : 67px;
    width      : 100%;
    box-sizing : border-box;
    padding    : 0px 12px;
}
.qg_safetylaw,
.qg_lawguides,
.qg_envirolaw {
    background-color : #19AB49;
    border-bottom    : 4px solid #0D8A47;
    border-radius    : 10px;
    color            : #FFF;
    text-shadow      : 0px 2px 0px #0D8A47;
    font-weight      : bold;
    text-align       : center;
    font-size        : 12px;
}

.qg_safetylaw {
    background-color : #F0B608;
    border-bottom    : 4px solid #E69808;
    text-shadow      : 0px 2px 0px #E69808;
}

.qg_lawguides {
    background-color : #18559A;
    border-bottom    : 4px solid #103979;
    text-shadow      : 0px 2px 0px #103979;
}

.help_quickguide_icon_two:hover,
.help_quickguide_icon:hover {
    opacity : 0.9;
    cursor  : pointer;
}

.help_quickguide_icon_two:active,
.help_quickguide_icon:active {
    top           : 14px;
    border-bottom : none;
    cursor        : pointer;
    opacity       : 1;
}

.help_quickguide_icon_two:active {
    top           : 141px;
}

.help_contact_numbers {
    width      : 860px;
    position   : relative;
    right      : 0px;
    top        : 0px;
    min-height : 150px;
    clear      : both;
    overflow   : hidden;
}

.help_contact_card {
    position       : relative;
    top            : 0px;
    vertical-align : text-top;
    width          : 400px;
    min-height     : 150px;
}

.help_contact_details {
    vertical-align : text-top;
    position       : relative;
    top            : 10px;
    left           : 10px;
    width          : 380px;
    color          : #666;
    table-layout   : fixed;
}

.help_divider {
    height : 4px;
}

.help_contact_details strong {
    color     : #444;
    font-size : 16px;
}

.contact_row td {
    width : 50%;
}

.help_address {
    font-size : 12px;
    margin    : 10px;
}

.contact_row td:first-child {
    font-weight : bold;
    color       : #666;
    font-size   : 14px;
    width       : 20% !important;
}

.contact_row td:nth-child(2) {
    font-size : 14px;
}

.notify_close_icon {
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -8px;
    color: #FFF;
    background-color: rgba(0,0,0,1);
    border: 2px solid #FFF;
    border-radius: 20px;
    height: 16px;
    width: 16px;
    opacity: 0.2;
    text-align: center;
    line-height: 15px;
    transition: all 0.2s;
}

.notify_close_icon:hover {
    cursor: pointer;
    opacity: 1;
    transition: all 0.2s;
    border: 2px solid #000;
}

.notify_close {
    position          : absolute;
    display           : block;
    right             : 20px;
    top               : 10px;
    width             : 32px;
    height            : 32px;
    background-image  : url("/interface/assets/images/admin_close_button_dark.png");
    background-repeat : no-repeat;
    opacity           : 0.4;
}

.notify_close:hover {
    cursor  : pointer;
    opacity : 1;
}

.bulletin_cluster_heading {
    font-weight : bold;
    font-size   : 18px;
    color       : #548FBF;
    position    : relative;
}

/*This is nav tab for bulletin*/
#nav {
    clear        : both;
    width        : 100%;
    overflow     : hidden;
    padding-left : 0px;
}

#bulletin_whole_content {
    width         : 100%;
    overflow      : hidden;
    min-height    : 500px;
    height        : auto !important;
    margin-bottom : 15px;
}

#nav li a.current {
    background-color : white;
    color            : black;
    border-color     : #CCC;
}

#nav li a, #nav li a:visited {
    display          : block;
    float            : left;
    line-height      : 30px;
    padding          : 0 15px;
    background-color : #548FBF;
    text-transform   : uppercase;
    color            : #FFF;
    text-decoration  : none;
    margin-right     : 1px;
    border-top       : 1px solid #000;
    border-right     : 1px solid #000;
    border-left      : 1px solid #000;
}

/*CSS USED FOR UFD (Unobtrusive Fast-filter Dropdown) > https://code.google.com/p/ufd/wiki/Usage*/
.ufd {
    display     : -moz-inline-stack;
    display     : inline-block;
    position    : relative;
    white-space : nowrap;
}

.ufd,
.ufd input,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li {
    border  : 0;
    margin  : 0;
    padding : 0;
}

.ufd,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li {
    overflow : hidden;
}

.ufd select,
#ufd-container .invisible,
.ufd.invisible {
    display : none;
}

.ufd input,
.ufd button {
    position           : relative;
    float              : left;

    /* quirks mode correction: http://www.quirksmode.org/css/box.html */
    box-sizing         : content-box;
    -moz-box-sizing    : content-box;
    -ms-box-sizing     : content-box;
    -webkit-box-sizing : content-box;
}

.ufd button.disabled {
    cursor : default;
}

.ufd input.disabled {
    color : graytext;
}

#ufd-container div.list-wrapper {
    position : absolute;
}

#ufd-container ul {
    list-style-type : none;
}

#ufd-container li {
    cursor      : pointer;
    height      : 20px;
    display     : block;
    white-space : nowrap;
}

span.ufd.plain {
    height           : 18px;
    background-color : #B5B8C8; /* http://blog.toolman.geek.nz/2009/12/annoying-ie6-bug-of-day.html */
    border           : 1px solid #B5B8C8;
}

span.ufd.plain-focus {
    background-color : #757888;
    border           : 1px solid #757888;
}

.ufd.plain input {
    line-height : 16px !important;
    height      : 16px;
    padding     : 1px 3px;
    border      : 0px;
    width       : 600px;
}

.ufd.plain input.disabled {
    color            : #777;
    background-color : #EEE !important;
}

.ufd.plain input.focus {
}

.ufd.plain button {
    width       : 18px;
    height      : 18px;
    margin-left : 1px; /* for divider */
    background  : url("../images/icons/dropdown.gif") no-repeat 0px 0px;
}

.ufd.plain button.focus {
}

.ufd.plain button.hover {
    background-position : -18px 0px;
}

.ufd.plain button.mouseDown {
    background-position : -36px 0px;
}

.ufd.plain button.disabled {
    background-position : -54px 0px !important;
}

/* dropdown */
#ufd-container .plain div.list-scroll {
    border           : 1px solid #757888;
    border-top-width : 0px;
    background-color : #FFF;
    width            : 626px;
}

#ufd-container .plain div.list-wrapper-up div.list-scroll {
    border-top-width    : 1px;
    border-bottom-width : 0px;
}

#ufd-container .plain li {
    padding-left : 5px;
}

#ufd-container .plain li em {
    font-weight : bold;
    font-style  : normal;
}

#ufd-container .plain li.active {
    background-color : highlight;
    color            : highlighttext;
}

/*END OF CSS FOR UFD*/

/* Commented out, style change means these are no longer required */
/*.insert_update_note {*/
/*width           : 100%;*/
/*border-radius   : 5px;*/
/*height          : 44px;*/
/*margin-bottom   : 10px;*/
/*transition      : height 0.2s;*/
/*line-height     : 40px;*/
/*font-size       : 16px;*/
/*color           : #888;*/
/*text-align      : center;*/
/*overflow        : hidden;*/
/*box-sizing      : border-box;*/
/*-moz-box-sizing : border-box; *//**//* Firefox */
/*}*/

/*.insert_update_note strong {*/
/*background-color : #F6F6F6;*/
/*padding          : 3px 6px 3px 6px;*/
/*border-radius    : 5px;*/
/*border-bottom    : 2px solid #CCC;*/
/*}*/

/*.insert_update_note:hover {*/
/*cursor  : pointer;*/
/*opacity : 0.8;*/
/*}*/

.update_note_triangle {
    width         : 0;
    height        : 0;
    border-top    : 50px solid transparent;
    border-left   : 100px solid #E6E6E6;
    border-bottom : 50px solid transparent;
}

.update_header_controls {
    width    : 400px;
    height   : 28px;
    position : absolute;
    right    : 10px;
    top      : 7px;
}

.update_header_control_group {
    width       : 45%;
    float       : right;
    margin-left : 20px;
    height      : 28px;
    line-height : 28px;
    text-align  : left;
    position    : relative;
    color       : #FFF;
}

.update_header_control_group:hover {
    opacity : 0.8;
    cursor  : pointer;
}

.update_header_control_switch {
    width            : 56px;
    background-color : #000;
    height           : 22px;
    line-height      : 28px;
    position         : absolute;
    right            : 0px;
    top              : 2px;
    opacity          : 0.2;
    border-radius    : 10px;
}

.update_header_control_switch_button {
    width            : 18px;
    height           : 18px;
    background-color : #FFF;
    position         : absolute;
    right            : 2px;
    top              : 4px;
    border-radius    : 10px;
}

.cache_div_warning {
    position         : fixed;
    bottom           : 0px;
    width            : 100%;
    left             : 0px;
    z-index          : 1000;
    box-sizing       : border-box;
    -moz-box-sizing  : border-box; /* Firefox */
    padding          : 10px;
    text-align       : center;
    color            : #FFF;
    background-color : #C00;
    font-size        : 12px;
}

.cache_div_warning a {
    color           : #FFF;
    text-decoration : underline;
    font-weight     : bold;
}

.cache_div_warning a:hover {
    color           : #FFF;
    text-decoration : underline;
    font-weight     : bold;
}

.grey_button {
    cursor           : pointer;
    background-color : #333;
    border-bottom    : 2px solid #000;
    border-radius    : 3px;
    color            : #FFF;
    cursor           : pointer;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    position         : relative;
    opacity          : 0.4;
    margin-left      : 10px;
    transition       : all 0.2s;
}

.grey_button:hover {
    opacity    : 0.7;
    transition : all 0.2s;
}

.grey_button:active {
    border        : none;
    opacity       : 1;
    top           : 2px;
    margin-bottom : -28px;
    transition    : all 0.2s;
}

.draggable_side {
    background-image  : url("../../../admin_tools/assets/imgs/draggable_bg.png");
    background-repeat : repeat-y;
    width             : 20px;
    height            : 100%;
    position          : absolute;
    left              : -24px;
    top               : 0px;
}

.draggable_side:hover {
    cursor : move;
}

.draggable_mode_notice {
    position         : fixed;
    top              : 50px;
    left             : 50%;
    width            : 700px;
    margin-left      : -350px;
    height           : 50px;
    line-height      : 34px;
    font-size        : 24px;
    font-weight      : bold;
    color            : #FFF;
    text-align       : center;
    z-index          : 150000;
    background-color : rgba(0, 0, 0, 0.7);
    border-radius    : 10px;
    padding          : 10px;
}

.draggable_mode_notice:hover {
    opacity : 0.8;
    cursor  : pointer;
}

@-webkit-keyframes loading {
    from {
        -webkit-transform : rotate(359deg);
    }
    to {
        -webkit-transform : rotate(0deg);
    }
}

@-moz-keyframes loading {
     from {
         -moz-transform : rotate(359deg);
     }
     to {
         -moz-transform : rotate(0deg);
     }
}

@keyframes loading {
    from {
        transform : rotate(359deg);
    }
    to {
        transform : rotate(0deg);
    }
}

.loading_spiral_small {
    height                            : 26px;
    width                             : 26px;
    position                          : relative;
    right                             : 0px;
    background-image                  : url('../images/loading_small.png');
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 0.5s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : linear;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 0.5s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : linear;
    animation-name                    : rotate;
    animation-duration                : 0.5s;
    animation-iteration-count         : infinite;
    animation-timing-function         : linear;
}

.loading_spiral_audit_small {
    height           : 26px;
    width            : 26px;
    position         : relative;
    right            : 0px;
    background-image : url('../images/loading_small.png');
    behaviour        : url(PIE.php);
    border-radius    : 50%;
}

.loading_spiral_small_typeahead {
    z-index                           : 1500;
    width                             : 26px !important;
    height                            : 26px !important;
    padding                           : 0 !important;
    margin                            : 0 !important;
    background-image                  : url('../images/loading_small.png');
    background-position               : center center;
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 0.5s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : linear;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 0.5s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : linear;
    animation-name                    : rotate;
    animation-duration                : 0.5s;
    animation-iteration-count         : infinite;
    animation-timing-function         : linear;
    position                          : absolute !important;
    right                             : 106px !important;
    top                               : -18px !important;
}

.bulletin_navtable {
    width          : 100%;
    table-layout   : fixed;
    color          : #333;
    vertical-align : text-top;
}

.bulletin_navtable td {
}

.bulletin_navtable td {
    vertical-align : top;
}

.bulletin_navtable .overflow_table_cell {
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.bulletin_navtable td:nth-child(odd) { background-color : #F6F6F6; }

.bulletin_navtable td:nth-child(even) { background-color : #F6F6F6; }

.bulletin_navtable td:hover {
    background-color : #EEE;
    cursor           : pointer;
}

.bulletin_navtable a {
    display : block;
    width   : 100%;
    height  : 20px;
    padding : 4px 2px 4px 6px;
}

.current {
    background-color : #548FBF !important;
    color            : #FFF;
}

.current:hover {
    opacity : 0.8;
    color   : #FFF;
}

.current a {
    color : #FFF !important;
}

.bulletin_navtable th {
    background-color : #E6E6E6;
    padding          : 10px;
    color            : #666;
    font-weight      : bold;
    font-size        : 14px;
    text-align       : left;
}

/* NEW DASHBOARD RELATED STUFF
 	Currently not in use - WIP */

#dashboard_veil {
    position         : fixed;
    background-color : rgba(0, 0, 0, 0.7);
    left             : 50%;
    visibility       : hidden;
    z-index          : 1200;
    overflow         : hidden;
}

#dashboard_viewport {
    width       : 1025px;
    left        : 50%;
    margin-left : -511px;
    position    : absolute;
    overflow-x  : visible;
    overflow-y  : scroll;
    z-index     : 5000;
}

.dashboard_label {
    transition       : all 0.5s;
    color            : #FFF;
    background-color : rgba(0, 0, 0, 0.7);
    padding          : 3px 7px 2px 7px;
    text-transform   : uppercase;
    width            : auto;
    display          : inline;
    font-weight      : bold;
    letter-spacing   : 0px;
}

.dashboard_table td:hover {
    transition       : all 0.5s;
    background-color : rgba(255, 255, 255, 1);
    color            : #000;
    cursor           : pointer;
}

.dashboard_close {
    transition       : all 0.5s;
    position         : absolute;
    right            : 8px;
    top              : 100px;
    height           : 55px;
    width            : 55px;
    background-color : #C00;
    background-image : url("../images/dashboard_close_large.png");
    opacity          : 0.8;
}

.dashboard_close:hover {
    transition       : all 0.5s;
    cursor           : pointer;
    background-color : #F00;
}

.dashboard_module {
    width            : 250px;
    height           : 133px;
    background-color : rgba(0, 0, 0, 0.7);
    float            : left;
    margin-right     : 7.5px;
    margin-bottom    : 7.5px;
    position         : relative;
    opacity          : 0;
}

.dashboard_module_icon {
    position    : relative;
    width       : 61px;
    height      : 51px;
    left        : 50%;
    margin-left : -30.5px;
    margin-top  : 10px;
}

.dashboard_module_label {
    font-family : Arial, sans-serif;
    font-size   : 20px;
    line-height : 30px;
    color       : #FFF;
    text-align  : center;
    width       : 100%;
    height      : 30px;
}

.dashboard_controls_container {
    font-family : Arial, sans-serif;
    color       : #FFF;
    text-align  : center;
    width       : 92%;
    margin      : 0 auto;
    height      : 30px;
    margin-top  : 4px;
}

.dashboard_controls_button {
    font-family    : Arial;
    border         : 1px solid #333;
    border-radius  : 30px;
    height         : 24px;
    line-height    : 24px;
    color          : #FFF;
    text-align     : center;
    float          : left;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 10px;
    transition     : all 0.5s;
}

.dashboard_controls_button:hover {
    cursor           : pointer;
    background-color : #FFF;
    border           : 1px solid #FFF;
    color            : #000;
    transition       : all 0.5s;
}

.dashboard_controls_button_fullsize {
    width     : 100%;
    font-size : 14px;
}

.dashboard_controls_button_left {
    float     : left;
    width     : 48%;
    font-size : 14px;
}

.dashboard_controls_button_right {
    float     : right;
    width     : 48%;
    font-size : 14px;
}

.dashboard_spacing_bottom {
    clear  : both;
    height : 1200px;
    width  : 100%;
}

.dashboard_spacing_top {
    clear  : both;
    height : 100px;
    width  : 100%;
}

/* END NEW DASHBOARD STUFF */

.ckeditorVeil {
    width            : 100%;
    height           : 339px;
    position         : absolute;
    background-color : rgba(0, 0, 0, 0.5);
    left             : 0px;
    top              : 0px;
    transition       : all 0.5s;
    /*line-height      : 340px;*/
    font-size        : 30px;
    color            : #FFF;
    opacity          : 0;
    text-align       : center;
    z-index          : 99;
}

.ckeditorVeil p {
    position: relative;
    background-color : rgba(0, 0, 0, 1);
    padding          : 10px 20px 10px 20px;
    border-radius    : 10px;
    display          : block;
    width: 180px;
    height: 50px;
    margin: 0 auto;
    top: calc(50% - 35px);
    line-height: 50px;
}

.ckeditorVeil:hover {
    transition       : all 0.5s;
    cursor           : pointer;
    opacity          : 1;
    background-color : rgba(0, 0, 0, 0.5);
}

.ckeditorTextarea {
    font-family        : arial;
    line-height        : 18px !important;
    color              : #666;
    background-image   : url('../../../admin_tools/assets/imgs/ckeditor_transparent.png') !important;
    height             : 339px;
    padding-top        : 116px !important;
    padding-bottom     : 31px !important;
    padding-left       : 16px;
    padding-right      : 16px;
    width              : 785px;
    overflow           : hidden !important;
    background-repeat  : no-repeat !important;
    border             : 1px solid #DDD !important;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.ckeditorTextarea_minimal {
    font-family        : arial;
    line-height        : 18px !important;
    color              : #666;
    background-color: #FFF;
    background-image   : url('../../../admin_tools/assets/imgs/minimal_ckeditor_veil.png') !important;
    height             : 339px;
    padding-top        : 60px !important;
    padding-bottom     : 81px !important;
    padding-left       : 16px;
    padding-right      : 16px;
    width              : 785px;
    overflow           : hidden !important;
    background-repeat  : no-repeat !important;
    border             : 1px solid #DDD !important;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.buttonwrapper {
    width            : 100%;
    height           : 45px;
    background-color : #F6F6F6;
    position         : relative;
    clear            : both;
    margin-top       : 10px;
    line-height      : 42px;
    max-width        : 1022px;
    margin-bottom    : 10px;
}

.buttonwrapper_left {
    width       : 41%;
    margin-left : 10px;
    float       : left;
}

.buttonwrapper_right {
    width        : 40%;
    margin-right : 10px;
    float        : right;
    text-align   : right;
}

/*end button style */

.lpa_content {
    padding-top : 0px;
}

.activate_on_print {
    display : none;
}

.draft_container.popup_flag {
    position : absolute;
    right    : 0px;
    left     : 10px;
    top      : 8px;
}

.delete_container.popup_flag {
    position : absolute;
    right    : 0px;
    left     : 10px;
    top      : 8px;
}

.not_popup {
    position : relative;
}

.not_popup div.draft_container {
    position : absolute;
    left     : -100px;
    top: 20px;
}

.not_popup div.delete_container {
    position : absolute;
    left     : -100px;
    top: 20px;
}

.not_popup table {
    width : 100%;
}

.not_popup table td {
    padding         : 5px;
    border-collapse : collapse;
}

#rolelink_filters_container {
    position   : absolute;
    top        : -50px;
    transition : all 0.5s;
}

.rolelink_dropdown {
    background-color : #FFF;
    color            : #444;
    position         : relative;
    top              : -1px;
    left             : -10px;
    border           : 2px solid #FFF;
    border-radius    : 10px;
    height           : 22px;
    margin-left      : 11px;
    margin-top       : 2px;
}

#rolelink_filters {
    transition : all 0.5s;
}

.rolelink_filter_button {
    font-size   : 12px;
    font-weight : bold;
    position    : absolute;
    text-align  : center;
    top         : 0px;
    right       : 10px;
    color       : #FFF;
    display     : block;
    width       : auto;
    height      : 30px;
    line-height : 32px;
    transition  : all 0.2s;
}

.rolelink_filter_button:hover {
    cursor     : pointer;
    opacity    : 0.5;
    transition : all 0.2s;
}

.rolelink_filterwrapper {
    height           : 30px;
    width            : 105px;
    border-radius    : 100px;
    background-color : #906;
    margin-bottom    : 20px;
    position         : relative;
    overflow         : hidden;
}

.rolelink_filter_label {
    color          : #FFF;
    padding-left   : 10px;
    display        : inline-block;
    vertical-align : 1px;
    font-weight    : bold;
    padding-right  : 4px;
}

.rolelink_filter_nothing {
    color       : #FFF;
    font-weight : bold;
    position    : relative;
    top         : 6px;
    left        : 10px;
}

.notification_bubble {
    width              : 100%;
    box-sizing         : border-box;
    /*border-radius      : 10px;*/
    /*background         : url('../images/blackdot.png');*/
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    left               : -420px;
    color              : #444;
    font-size          : 12px;
    display            : none;
    float              : left;
    behavior           : url(PIE.php);
    word-break         : break-word;
    background         : #F6F6F6; /* Old browsers */
    /*overflow           : hidden;*/
    box-shadow         : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.notification_type_title {
    color         : #999;
    font-style    : italic;
    margin-bottom : 5px;
}

.notification_content_title {
    font-weight   : bold;
    margin-bottom : 5px;
    display       : block;
    color         : #444;
}

.notification_content_body {
    margin-bottom : 5px;
}

.nsuccess {
    border-left : 5px solid #19AB49;
}

.nerror {
    border-left : 5px solid #C00;
    word-wrap   : break-word;
}

.ngood {
    color : #19AB49;
}

.nbad {
    color : #C00;
}

.nmessage_border {
    border-left : 5px solid #18559A;
}

.nmessage {
    color : #18559A;
}

.nquestion_border {
    border-left : 5px solid #FC0;
}

.nquestion {
    color : #FC0;
}

.ntext {
    margin-left        : 0px;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.nicon {
    position  : absolute;
    bottom    : -5px;
    right     : -5px;
    width     : 50px;
    height    : 50px;
    font-size : 50px;
    color     : #444;
    opacity   : 0.1;
}

.n_bubble_overflow {
    overflow   : hidden;
    width      : 100%;
    height     : 100%;
    position   : relative;
    padding    : 10px;
    box-sizing : border-box;
}

.notification_question_box {
    width              : 90%;
    position           : relative;
    margin             : 0px 30px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    height             : 20px;
    margin-top         : 10px;
}

.nb_right {
    float : right;
}

.nb_left {
    float : left;
}

.notification_button {
    width                 : 100px;
    height                : 10px;
    color                 : #FFF;
    padding               : 5px;
    line-height           : 10px;
    text-align            : center;
    position              : relative;
    border-radius         : 20px;
    border                : 1px solid #FFF;
    font-weight           : bold;
    transition            : all 0.2s;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
}

.notification_button:hover {
    background-color : #FFF;
    color            : #000;
    transition       : all 0.2s;
    cursor           : pointer;
}

#notification_center {
    width    : 400px;
    height   : auto;
    padding  : 0px;
    position : fixed;
    bottom   : 20px;
    left     : 10px;
    z-index  : 10001;
}

.email_panel {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    background-color   : #FAFAFA;
    position           : relative;
    border-bottom      : 5px solid #EFEFEF;
    transition         : all 0.5s;
}

.email_panel .panel_header {
    display            : block;
    position           : relative;
    width              : 100%;
    /*min-height         : 30px;*/
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
    clear              : both;
    overflow           : auto;
    height             : auto !important;
    display            : table;
    vertical-align     : baseline;
    background-color   : #EEE;
}

.email_panel .panel_header span {
    font-weight : bold;
    font-size   : 14px;
    color       : #FFF;
}

.email_panel .option_row {
    display            : block;
    position           : relative;
    width              : 100%;
    min-height         : 60px;
    padding            : 10px;
    border-bottom      : 1px solid #DDD;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
    clear              : both;
    overflow           : auto;
    height             : auto !important;
    display            : table;
    vertical-align     : baseline;
}

.email_panel .option_row:hover {
    transition       : all 0.2s;
    background-color : #F7F7F7;
}

.email_panel .option_row .option_label {
    font-size  : 14px;
    color      : #666;
    position   : relative;
    margin-top : 12px;
    display    : block;
}

.email_panel .option_row .option_control {
    right : 0px;
    float : right;
    width : 100%;
}

.role_position{
    position: relative;
}

#eml_role{
    top: 0;
    left: 0;
    z-index: 1;
    outline: none;
}


#eml_role_autocomplete{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    outline: none;
    z-index: -1;
}

.role_autocomplete_div
{
    background: #fff;
    border: 1px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    cursor: default;
}

.role_autocomplete_dropdown_div{
    background: #fff;
}
.role_autocomplete_list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.role_autocomplete_list_element{
    line-height: 22px;
    overflow: hidden;
    padding: 0 10px;
}

.role_autocomplete_list_element:hover{

    background:#eee;
    cursor: pointer;
}

[data-new-user-product-selection][data-is-showing='true'] {
    display: block;
}

[data-new-user-product-selection][data-is-showing='false'] {
    display: none;
}

.email_panel .option_row .option_row_left {
    width         : 48%;
    float         : left;
    padding-right : 20px;
    text-align    : right;
    font-weight   : bold;
}

.email_panel .option_row .option_row_right {
    width      : 48%;
    height     : 50px;
    position   : relative;
    float      : right;
    text-align : left;
    overflow   : auto;
    height     : auto !important;
}

.email_subscription_confirmation_div {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #FFFFFF;
    /*background-color: rgba(255,255,255,0.95);*/
    top: 0px;
    left: 0px;
    z-index: 10;
    text-align: center;
    padding-bottom: 20px;
}

.email_subscription_confirmation_div[data-is-showing='true'] {
    display: block;
}

.email_subscription_confirmation_div[data-is-showing='false'] {
    display: none;
}

.email_subscription_confirmation_div .heading {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

.email_subscription_confirmation_div div {
    padding: 1em;
}

.email_subscription_confirmation_div .login_button {
    display: inline-block;
}

.email_subscription_confirmation_div .login_button:first-child
{
    margin-right: 10px !important;
}

.email_password_or {
    background-color : #FAFAFA;
    font-size        : 20px;
    font-weight      : bold;
    color            : #999;
    position         : absolute;
    left             : 480px;
    z-index          : 102;
    top              : -10px;
    width            : 50px;
    text-align       : center;
}

.option_control {
    overflow : hidden;
}

.option_control select {
    padding    : 5px;
    width      : 100%;
    margin-top : 5px;
}

.option_control input {
    padding    : 5px;
    max-width  : 400px;
    width      : 100%;
    margin-top : 5px;
}

.cat_email_input {
    overflow : hidden;
}

.cat_email_input input {
    padding    : 5px;
    max-width  : 320px;
    width      : 79%;
    margin-top : 5px;
}

.cat_send_button {
    display     : inline-block;
    margin-top  : 7px;
    text-align  : center;
}

.option_control .option_label {
    font-size  : 14px;
    color      : #666;
    position   : relative;
    margin-top : 12px;
    display    : block;
}

.option_control_check_button {
    position: relative;
    display: inline-block;
    width: 100px;
    text-align: center;
    background-color: #19AB49;
    color: #FFF;
    border-radius: 2px;
    padding: 0.3em 0.5em;
}

.option_control_check_button:hover {
    opacity: 0.9;
    cursor: pointer;
}

.tree_node {
    border             : 1px solid #CCC;
    padding            : 5px;
    text-align         : left;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 400px;
    height             : 30px;
    background-color   : #FEFEFE;
    position           : relative;
    color              : #444;
    transition         : all 0.2s;
}

.tree_node:hover {
    cursor : pointer;
}

.node_button_container {
    height   : 30px;
    width    : 50px;
    position : absolute;
    top      : -1px;
    right    : -50px;
}

.node_button {
    height     : 30px;
    width      : 30px;
    float      : left;
    color      : #FFF;
    font-size  : 18px;
    text-align : center;
}

.node_button:hover {
    opacity    : 0.8;
    transition : all 0.2s;
}

.node_button span {
    padding-top : 4px;
}

.node_chevron_holder {
    position   : absolute;
    right      : 0px;
    top        : 0px;
    font-size  : 10px;
    width      : 100%;
    height     : 29px;
    text-align : right;
    transition : all 0.2s;
}

.node_chevron_holder span {
    padding-right  : 10px;
    padding-left   : 10px;
    padding-top    : 8px;
    padding-bottom : 8px;
    transition     : all 0.2s;
}

.tree_node:hover {
    opacity          : 0.8;
    transition       : all 0.1s;
    cursor           : pointer;
    background-color : #EEE;
}

.node_chevron_reverse {
    transform         : rotate(180deg);
    -ms-transform     : rotate(180deg); /* IE 9 */
    -webkit-transform : rotate(180deg); /* Opera, Chrome, and Safari */
    transition        : all 0.2s;
}

.node_container {
    margin : 10px 0px;
    font-size: 12px;
}

.panel_table {
    position           : relative;
    margin-right       : 0;
    display            : table;
    margin-right       : 0px;
    margin-left        : auto;
    padding            : 10px 10px 10px 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-color   : #FAFAFA;
}

.panel_buttons_container {
    table-layout   : fixed;
    color          : #333;
    vertical-align : text-top;
    transition     : all 0.1s;
}

.panel_buttons_container td {
    padding        : 4px 2px 4px 6px;
    vertical-align : top;
}

.panel_save_button {
    padding            : 10px;
    color              : #19AB49;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.1s;
    font-weight        : bold;
    font-size          : 14px;
}

.panel_save_button:hover {
    background-color : #19AB49;
    color            : #FFF !important;
    cursor           : pointer;
    transition       : all 0.1s;
}

.panel_save_button_bypass {
    padding            : 10px;
    color              : #19AB49;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.1s;
    font-weight        : bold;
    font-size          : 14px;
}

.panel_save_button_bypass:hover {
    background-color : #19AB49;
    color            : #FFF !important;
    cursor           : pointer;
    transition       : all 0.1s;
}

.panel_divider {
    height           : 30px;
    background-color : #FFF;
    width            : 100%;
    border-top       : 4px solid #EEE;
}

.btn .button_disabled {
    opacity          : 0.3;
    background-color : #DDD;
    border           : 1px solid #444;
    border-bottom    : 2px solid #444;
    color            : #444;
    cursor           : default !important;
}

.btn .button_disabled:hover {
    background-color : #DDD;
    color            : #444;
}

.btn .button_disabled:active {
    background-color : #DDD;
    color            : #444;
    border-bottom    : 2px solid #444;
}

.btn .button_disabled:focus {
    background-color : #DDD;
    color            : #444;
    border-bottom    : 2px solid #444;
}

.disabled_reason {
    position           : absolute;
    top                : -23px;
    left               : 12px;
    font-weight        : 10px;
    background-color   : rgba(0, 0, 0, 0.7);
    color              : #FFF !important;
    padding            : 4px;
    display            : none;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    z-index            : 100;
}

.button_disabled:hover + .disabled_reason {
    display : block;
}

.btn-group-custom button {
    text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight : bold;
}

div.updates_blurb div.updates_horizontal_rule {
    margin-top       : 6px !important;
    margin-left      : -0px !important;
    background-color : #C00;
}

.node_button label {
    width      : 30px;
    height     : 30px;
    position   : relative;
    display    : block;
    transition : all 0.2s;
}

.node_button label:hover {
    cursor : pointer;
}

.node_button input {
    z-index  : 100;
    position : absolute;
    top      : 9px;
    left     : -9932px;
    width    : 15px;
    height   : 15px;
    /*display: none;
    visibility: hidden;*/
}

.node_button_container {
}

.node_button {
    transition : all 0.2s;
}

.admin_keyword_loading {
    width            : 1900px;
    height           : 1200px;
    background-color : #FFF;
    opacity          : 0.8;
    line-height      : 600px;
    font-weight      : bold;
    color            : #000;
    font-size        : 32px;
    text-align       : center;
    position         : fixed;
    top              : 0px;
    left             : 0px;
    z-index          : 10000;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter           : alpha(opacity=80);
    -moz-opacity     : 0.8;
    -khtml-opacity   : 0.8;
}

.input_success {
    background-color   : #EEFDF3 !important;
    color              : #222;
    font-weight        : bold;
    border-left        : 2px solid #19AB49;
    border-right       : 2px solid #19AB49;
    border-bottom      : 2px solid #19AB49;
    padding            : 5px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.input_error {
    background-color   : #92278F !important;
    color              : #FFF;
    border-left        : 2px solid #92278F;
    border-right       : 2px solid #92278F;
    border-bottom      : 2px solid #92278F;
    padding            : 5px;
    font-size: 12px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.input_error a {
    font-weight: bold;
    color: #FFF;
    text-decoration: underline;
}

.loading_container {
    width         : 200px;
    height        : 20px;
    border        : 1px solid #19AB49;
    border-radius : 20px;
    position      : absolute;
    left          : 50%;
    margin-left   : -100px;
    top           : 330px;
}

.loading_bar {
    width                              : 0%;
    height                             : 20px;
    background-color                   : #19AB49;
    transition                         : all 0.5s;
    transition-timing-function         : ease-out;
    -webkit-transition-timing-function : ease-out;
    border-radius                      : 20px;
}

.loading_counter_container {
    display     : block;
    width       : 200px;
    height      : 20px;
    position    : absolute;
    left        : 1%;
    margin-top  : 2px !important;
    top         : 2px !important;
    color       : #FFF;
    font-size   : 14px;
    font-weight : bold;
    line-height : 14px;
    text-align  : left;
}

.loading_counter_container span {
    top         : 0px;
    margin-top  : 0px;
    line-height : 14px;
    margin-left : 2px;
}

/* Keyword Organisation Maintenance style */
.client_create_keyword_box {
    position           : relative;
    top                : 8px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 40px;
    border             : 1px dashed #AAA;
    padding            : 10px;
    display            : block;
    z-index            : 2;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    width              : 400px;
    left               : 0px;
    width              : 410px;
}

.client_create_keyword_box:hover {
    border           : 1px solid #AAA;
    cursor           : pointer;
    background-color : #EEE;
}

.product_heading {
    padding            : 10px 10px 10px 10px;
    width              : 770px;
    color              : #444;
    font-size          : 16px;
    font-weight        : bold;
    margin-top         : 10px;
    background-color   : #EFEFEF;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
}

.container_indent_1 {
    width         : 97%;
    position      : relative;
    margin-left   : auto;
    margin-bottom : 20px;
}

.show-hide_button {
    color          : #C0C0C0;
    font-size      : medium;
    vertical-align : bottom;
    text-align     : right;
    cursor         : pointer;
    text-transform : uppercase;
}

div.divider_title {
    background-color : #F6F6F6;
    border-bottom    : 4px solid #EEE;
    font-size        : medium;
    height           : 40px;
    line-height      : 40px;
    padding          : 0 10px;
    position         : relative;
    width            : 98%;
    margin-bottom    : 10px;
}

div.divider_title_right {
    float     : right;
    width     : 50%;
    font-size : 100%;
}

div.divider_title_left {
    float : left;
    width : 50%
}

.content_hide {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    margin-left      : 20px;
    position         : relative;
    top              : 2px;
}

.content_hide:hover {
    opacity : 0.7;
}

.content_hide:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

.content_show {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    margin-left      : 20px;
    position         : relative;
    top              : 2px;
}

.content_show:hover {
    opacity : 0.7;
}

.content_show:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

.audit_expand_btn {
    margin-top   : 7px !important;
    padding      : 3px 6px !important;
    margin-right : 11px !important;
}

/* End Keyword Organisation Maintenance style */

/*

.interface_login_container {
    position: fixed;
    width: 100%;
    height: 1200px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    z-index: 100000;
}

.interface_login_container_form {
    width: 500px;
    height: 200px;
    background-color: #FAFAFA;
    top: 14%;
    left: 50%;
    margin-left: -250px;
    position: absolute;
    background-image: url("../images/navtable_bg.png");
    background-position: left center;
    background-repeat: no-repeat;
}

.interface_login_container_right {
    width: 50%;
    position: absolute;
    right: 10px;
    padding-left: 20px;
    bottom: 20%;
    border-left: 1px dotted #999;
}

.interface_table {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.interface_table input {
    color: #FFF;
    font-weight: 100;
    font-size: 14px;
    background-color: #EEE;
    border: 1px solid #EEE;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.interface_login {
    background-color: transparent !important;
    color: #FFF;
    border: none !important;
    text-align: right;
}

.interface_login:hover {
    cursor: pointer !important;
    opacity: 0.5;
}

*/

.container_indent_1 {
    width         : 97%;
    position      : relative;
    margin-left   : auto;
    margin-bottom : 20px;
}

.container_indent_2 {
    width         : 97%;
    position      : relative;
    margin-left   : auto;
    margin-bottom : 20px;
}

.show-hide_button {
    color          : #C0C0C0;
    font-size      : medium;
    vertical-align : bottom;
    text-align     : right;
    cursor         : pointer;
    text-transform : uppercase;
}

div.divider_title {
    background-color : #F6F6F6;
    border-bottom    : 4px solid #EEE;
    font-size        : medium;
    height           : 40px;
    line-height      : 40px;
    padding          : 0 10px;
    position         : relative;
    width            : 98%;
    margin-bottom    : 10px;
}

div.divider_title_right {
    float     : right;
    width     : 50%;
    font-size : 100%;
}

div.divider_title_left {
    float : left;
    width : 50%
}

.content_hide {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    margin-left      : 20px;
    position         : relative;
    top              : 2px;
}

.content_hide:hover {
    opacity : 0.7;
}

.content_hide:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

.content_show {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    margin-right     : 2px;
    margin-left      : 20px;
    position         : relative;
    top              : 2px;
}

.content_show:hover {
    opacity : 0.7;
}

.content_show:active {
    top     : 0px;
    border  : none;
    opacity : 1;
}

.audit_expand_btn {
    margin-top   : 7px !important;
    padding      : 3px 6px !important;
    margin-right : 11px !important;
}

.remove_opacity_on_hover:hover {
    opacity : 1 !important;
    cursor  : default !important;
}

div.node_button.opacity_down {
    opacity    : 0.4;
    zoom       : 1;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter     : alpha(opacity=40);
}

.remove_opacity_on_hover:hover {
    opacity : 1 !important;
    cursor  : default !important;
}

.print_page_button_header {
    cursor           : pointer;
    background-color : #EEE;
    border-bottom    : 2px solid #DDD;
    border-radius    : 3px;
    color            : #444;
    font-size        : 0.9em;
    font-weight      : bold;
    padding          : 4px 8px;
    position         : relative;
    display          : block;
    text-shadow      : none !important;
    height           : 18px;
    margin-top       : 6px;
    margin-right     : 10px;
    line-height      : 18px;
    text-transform   : uppercase;
}

.currently_selected {
    background-color : #FFFDE6 !important;
    position         : relative;
    display          : block;
}

.currently_selected_bg_only {
    background-color : #FFFDE6 !important;
}

.currently_selected_bg_only_bad {
    background-color : #FFBFBF !important;
}

.currently_selected_fade {
    transition              : all 1s !important;
    -webkit-animation-delay : 1s; /* Chrome, Safari, Opera */
    animation-delay         : 1s;
    background-color        : #FFF !important;
}

.rescroll_wrap_message_box {
    width            : 300px;
    height           : 20px;
    line-height      : 20px;
    color            : #FFF;
    background-color : #000;
    font-size        : 12px;
    text-align       : center;
    font-family      : 'Arial', sans-serif;
    border-radius    : 5px;
    padding          : 5px;
    position         : fixed;
    bottom           : 100px;
    left             : 50%;
    margin-left      : -150px;
    opacity          : 0.8;
    display          : none;
}

.remove_opacity_on_hover:hover {
    opacity : 1 !important;
    cursor  : default !important;
}

.search_box_header_container {
    position : absolute;
    right    : 200px;
    width    : 195px;
    top      : 6px;
}

.keyword_link_search_box {
    border       : 1px solid #AAA;
    width        : 170px;
    height       : 20px;
    position     : realtive;
    padding-left : 4px;
}

/* bellow is for client keyowrd_maintenance */

.kw_link_heading_div {
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-size          : 30px;
    font-weight        : 500 !important;
    color              : #666;
    padding-right      : 0;
    margin-top         : -20px;
    text-align         : left;
    padding            : 6px 0px 6px 0px;
    line-height        : 110%;
    width              : 100% !important;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-left        : 10px;
}

div.kw_link_sub_wrapper {
    margin-top : 10px;
    width      : 100%;
    overflow   : auto;
}

input.kw_link_textbox {
    width              : 820px;
    padding            : 5px;
    font-size          : 16px;
    border             : 1px solid #DDD;
    color              : #555;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

/* end */

/**** style for Keyword Maintenance from admin.css *****/
.admin_tabbed_header_container {
    width              : 100%;
    height             : 58px;
    border-bottom      : 4px solid #F6F6F6;
    background-color   : #FDFDFD;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    overflow           : hidden;
}

.admin_tabbed_header_tab {
    width              : 240px;
    height             : 50px;
    float              : left;
    border-bottom      : 4px solid #E6E6E6;
    background-color   : #F6F6F6;
    font-size          : 18px;
    font-weight        : bold;
    color              : #444;
    line-height        : 50px;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
}

.admin_tabbed_header_tab:hover {
    background-color : #E9E9E9 !important;
}

.admin_tabbed_header_tab_disabled {
    width              : 243px;
    height             : 50px;
    float              : left;
    border-bottom      : 4px solid #E6E6E6;
    background-color   : #F6F6F6;
    font-size          : 18px;
    font-weight        : bold;
    color              : #444;
    line-height        : 50px;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    opacity            : 0.2;
}

.admin_tabbed_header_tab:hover {
    border-bottom    : 4px solid #E1E1E1;
    background-color : #E6E6E6;
    cursor           : pointer;
}

.admin_tabbed_container_box {
    width         : 100%;
    min-height    : 300px;
    display       : none;
    overflow-x    : hidden;
    overflow-y    : auto;
    border-bottom : 4px solid #EEE;
}

.admin_tabbed_container {
    width            : 100%;
    position         : relative;
    min-height       : 300px;
    background-color : #FAFAFA;
}

.keyword_box {
    position           : relative;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 400px;
    height             : 40px;
    border             : 1px solid #444;
    transition         : all 0.2s;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.keyword_box:hover {
    border           : 1px solid #AAA;
    cursor           : pointer;
    background-color : #EEE;
    transition       : all 0.2s;
}

.keyword_bounding_box {
    position     : relative;
    width        : 400px;
    right        : 200px;
    margin-left  : auto;
    margin-right : auto;
}

.admin_keyword_move_action {
    height             : 40px;
    width              : 40px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-image   : url("../images/admin_keyword_move.png");
    position           : absolute;
    top                : 0px;
    left               : -50px;
    display            : inline-block;
    opacity            : 0.2;
    transition         : opacity 0.2s;
}

.admin_keyword_move_action:hover {
    opacity    : 1;
    transition : opacity 0.2s;
    cursor     : pointer;
}

.admin_keyword_target {
    height             : 40px;
    width              : 40px;
    background-image   : url("../images/admin_keyword_move.png");
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : absolute;
    top                : 28px;
    right              : -590px;
    display            : inline-block;
    transition         : all 0.2s;
    font-size          : 24px;
    color              : #FFF;
    text-align         : center;
    line-height        : 50px;
    transform          : rotate(180deg);
    -ms-transform      : rotate(180deg); /* IE 9 */
    -webkit-transform  : rotate(180deg); /* Opera, Chrome, and Safari */
}

.admin_keyword_target span {
    padding-top : 6px;
}

.admin_keyword_link_action {
    height             : 40px;
    width              : 40px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : absolute;
    top                : 28px;
    right              : -590px;
    display            : inline-block;
    opacity            : 0.2;
    transition         : all 0.2s;
    font-size          : 24px;
    color              : #FFF;
    text-align         : center;
    line-height        : 50px;
}

.admin_keyword_link_action span {
    padding-top : 6px;
}

.admin_keyword_link_action:hover {
    opacity    : 1;
    transition : all 0.2s;
    cursor     : pointer;
}

.admin_keyword_link_action_small {
    right     : -540px;
    height    : 26px;
    top       : 22px;
    font-size : 12px;
}

.sub_keyword_box {
    position           : relative;
    top                : 8px;
    left               : 100px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 40px;
    border             : 1px dotted #555;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    transition         : all 0.2s;
    z-index            : 200;
    background-color   : #FAFAFA;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.sub_keyword_box:hover {
    border           : 1px solid #AAA;
    border-style     : solid !important;
    cursor           : pointer;
    background-color : #EEE;
    transition       : all 0.2s;
}

.sub_keyword_box_recursive {
    position           : relative;
    top                : 8px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    left               : 50px;
    height             : 26px;
    border             : 1px dotted #555;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 4px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    z-index            : 200;
    font-size          : 10px;
    background-color   : #FAFAFA;
}

.sub_keyword_box_recursive:hover {
    border           : 1px solid #AAA;
    border-style     : solid !important;
    cursor           : pointer;
    background-color : #EEE;
    transition       : all 0.2s;
}

.hidden_recursive_keywords {
    display : none;
}

.is_linked_keyword {
    width            : 30px;
    height           : 50px;
    background-color : #FAFAFA;
    position         : absolute;
    left             : 30px;
    top              : 25px;
    font-size        : 24px;
    color            : #AAA;
    text-align       : center;
}

.is_linked_keyword span {
    padding-top : 10px;
}

.is_linked_keyword_small {
    width            : 20px;
    height           : 20px;
    background-color : #FAFAFA;
    position         : absolute;
    left             : 10px;
    top              : 25px;
    font-size        : 14px;
    color            : #AAA;
    text-align       : center;
}

.is_linked_keyword_small span {
    padding-top : 2px;
}

.create_keyword_box {
    position           : relative;
    top                : 8px;
    left               : 100px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 39px;
    border             : 1px dashed #AAA;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    z-index            : 2;
    text-overflow      : ellipsis;
    white-space        : nowrap;
}

.create_keyword_box:hover {
    border           : 1px solid #AAA;
    cursor           : pointer;
    background-color : #EEE;
}

.sub_keyword_line {
    border-bottom : 1px solid #AAA;
    width         : 100px;
    height        : 30px;
    padding-top   : 20px;
    position      : relative;
}

.sub_keyword_line_recursive {
    border-bottom : 1px solid #AAA;
    width         : 50px;
    height        : 20px;
    padding-top   : 14px;
    position      : relative;
}

.recursive_keyword_bounding_box {
    border-left   : 1px solid #AAA;
    position      : relative;
    clear         : both;
    left          : 99px;
    top           : 17px;
    margin-bottom : 20px;
    z-index       : 1;
    width         : 100%;
}

.show_recursives_button {
    padding            : 4px;
    text-align         : center;
    display            : block;
    position           : relative;
    top                : 16px;
    left               : 100px;
    width              : 550px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    color              : #666;
}

.admin_keyword_currently_editing_container {
    border-bottom : 2px solid #E6E6E6;
}

.keyword_number {
    font-size     : 24px;
    font-weight   : bold;
    color         : #AAA;
    float         : left;
    padding-right : 10px;
}

.keyword_spacer {
    width          : 1px;
    margin-left    : auto;
    margin-right   : auto;
    border-left    : 1px solid #AAA;
    min-height     : 56px;
    position       : relative;
    right          : 200px;
    padding-bottom : 30px;
}

.selected_keyword {
    font-size        : 18px;
    margin-left      : auto;
    line-height      : 18px;
    margin-right     : auto;
    width            : 800px;
    text-align       : center;
    margin-bottom    : 10px;
    color            : #FFF;
    background-color : #666;
    font-weight      : bold;
    padding          : 10px;
    border           : 1px solid #444;
    margin-bottom    : 20px;
    position         : relative;
}

.selected_keyword_currently_editing {
    position       : absolute;
    top            : -20px;
    left           : -40px;
    font-size      : 12px;
    color          : #AAA;
    text-transform : uppercase;
    width          : 200px;
    height         : 12px;
}

.keyword_product_filter {
    position           : realtive;
    width              : 100%;
    height             : 40px;
    border-bottom      : 1px dotted #DDD;
    margin-bottom      : 20px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding-right      : 20px;
    text-align         : right;
}

.admin_current_keyword_container {
    position           : relative;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    height             : 50px;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    font-weight        : bold;
    background-color   : #F6F6F6;
    line-height        : 45px;
}

.ce2 {
    top  : -10px;
    left : 10px !important;
}

.admin_keyword_mover_counter {
    background-color : #D00;
    padding          : 5px;
    border-radius    : 5px;
    color            : #FFF;
    font-size        : 14px;
    font-weight      : bold;
    text-align       : center;
    position         : absolute;
    top              : 14px;
    right            : 154px;
    line-height      : 10px;
}

.admin_keyword_table {
    text-align : left;
    padding    : 4px;
    width      : 100%;
}

.admin_keyword_table tr:hover {
    background-color : #E6E6E6;
}

.admin_keyword_header {
    position           : relative;
    border-bottom      : 1px solid #DDD;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding            : 10px 10px 10px 16px;
    box-shadow         : 0px 2px 2px #DDD;
}

.admin_keyword_header p {
    line-height : 12px;
    font-size   : 14px;
    font-weight : bold;
    color       : #333;
    margin      : 2px 0px 0px 24px !important;
}

.admin_keyword_header p a {
    color           : #999 !important;
    text-decoration : none;
    cursor          : pointer;
    display         : block;
    float           : right;
}

.admin_keyword_header input {
    position : relative;
    top      : 1px;
}

.admin_keyword_move {
    width              : 100%;
    margin-left        : auto;
    margin-right       : auto;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding            : 10px;
    position           : relative;
    right              : 0px;
    margin-top         : 0px;
    max-height         : 300px;
    overflow-x         : hidden;
    overflow-y         : auto;
    box-shadow         : 0px -2px 2px #DDD inset;
}

.admin_move_label {
    text-transform : capitalize;
}

.admin_move_label:hover {
    opacity : 0.7;
    cursor  : pointer;
}

.admin_keyword_language_group {
    position    : absolute;
    height      : 10px;
    font-size   : 8px;
    font-weight : bold;
    color       : #444;
    top         : 0px;
    right       : 6px;
}

.admin_keyword_language {
    float   : left;
    padding : 2px;
}

.sub_no_more_keywords {
    position           : relative;
    top                : 8px;
    left               : 100px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 39px;
    border-left        : 1px dotted #555;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
}

#move_checked_value {
    font-weight : bold;
}

.admin_keyword_jurisdiction {
    text-align       : center;
    color            : #FFF !important;
    padding-left     : 5px;
    padding-right    : 5px;
    font-weight      : bold;
    width            : 43px;
    background-color : #999;
    margin-right     : 4px;
    margin-bottom    : 2px;
    margin-top       : 2px;
    display          : inline-block;
}

.admin_keyword_juri_container {
    width      : 100%;
    text-align : right;
    float      : right;
}

.admin_rename_container {
    margin-left  : auto;
    margin-right : auto;
    margin-top   : 20px;
    padding      : 20px;
}

.admin_keyword_rename_counter {
    background-color : #D00;
    padding          : 5px;
    border-radius    : 5px;
    color            : #FFF;
    font-size        : 14px;
    font-weight      : bold;
    text-align       : center;
    position         : absolute;
    top              : 14px;
    right            : 166px;
    line-height      : 10px;
}

.admin_create_new_keyword_input {
    width              : 370px;
    padding            : 10px;
    border             : none;
    height             : 40px;
    background-color   : transparent;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    left               : -10px;
    top                : -11px;
    font-size          : 14px;
    font-weight        : bold;
    position           : relative;
}

.admin_create_new_keyword_button {
    height             : 40px;
    width              : 40px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    background-image   : url("../images/admin_keyword_move.png");
    position           : absolute;
    top                : -1px;
    right              : -1px;
    display            : inline-block;
    background-color   : #888;
    cursor             : pointer;
}

.admin_home_button {
    background-image    : url("../images/admin_keyword_home.png");
    background-position : center;
    background-size     : 40px 40px;
    background-repeat   : no-repeat;
}

.quicklinks_box {
    width              : 88%;
    border             : 1px solid #DDD;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-top         : 20px;
    margin-bottom      : 20px;
    margin-left        : auto;
    margin-right       : auto;
}

.quicklinks_header {
    width         : 100%;
    height        : 20px;
    color         : #999;
    margin-bottom : 10px;
}

.admin_delete_button_container {
    width        : 822px;
    margin-left  : auto;
    margin-right : auto;
    position     : relative;
}

.admin_keyword_disabled_input {
    height             : 31px;
    border             : 1px solid #DDD;
    background-color   : #EBEBE4;
    padding            : 6px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    color              : #545454;
    font-size          : 16px;
    white-space        : nowrap;
    width              : 50%;
    display            : inline-block;
}

.admin_keyword_language_box {
    float        : right;
    margin-right : 10px;
    position     : relative;
}

.admin_keyword_language_box select {
    padding     : 4px;
    width       : 200px;
    font-size   : 14px;
    font-weight : bold;
}

.panel_confirm_button {
    padding            : 10px;
    color              : #FFA500;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.1s;
    font-weight        : bold;
    font-size          : 14px;
}

.panel_confirm_button:hover {
    background-color : #FFA500;
    color            : #FFF !important;
    cursor           : pointer;
    transition       : all 0.1s;
}

.panel_update_button {
    background-image    : url("../images/uh_info_icon.png");
    background-position : 2px center;
    background-repeat   : no-repeat;
    border-bottom       : medium none !important;
    font-size           : 16px;
    font-weight         : bold;
    height              : 34px;
    line-height         : 34px;
    margin-bottom       : 0;
    text-align          : center;
    width               : 100%;
    color               : #FFF;
    background-color    : #FFA500;
}

.keyword_organisation_banner {
    border        : 1px solid #FFA500;
    display       : block;
    margin-bottom : 5%;
}

.keyword_orgnaisation_info {
    margin-top  : 10px;
    padding     : 10px;
    font-size   : 16px;
    font-weight : bold;
    color       : #444;
}

.panel_green_button {
    padding            : 10px;
    color              : #19AB49;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.1s;
    font-weight        : bold;
    font-size          : 14px;
}

.panel_green_button:hover {
    background-color : #19AB49;
    color            : #FFF !important;
    cursor           : pointer;
    transition       : all 0.1s;
}

.panel_red_button {
    padding            : 10px;
    color              : #CD1E1E;
    text-align         : center;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.1s;
    font-weight        : bold;
    font-size          : 14px;
}

.panel_red_button:hover {
    background-color : #CD1E1E;
    color            : #FFF !important;
    cursor           : pointer;
    transition       : all 0.1s;
}

/* end style for keyword Maintenance */

.disabled_button {
    color          : #666 !important;
    opacity        : 0.5 !important;
    pointer-events : none !important;
}

.disabled_button:hover {
    cursor : se-resize !important;
}

.flippin_object {
    -webkit-transition-timing-function : ease-in-out;
    transition-timing-function         : ease-in-out;
}

.flipped_card {
    -webkit-transform : rotateY(180deg);
    -moz-transform    : rotateY(180deg);
    -ms-transform     : rotateY(180deg);
    -o-transform      : rotateY(180deg);
    transform         : rotateY(180deg);
}

.graph_container {
    width                              : 330px;
    position                           : relative;
    height                             : 275px;
    float                              : left;
    background-color                   : #EFEFEF;
    /*    -ms-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        transform-origin: 0% 0%;*/
    -webkit-backface-visibility        : hidden;
    -moz-backface-visibility           : hidden;
    -ms-backface-visibility            : hidden;
    backface-visibility                : hidden;
    -webkit-transition-timing-function : ease-in-out;
    transition-timing-function         : ease-in-out;
    -webkit-transition                 : -webkit-transform 0.4s linear;
    -moz-transition                    : -moz-transform 0.4s linear;
    -ms-transition                     : -ms-transform 0.4s linear;
    -o-transition                      : -o-transform 0.4s linear;
    transition                         : transform 0.4s linear;
}

.graph_data_table_container {
    width                              : 330px;
    position                           : absolute;
    height                             : 275px;
    float                              : left;
    background-color                   : #EFEFEF;
    -webkit-backface-visibility        : hidden;
    -moz-backface-visibility           : hidden;
    -ms-backface-visibility            : hidden;
    backface-visibility                : hidden;
    -webkit-transition-timing-function : ease-in-out;
    transition-timing-function         : ease-in-out;
    -webkit-transition                 : -webkit-transform 0.4s linear;
    -moz-transition                    : -moz-transform 0.4s linear;
    -ms-transition                     : -ms-transform 0.4s linear;
    -o-transition                      : -o-transform 0.4s linear;
    transition                         : transform 0.4s linear;
}

.graph_view {
    top              : 10px;
    right            : 10px;
    position         : absolute;
    width            : 251px;
    height           : 199px;
    border-left      : 1px solid #DDD;
    border-bottom    : 1px solid #CCC;
    background-color : #F9F9F9;
    background-image : linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.2) 1%,
            transparent 2%,
            transparent 49%,
            rgba(0, 0, 0, 0.02) 50%,
            rgba(0, 0, 0, 0.02) 51%,
            transparent 52%,
            transparent 99%,
            rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.1) 1%,
            transparent 2%,
            transparent 49%,
            rgba(0, 0, 0, 0.02) 50%,
            rgba(0, 0, 0, 0.02) 51%,
            transparent 52%,
            transparent 99%,
            rgba(0, 0, 0, 0.4) 100%);
    background-size  : 50px 50px;
}

.graph_points_container {
    position : absolute;
    top      : 0px;
    left     : 0px;
}

.graph_point {
    width            : 10px;
    height           : 10px;
    background-color : #000;
    border-radius    : 50%;
    position         : absolute;
    top              : 0px;
    left             : 0px;
    margin-left      : -5px;
    margin-top       : -5px;
    transition       : all 0.2s;
    transform-origin : 0, 0;
    box-shadow       : 0px 0px 0px 0pt;
}

.graph_point:hover {
    box-shadow : 0px 0px 0px 6pt;
    transition : all 0.2s;
    cursor     : pointer;
}

.graph_y_label {
    width             : 100%;
    height            : 50px;
    position          : relative;
    font-weight       : bold;
    color             : #666;
    -ms-transform     : rotate(0.1deg); /* IE 9 */
    -webkit-transform : rotate(0.1deg); /* Chrome, Safari, Opera */
    transform         : rotate(0.1deg);
    overflow          : hidden;
    text-overflow     : ellipsis;
}

.graph_y_container {
    width      : 40px;
    position   : absolute;
    left       : -50px;
    top        : -8px;
    text-align : right;
}

.graph_x_container {
    width      : 250px;
    height     : 50px;
    position   : absolute;
    left       : 0px;
    bottom     : -50px;
    text-align : left;
}

.x_axis_label {
    position         : absolute;
    width            : 100px;
    height           : 20px;
    bottom           : 55px;
    right            : 0px;
    /*visibility: hidden;*/
    background-color : #EEE;
    border-radius    : 20px;
    padding          : 3px;
    opacity          : 0;
    transition       : all 0.2s;
    z-index          : 100;
    text-align       : center;
    font-size        : 12px;
    font-weight      : bold;
    color            : #666;
    line-height      : 20px;
    box-shadow       : 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.graph_x_container:hover > .x_axis_label {
    visibility : visible;
    opacity    : 1;
    transition : all 0.2s;
}

.y_axis_label {
    position         : absolute;
    width            : 100px;
    height           : 20px;
    top              : 14px;
    left             : 54px;
    /*visibility: hidden;*/
    background-color : #EEE;
    border-radius    : 20px;
    padding          : 3px;
    opacity          : 0;
    transition       : all 0.2s;
    z-index          : 202;
    text-align       : center;
    font-size        : 12px;
    font-weight      : bold;
    color            : #666;
    line-height      : 20px;
    box-shadow       : 0px 0px 10px rgba(0, 0, 0, 0.4);
    pointer-events   : none;
}

.graph_y_container:hover > .y_axis_label {
    visibility : visible;
    opacity    : 1;
    transition : all 0.2s;
}

.graph_x_label {
    width             : 60px;
    height            : 20px;
    top               : 20px;
    margin-left       : -16px;
    position          : relative;
    position          : absolute;
    font-weight       : bold;
    color             : #666;
    -ms-transform     : rotate(45deg); /* IE 9 */
    -webkit-transform : rotate(45deg); /* Chrome, Safari, Opera */
    transform         : rotate(45deg);
    text-align        : left !important;
    border-left       : 1px solid #BBB;
    display           : block;
    padding-left      : 4px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    font-size         : 10px;
    pointer-events    : none;
}

.graph_point_hover {
    position           : absolute;
    top                : -30px;
    border-radius      : 50px;
    left               : 50%;
    margin-left        : -50px;
    width              : 100px;
    height             : 30px;
    background-color   : #333;
    opacity            : 0.5;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding            : 5px;
    color              : #FFF;
    font-weight        : bold;
    line-height        : 10px;
    transition         : all 0.2s;
    opacity            : 0;
    visibility         : hidden;
    z-index            : 5000;
    font-size          : 10px;
    text-align         : center;
}

.graph_point:hover > div {
    visibility : visible;
    opacity    : 0.9;
    transition : all 0.2s
}

.graph_legend_bar {
    width            : 80px;
    height           : 16px;
    font-size        : 10px;
    font-weight      : 100;
    color            : #666;
    background-color : #EEE;
    box-shadow       : 0px 0px 4px rgba(0, 0, 0, 0.4);
    text-align       : center;
    position         : absolute;
    left             : 4px;
    top              : 5px;
    opacity          : 0.5;
    transition       : all 0.2s;
    z-index          : 200;
    overflow         : hidden;
}

.graph_legend_bar:hover {
    width      : 150px;
    transition : all 0.2s;
    opacity    : 1;
    height     : 150px;
}

.graph_legend_key_dot {
    position      : absolute;
    left          : 10px;
    height        : 14px;
    width         : 14px;
    border-radius : 20px;
}

.graph_legend_key_label {
    position   : relative;
    left       : 30px;
    height     : 18px;
    text-align : left;
    clear      : both;
    display    : block;
}

.graph_data_bar {
    width            : 80px;
    height           : 16px;
    font-size        : 10px;
    font-weight      : 100;
    color            : #666;
    background-color : #EEE;
    box-shadow       : 0px 0px 4px rgba(0, 0, 0, 0.4);
    text-align       : center;
    position         : absolute;
    right            : 4px;
    top              : 5px;
    opacity          : 0.5;
    transition       : all 0.2s;
    z-index          : 200;
    overflow         : hidden;
}

.graph_data_bar:hover {
    cursor     : pointer;
    transition : all 0.2s;
    opacity    : 1;
}

.table_rotated_header {
    height      : 80px;
    white-space : nowrap;
    transform   : /* Magic Numbers */ translate(-67px, 38px) /* 45 is really 360 - 45 */ rotate(45deg);
    width       : 30px;
    position    : relative;
    bottom      : 24px;
    text-align  : right;
}

.table_rotated_header span {
    display       : inline-block;
    padding-right : 30px;
}

.graphy_table {
    left            : 10px;
    top             : 20px;
    position        : absolute;
    border-collapse : collapse;
}

.graphy_table td {
    border           : 1px solid #DDD;
    padding          : 2px;
    background-color : #FFF;
}

.look_at_me_bar {
    top                : -90px;
    position           : relative;
    width              : 100%;
    padding            : 26px 10px 10px 10px;
    font-size          : 14px;
    text-align         : center;
    background-color   : #C00;
    color              : #FFF;
    z-index            : 1;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    text-shadow        : 0px 1px 0px rgba(0, 0, 0, 0.3);
    transition         : all 0.5s;
}

.look_at_me_icon {
    position    : absolute;
    left        : 14px;
    bottom      : 14px;
    width       : 20px;
    font-size   : 24px;
    font-weight : 100 !important;
    height      : 20px;
}

.left_indent_80 {
    margin-left : 80px;
}

.left_indent_20 {
    margin-left: 20px;
}

.left_indent_20 p {
    margin: 0;
}

.open_home_dashboard_button {
    opacity          : 0.7;
    background-color : #000;
    width            : 50px;
    height           : 50px;
    border-radius    : 6px;
    position         : fixed;
    bottom           : 10px;
    left             : 20px;
    z-index          : 99999999;
}

.open_home_dashboard_button:hover {
    opacity : 1;
    cursor  : pointer;
}

.open_home_dashboard_button span {
    font-size        : 30px;
    position         : absolute;
    top              : 9px;
    left             : 11px;
    color            : #FFF !important;
    background-color : #C00;
}

#dashboard_popup {
    width            : 1022px;
    position         : absolute;
    left             : -1000px;
    margin-left      : -511px;
    transition       : all 0.7s;
    top              : 280px;
    background-color : #FFF;
    behavior         : url(PIE.php);
    /*margin-top: 2em;*/
    /*padding-top:3em;*/
    clear            : both;
    float            : left;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 130%;
    text-decoration  : none;
}

#dashboard_popup table {
    font-size : 100%;
}

.bookmark_icon {
    position  : absolute;
    right     : 0; top : -20px;
    padding   : 5px;
    cursor    : pointer;
    font-size : 30px;
}

.small_bookmark_icon {
    padding : 5px;
    cursor  : pointer;
}

.bookmark_icon_yellow {
    color      : #F0B608;
    font-size  : 18px !important;
    transition : all 0.1s;
}

.bookmark_icon_disabled {
    color      : #DDD;
    font-size  : 18px !important;
    transition : all 0.1s;
    display    : none;
}

.bookmark_icon_yellow:hover {
    transition : all 0.1s;
    opacity    : 0.5;
}

.bookmark_positioning_for_content {
    position : relative;
    display: inline-block;
    top      : 0px;
}

.bookmark_positioning_for_content .bookmark_icon {
    position : relative;
    top: 0px;
}

.page_options_dropdown_container {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 20px;
    top      : 8px;

}

.updates_hidden_heading {
    display: none;
}

.updates_header_bookmark_container {
    position         : relative;
    margin-right     : 6px;
    background-color : #FFF;
    border-radius    : 30px;
    /*behavior         : url(PIE.php);*/
    width            : 24px;
    height           : 24px;
    display          : inline-block;
    box-shadow       : 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.updates_header_bookmark_container .bookmark_icon {
    position    : absolute;
    top         : -13px;
    left        : -1px;
    text-shadow : none !important;
}



.updates_header_checklist_container {
    position         : relative;
    margin-right     : 6px;
    display          : inline-block;
    background-color : #FFF;
    border-radius    : 30px;
    /*behavior         : url(PIE.php);*/
    width            : 24px;
    height           : 24px;
    box-shadow       : 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.updates_header_checklist_container span {
    position    : absolute;
    top         : 5px;
    left        : 5px;
    transition  : all 0.1s;
    text-shadow : none !important;
}

.updates_header_checklist_container:hover > span {
    cursor     : pointer;
    transition : all 0.1s;
    opacity    : 0.5;
}



.updates_header_rss_container {
    position         : relative;
    margin-right     : 6px;
    display          : inline-block;
    background-color : #FFF;
    border-radius    : 30px;
    /*behavior         : url(PIE.php);*/
    width            : 24px;
    height           : 24px;
    box-shadow       : 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.updates_header_rss_container span {
    position    : absolute;
    top         : 5px;
    left        : 7px;
    transition  : all 0.1s;
    text-shadow : none !important;
}

.updates_header_rss_container:hover > span {
    cursor     : pointer;
    transition : all 0.1s;
    opacity    : 0.5;
}

.updates_header_rss_container span:hover {
}

#update_rss_container {
    transition : all 0.1s;
}

.rss_container_title {
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-size      : 20px;
    font-weight    : 500 !important;
    color          : #666;
    padding-bottom : 10px;
    border-bottom  : 1px solid #DDD;
}

.rss_container {
    position           : relative;
    padding            : 20px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    display            : inline-block;
    width              : 100%;
}

.rss_container_final input {
    transition         : all 0.2s;
    width              : 100%;
    padding            : 4px;
    border             : 1px solid #AAA;
    color              : #666;
    font-size          : 14px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    margin-top         : 4px;
}

.rss_container_final {
    position    : relative;
    display     : inline-block;
    width       : 340px;
    right       : 0px;
    margin-left : 20px;
}

.rss_container_initial {
    position    : relative;
    display     : inline-block;
    width       : 200px;
    padding-top : 10px;
}

.rss_container_initial select {
    transition         : all 0.2s;
    width              : 100%;
    padding            : 3px;
    border             : 1px solid #AAA;
    color              : #666;
    font-size          : 14px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    margin-top         : 4px;
}

.rss_container_label {
    font-size   : 14px;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    color       : #666;
    font-weight : bold;
}

.feedback_form_container {
    background-image    : url("../images/navtable_bg.png");
    background-position : right top;
    background-repeat   : no-repeat;
    height              : 100%;
    min-height          : 100%;
}

.feedback_form_logo {
    background-image    : url("../images/rebrand/mm_web_logo_environment_essentials.png");
    background-repeat   : no-repeat;
    position :  absolute;
    top :0px;
    right:0px;
    width : 112px;
    height : 81px;
    z-index:2;
}

.feedback_form_header {
    position : relative;
}

.feedback_form_header h2 {
    font-family : Roboto, Arial, Helvetica, sans-serif;
    font-size   : 30px;
    font-weight : 500;
    color       : #666;
    margin      : 0;
    margin-top  : 10px;
    padding-bottom : 15px;
}

.feedback_form_header p {
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-size      : 12px;
    font-weight    : 500;
    color          : #666;
    margin         : 0;
    margin-top     : 10px;
    padding-bottom : 10px;
    border-bottom  : 1px dotted #DDD;
}

.feedback_form_wrapper ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
    height: 406px;
}

.feedback_input_container {
    margin     : 0;
    margin-top : 20px;
}

.feedback_input_container input {
    position : absolute;
    z-index  : 2;
}

.feedback_input_container label {
    position       : relative;
    padding-bottom : 6px;
    padding-left   : 24px;
    padding-top    : 6px;
    font-size      : 14px;
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-weight    : 500;
    z-index        : 1;
}

.feedback_input_container label:hover {
    cursor           : pointer;
    background-color : #EEE;
}

.feedback_label {
    position           : relative;
    padding-bottom     : 6px;
    padding-left       : 0px;
    padding-top        : 6px;
    margin-bottom      : 5px;
    font-size          : 14px;
    color              : #666;
    border-bottom      : 1px dotted #AAA;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-weight        : 500;
    width              : 100%;
    display            : block;
    z-index            : 1;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.feedback_textarea {
    position           : relative;
    width              : 100%;
    height             : 100px;
    border             : 1px solid #AAA;
    margin-top         : 5px;
    margin-bottom      : 10px;
    background-color   : #FFF;
    padding            : 5px;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.feedback_padding {
    height  : 4px;
    margin  : 0;
    padding : 0;
}

.feedback_input {
    width              : 100%;
    padding            : 5px;
    border             : 1px solid #AAA;
    margin-top         : 5px;
    margin-bottom      : 10px;
    background-color   : #FFF;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.feedback_footer {
    margin-top  : 30px;
    position    : relative;
    width       : 100%;
    color       : #666;
    font-size   : 10px;
    font-weight : bolder;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    text-align  : center;
}

.feedback_button_submit {
    padding            : 10px;
    width              : 100px;
    height             : 36px;
    background-color   : #19AB49;
    color              : #FFF;
    text-align         : center;
    position           : absolute;
    right              : 0px;
    top                : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    text-shadow        : 2px 2px 2px #14883A;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-size          : 14px;
    font-weight        : 300;
    transition         : all 0.2s;
}

.feedback_button_submit:hover {
    cursor     : pointer;
    transition : all 0.2s;
    width      : 120px;
}

.feedback_button_cancel:hover {
    cursor     : pointer;
    transition : all 0.2s;
    width      : 120px;
}

.feedback_button_submit span {
    color      : #FFF;
    font-size  : 20px;
    margin-top : -5px;
}

.feedback_button_cancel {
    transition         : all 0.2s;
    padding            : 10px;
    width              : 100px;
    height             : 36px;
    background-color   : #C00;
    color              : #FFF;
    text-align         : center;
    position           : absolute;
    left               : 0px;
    top                : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    text-shadow        : 2px 2px 2px #700;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-size          : 14px;
    font-weight        : 300;
}

.feedback_button_cancel span {
    color      : #FFF;
    font-size  : 20px;
    margin-top : -4px;
}

.related_duty_container {
    position           : relative;
    width              : 100%;
    display            : block;
    transition         : all 0.5s;
    overflow-y         : hidden;
    margin-top         : 10px;
    border-left        : 4px solid rgb(68, 126, 192);
    background-color   : #F6F6F6;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    border-radius      : 3px;
    box-shadow         : 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.update_block_content .related_duty_container {
    background-color: #EEE;
}

.related_duties_header {
    font-size      : 14px;
    font-weight    : bold;
    color          : rgb(68, 126, 192);
    margin-bottom  : 5px;
    padding-bottom : 4px;
    width          : 100%;
}

.related_duties_loading {
    font-size  : 42px;
    color      : #AAA;
    margin     : auto auto;
    position   : relative;
    width      : 100%;
    text-align : center;
}

.related_duties_link {
    font-size : 12px;
}

.related_duties_no_content {
    text-align  : center;
    width       : 100%;
    line-height : 40px;
    font-size   : 12px;
    font-weight : bold;
    color       : rgb(68, 126, 192);
}

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

.related_duties_hidden_new_window_link {
    position   : absolute;
    display    : block;
    left       : 10px;
    z-index    : 2;
    opacity    : 0.2;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter     : alpha(opacity=20);
}

.related_duties_hidden_new_window_link:hover {
    opacity    : 1;
    -ms-filter : "progid:DXImageTansform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity=100);
    cursor     : pointer;
}

.related_duties_main_link {
    margin-left : 18px;
    position    : relative;
    display     : block;
    z-index     : 0;
}

.related_duties_link:hover > .related_duties_hidden_new_window_link {
    opacity    : 1;
    -ms-filter : "progid:DXImageTansform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity=100);
}

.related_duties_close_button {
    position   : absolute;
    top        : 10px;
    right      : 10px;
    font-size  : 20px;
    opacity    : 0.5;
    -ms-filter : "progid:DXImageTansform.Microsoft.Alpha(Opacity=50)";
    filter     : alpha(opacity=50);
    color      : #666;
}

.related_duties_close_button:hover {
    opacity    : 1;
    -ms-filter : "progid:DXImageTansform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity=100);
    cursor     : pointer;
}

.multi_state_note {
    float         : right;
    font-size     : 25px;
    padding-right : 25px;
    padding-top   : 5px;
}

.new_navigation_container {
    width              : 100%;
    background-color   : #F6F6F6;
    border             : 1px solid #E6E6E6;
    position           : relative;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    overflow           : hidden;
    margin-top         : -23px;
}

.new_navigation_juri_container {
    width              : 215px;
    height             : 100%;
    position           : relative;
    float              : left;
    left               : 0px;
    top                : 0px;
    background-color   : #FAFAFA;
    border-right       : 1px solid #E6E6E6;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    z-index            : 12;
}

.new_navigation_juri_listing {
    width              : 100%;
    padding            : 5px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    width              : 215px;
}

.new_navigation_juri_listing_active {
    background-color   : #F6F6F6;
    border-bottom      : 1px solid #E6E6E6;
    border-top         : 1px solid #E6E6E6;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    right              : 0px;
    padding            : 5px;
    width              : 215px;
    position           : relative;
    font-weight        : bold;
}

.new_navigation_juri_listing:hover {
    cursor           : pointer;
    opacity          : 0.8;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter           : alpha(opacity=80);
    background-color : #F0F0F0;
}

.new_navigation_category_container {
    width              : 805px;
    height             : 100%;
    position           : relative;
    float              : right;
    right              : 0px;
    top                : 0px;
    overflow           : hidden;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.new_navigation_category_listing {
    width    : 255px;
    padding  : 5px;
    float    : left;
    position : relative;
}

.new_navigation_category_listing:hover {
    opacity          : 0.8;
    cursor           : pointer;
    background-color : #F0F0F0;
}

.nav_bold_special {
    font-weight : bold;
}

.new_navigation_topic_container {
    position           : absolute;
    top                : 0px;
    right              : -830px;
    background-color   : #FFF;
    padding            : 10px;
    width              : 805px;
    transition         : all 0.2s;
    box-shadow         : -2px 2px 4px rgba(0, 0, 0, 0.2);
    z-index            : 15;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : none;
}

.new_navigation_topic_listing {
    width      : 253px;
    height     : 100%;
    min-height : 100%;
    position   : relative;
    padding    : 5px;
    float      : left;
}

.new_navigation_topic_listing:hover {
    opacity          : 0.8;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter           : alpha(opacity=80);
    cursor           : pointer;
    background-color : #F5F5F5;
}

.new_navigation_topic_panel_header {
    position      : relative;
    width         : 100%;
    font-weight   : 500;
    padding       : 10px 0px 10px 5px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    font-size     : 30px;
    border-bottom : 1px dotted #DDD;
    margin-bottom : 10px;
}

.new_navigation_topic_panel_header:hover {
    opacity    : 0.8;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter     : alpha(opacity=80);
    cursor     : pointer;
}

.new_nav_topic_veil {
    position   : absolute;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    min-height : 100%;
    height     : 100%;
    background : url('../images/blackdot_80.png') repeat;
    z-index    : 11;
    display    : none;
}

.new_navigation_table td {
}

.new_navigation_table tr:nth-child(even) {
    background-color : #F8F8F8;
}

.new_navigation_header {
    background-color   : #F0F0F0;
    border             : 1px solid #E6E6E6;
    width              : 100%;
    position           : absolute;
    height             : 20px;
    top                : -42px;
    left               : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.new_navigation_header_label {
    width              : 215px;
    height             : 100%;
    float              : left;
    font-size          : 10px;
    font-weight        : 500;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #666;
    text-transform     : uppercase;
    line-height        : 20px;
    padding-left       : 4px;
    margin-right       : 1px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    border-left        : 1px solid #E6E6E6;
    margin-left        : -1px;
}

.new_navigation_topic_close_button {
    position    : absolute;
    top         : 10px;
    right       : 10px;
    width       : 40px;
    height      : 40px;
    line-height : 40px;
    text-align  : center;
    opacity     : 0.5;
    -ms-filter  : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter      : alpha(opacity=50);
    color       : #666;
    font-size   : 20px;
}

.new_navigation_topic_close_button:hover {
    opacity    : 1;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter     : alpha(opacity=100);
    cursor     : pointer;
}

.offline_veil {
    position         : absolute;
    width            : 100%; height : 100%;
    background-color : #EEE;
    left             : 0px;
    top              : 0px;
}

.offline_container {
    width            : 500px;
    height           : 140px;
    background-color : #FFF;
    box-shadow       : 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius    : 5px;
    position         : absolute;
    left             : 50%;
    margin-left      : -250px;
    top              : 50%;
    margin-top       : -70px;
    z-index          : 1;
}

.offline_container img {
    position : absolute;
    left     : 20px;
}

.offline_message {
    font-family : Roboto, Arial, Helvetica, sans-serif;
    font-weight : 300;
    font-size   : 20px;
    color       : #666;
    position    : absolute;
    text-align  : left;
    width       : 300px;
    padding     : 10px 10px 10px 20px;
    right       : 0px;
    top         : 20px;
    line-height : 26px;
    height      : 80px;
    border-left : 1px dotted #DDD;
}

.offline_graphic {
    font-size : 300px;
    color     : #E3E3E3;
    position  : absolute;
    top       : 26%;
    left      : 26%;
    z-index   : 0;
}

.offline_contact {
    position    : absolute;
    right       : 10px;
    bottom      : -25px;
    font-size   : 14px;
    font-weight : 300;
    font-family : Roboto, Arial, Helvetica, sans-serif;
}

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

.offline_mask_1 {
    position          : fixed;
    z-index           : 0;
    width             : 50px;
    height            : 100%;
    top               : 0px;
    left              : 0px;
    background-color  : #C00;
    background-image  : url("../images/offline_mode_bg.png");
    background-repeat : repeat-y;
    z-index           : 999999;
}

.offline_mask_2 {
    position          : fixed;
    z-index           : 0;
    width             : 50px;
    height            : 100%;
    top               : 0px;
    right             : 0px;
    background-color  : #C00;
    background-image  : url("../images/offline_mode_bg.png");
    background-repeat : repeat-y;
    z-index           : 999999;
}

.offline_reason_box {
    position       : fixed;
    bottom         : 0px;
    right          : 50px;
    font-size      : 24px;
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-weight    : 500;
    color          : #FFF;
    padding        : 10px;
    text-transform : uppercase;
    z-index        : 999999;
}

.file_upload_open_gallery {
    padding            : 10px;
    width              : 18%;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #0782C1;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
}

.upload_file_container {
    width              : 100%;
    min-width          : 50%;
    position           : relative;
    height             : 36px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    vertical-align: top;
}

input[selector=file_input_text_container] {
    border             : 2px solid #DDD;
    padding            : 4px;
    height             : 36px;
    font-size          : 16px;
    width              : 70%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    vertical-align: top;
}

.file_upload_open_gallery:hover {
    background-color : #0782C1;
    color            : #FFF;
    cursor           : pointer;
}

.file_upload_remove {
    padding            : 10px;
    width              : 30px;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #C00;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
}

.file_upload_remove:hover {
    background-color : #C00;
    color            : #FFF;
    cursor           : pointer;
}

.file_upload_preview {
    padding            : 10px;
    width              : 18%;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #19AB49;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
}

.file_upload_preview:hover {
    background-color : #19AB49;
    color            : #FFF;
    cursor           : pointer;
}

.uploaded_files_gallery_table {
    width          : 100%;
    table-layout   : fixed;
    color          : #333;
    vertical-align : text-top;
    transition     : all 0.1s;
}

.uploaded_files_gallery_table th {
    background-color : #F7F7F7;
    padding          : 10px;
    text-align       : left;
}

.uploaded_files_gallery_table td {
    padding : 5px 10px 5px 10px;
}

.uploaded_files_gallery_table tr:hover {
    background-color : #F5F5F5 !important;
}

.uploaded_files_gallery_table tr:nth-child(odd) {
    background-color : #FCFCFC;
}

.upload_files_header {
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-size      : 30px;
    color          : #666;
    font-weight    : 300;
    margin-bottom  : 10px;
    margin-top     : 10px;
    border-bottom  : 1px dotted #DDD;
    padding-bottom : 20px;
}

.upload_files_list_container {
    height         : 394px;
    padding-bottom : 10px;
    overflow-x     : hidden;
    overflow-y     : auto;
}

.upload_files_new_upload {
    border-top       : 1px dotted #DDD;
    width            : 100%;
    padding          : 10px 0px 10px 0px;
    position         : relative;
    background-color : #F7F7F7;
    z-index          : 10;
}

.upload_files_new_upload_label {
    position     : relative;
    left         : 0px;
    top          : 0px;
    height       : 42px;
    line-height  : 42px;
    font-family  : Roboto, Arial, Helvetica, sans-serif;
    font-size    : 24px;
    font-weight  : 500;
    color        : #666;
    text-align   : center;
    width        : 220px;
    border-right : 1px dotted #DDD;
}

.upload_files_new_upload_container {
    position         : absolute;
    left             : 220px;
    top              : 16px;
    width            : 780px;
    height           : 46px;
    background-color : #F7F7F7;
    z-index          : 2;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
}

.upload_files_new_upload_container input {
    top      : 6px;
    position : absolute;
    left     : 20px;
}

.file_upload_start_upload {
    padding            : 10px;
    position           : absolute;
    top                : -2px;
    right              : 10px;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #0782C1;
    transition         : all 0.2s;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
}

.file_upload_start_upload:hover {
    transition       : all 0.2s;
    background-color : #0782C1;
    color            : #FFF;
    cursor           : pointer;
}

.ie8_file_upload_container {
    width      : 100%;
    height     : 100%;
    min-height : 100%;
    padding    : 10px;
    position   : relative;
}

#upload_test {
    width : 100%;
}

.upload_loading_div_container {
}

.upload_loading_div_container span {
    font-size   : 30px;
    color       : #000;
    opacity     : 0.2;
    position    : absolute;
    top         : 0px;
    left        : 50%;
    margin-left : -20px;
}

.editable_field {
    border           : 1px solid #DDD;
    border-radius    : 3px;
    height           : 100%;
    min-height       : 100%;
    width            : 100%;
    position         : relative;
    cursor           : text;
    background-color : #FFF;
}

.editable_field span {
    position  : absolute;
    right     : 2px;
    top       : 2px;
    font-size : 18px;
    color     : #DDD;
    padding   : 3px;
}

.editable_input_container {
    display  : none;
    position : relative;
}

.editable_input_container input {
    width         : 78%;
    position      : relative;
    left          : 0px;
    border-radius : 3px;
    border        : 1px solid #DDD;
    padding       : 3px;
}

.editable_input_container span {
    position  : absolute;
    right     : 2px;
    top       : 0px;
    font-size : 18px;
    color     : #CCC;
    padding   : 3px;
}

.editable_input_container span:hover {
    color  : #19AB49;
    cursor : pointer;
}

.original_editable_container {
    padding-left : 4px;
    max-width    : 140px;
    overflow     : hidden;
}

.binary_file_red_hover {
    color : #C00;
}

.binary_file_red_hover span:hover {
    background-color : #C00 !important;
    color            : #FFF !important;
}

.binaryFile_gallery_actions_column {
    padding : 0 !important;
}

.binaryFile_gallery_actions_column span {
    font-size : 14px;
    padding   : 5px 5px 5px 5px;
}

.binaryFile_gallery_actions_column span:hover {
    cursor           : pointer;
    background-color : #0782C1;
    color            : #FFF;
}

.truncated_binary_file_field {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    max-width     : 200px;
    display       : table-cell;
}

.ie8_binary_upload_close_button {
    width            : 300px;
    margin-left      : -150px;
    position         : absolute;
    left             : 50%;
    top              : 30px;
    background-color : #F6F6F6;
    padding          : 10px;
}

.file_upload_refresh_button {
    padding            : 10px;
    position           : absolute;
    top                : -2px;
    right              : 130px;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #19AB49;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : none;
}

.file_upload_refresh_button:hover {
    background-color : #19AB49;
    color            : #FFF;
    cursor           : pointer;
}

.file_upload_public {
    position : absolute;
    top      : -2px;
    right    : 110px;
    width    : 103px;
}

.file_upload_public label {
    padding            : 10px;
    padding-left       : 30px;
    position           : absolute;
    top                : 0px;
    right              : 0px;
    width              : 110px;
    background-color   : #F7F7F7;
    font-weight        : bold;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    color              : #19AB49;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
    outline            : #19AB49 solid 0px;
}

.file_upload_public label:hover {
    background-color : #19AB49;
    color            : #FFF;
    cursor           : pointer;
}

.file_upload_public input {
    position : relative;
    left     : -0px;
    top      : 9px;
    z-index  : 10;
}

.file_upload_public input:checked + label {
    transition       : all 0.2s;
    background-color : #19AB49;
    color            : #FFF;
    outline          : #19AB49 solid 2px;
}

.binary_file_link_container {
    position           : absolute;
    bottom             : 0px;
    left               : 0px;
    width              : 1000px;
    background-color   : #E7E7E7;
    height             : 60px;
    z-index            : 0;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
}

.binary_file_link_container input {
    width : 100%;
}

.upload_files_z_container {
    background-color : #F7F7F7;
    position         : relative;
    z-index          : 10;
    height           : 63px;
    width            : 1000px;
}

.binaryFile_loading_container {
    position    : absolute;
    top         : 20%;
    left        : 50%;
    width       : 150px;
    height      : 150px;
    margin-left : -75px;
    text-align  : center;
}

.binaryFile_loading_container span {
    color                             : #E7E7E7;
    font-size                         : 150px;
    width                             : 150px;
    height                            : 150px;
    display                           : block;
    transform-origin                  : 50% 50%;
    -webkit-transform-origin          : 50% 50%;
    -moz-transform-origin             : 50% 50%;
    -webkit-animation-name            : rotate;
    -webkit-animation-duration        : 1s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : ease-in-out;
    -moz-animation-name               : rotate;
    -moz-animation-duration           : 1s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : ease-in-out;
    animation-name                    : rotate;
    animation-duration                : 1s;
    animation-iteration-count         : infinite;
    animation-timing-function         : ease-in-out;
}

.font_test_container {
    width            : 500px;
    margin-left      : -250px;
    left             : 50%;
    position         : absolute;
    top              : 20%;
    background-color : #EEE;
}

.font_test_container_fonts {
    width            : 100%;
    background-color : #DDD;
    color            : #FFF;
    font-size        : 100px;
}

.email_reset_body {
    position         : absolute;
    height           : 100%;
    min-height       : 100%;
    width            : 100%;
    background-color : #F7F7F7;
}

.email_reset_container {
    width            : 250px;
    height           : 240px;
    background-color : #FFF;
    border           : 1px solid #FDFDFD;
    box-shadow       : 0px 2px 4px rgba(0, 0, 0, 0.2);
    position         : absolute;
    top              : 50%;
    left             : 50%;
    margin-top       : -150px;
    margin-left      : -125px;
    border-radius: 3px;
}

.email_reset_logo {
    width               : 100%;
    height              : 110px;
    background-repeat   : no-repeat;
    background-position : center;
    background-image    : url("../images/rebrand/mm_web_logo_environment_essentials.png");
    border-bottom       : 1px dotted #EEE;
}

.email_reset_input_container {
    width              : 100%;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-size          : 12px;
    color              : #666;
    text-align         : center;
}

.email_reset_input_container input {
    border             : 1px solid #DDD;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    color              : #666;
    font-size          : 14px;
    font-family        : Arial;
    padding            : 5px;
    margin-top         : 20px;
}

.email_reset_button {
    width              : 100%;
    padding            : 5px;
    background-color   : #19AB49;
    color              : #FFF;
    font-weight        : bold;
    text-align         : center;
    position           : absolute;
    bottom             : 0px;
    left               : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    outline            : 1px solid #19AB49;
    transition         : all 0.2s;
}

.email_reset_button:hover {
    opacity    : 0.8;
    cursor     : pointer;
    transition : all 0.2s;
}

.email_reset_go_back_link {
    font-size : 12px;
    position  : absolute;
    top       : 250px;
    left      : 0px;
}

.small_copyright_under_logo {
    position : relative;
}

.small_copyright_phone_number {
    position    : absolute;
    right       : -340px;
    top         : -34px;
    width       : 300px;
    font-size   : 14px;
    text-align  : left;
    line-height : 16px;
}

.upload_files_search_container {
    position : absolute;
    right    : 30px;
    top      : 30px;
    width    : 300px;
    height   : 30px;
}

.upload_files_search_input {
    width         : 95%;
    height        : 30px;
    border        : none;
    font-size     : 16px;
    font-family   : Roboto, Arial;
    border-bottom : 1px solid #DDD;
    padding-left  : 10px;
}

.upload_files_search_input:focus {
    outline       : none;
    border-bottom : 1px solid #999;
}

.upload_files_search_input:focus + .upload_files_search_icon {
    color : #999;
}

.upload_files_search_icon {
    position  : absolute;
    top       : 2px;
    right     : 8px;
    color     : #DDD;
    font-size : 26px;
}

.gui_toolbar {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
    position           : relative;
    border-radius      : 2px;
    overflow           : hidden;
}

.gui_toolbar_button {
    display            : inline-block;
    padding            : 10px 14px 10px 14px;
    font-weight        : bold;
    text-transform     : uppercase;
    font-family        : Roboto, Arial, sans-serif;
    font-size          : 14px;
    color              : #444;
    height             : 36px;
    /*overflow           : hidden;*/
    line-height        : 18px;
    vertical-align     : top;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    border-radius      : 2px;
    box-shadow         : 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition         : all 0.2s;

    -webkit-touch-callout: none;
    -webkit-user-select:   none;
    -khtml-user-select:    none;
    -moz-user-select:      none;
    -ms-user-select:       none;
    user-select:           none;
}

.gui_toolbar_button:active {
    transition: all 0.2s;
}

.gui_toolbar_button label {
    line-height: 18px;
    vertical-align: top;
    padding-right: 4px;
}

.gui_toolbar_button span {
    padding-right : 10px;
}

.gui_toolbar_button:hover {
    cursor : pointer;
}

.gui_toolbar_button .clickable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.gui_dropdown_button_overall_container {
    position   : relative;
    display    : inline-block;
    transition : all 0.5s;
}

.gui_dropdown_button_overall_container:hover > .gui_dropdown_button_container {
    display    : block;
    transition : all 0.5s;
}

.gui_dropdown_button_container {
    position         : absolute;
    background-color : #FFF;
    display          : none;
}

.gui_dropdown_button_container .gui_toolbar_button {
    display   : block !important;
    min-width : 200px;
}

.gui_toolbar_right_hand_cluster {
    position : absolute;
    right    : 0px;
    top      : 0px;
}

.gui_toolbar_container {
    position : relative;
    display  : block;
    height   : 36px;
}

.sticky_header {
    position         : relative;
    min-width        : 1022px;
    background-color : #FFF;
    padding-bottom   : 20px;
    border-bottom    : 1px solid #EEE;
    transition       : all 0.5s;
    margin-top       : -20px;
    margin-bottom    : 20px;
}

.gui_header_panel_test {
    background-color   : #F7F7F7;
    padding            : 10px;
    width              : 100%;
    margin-top         : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    position           : relative;
    margin-bottom      : 20px;
    transition         : all 0.5s;
}

.gui_header_panel_header {
    font-size     : 24px;
    font-family   : Roboto, Arial;
    margin-bottom : 10px;
}

.gui_dropdown_button_container {
    box-shadow : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.edit_role_tree_container {
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding-left       : 50px;
    padding-right      : 50px;
    padding-top        : 40px;
    padding-bottom     : 100px;
    background-color   : #FAFAFA;
}

.keyword_box {
    line-height : 15px !important;
}

.keyword_box span {
    font-size     : 16px;
    padding-right : 10px;
    padding-top   : 2px;
}

.role_sub_keyword_box {
    position           : relative;
    top                : 8px;
    left               : 100px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 40px;
    border             : 1px dotted #555;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    transition         : all 0.2s;
    z-index            : 200;
    background-color   : #FAFAFA;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.sub_keyword_box span {
    font-size     : 16px;
    padding-right : 10px;
    padding-top   : 2px;
}

.role_sub_keyword_box span {
    font-size     : 16px;
    padding-right : 10px;
    padding-top   : 2px;
}

.role_keyword_spacer {
    width        : 1px;
    margin-left  : auto;
    margin-right : auto;
    border-left  : 1px solid #AAA;
    position     : relative;
    right        : 300px;
}

.role_keyword_spacer_2 {
    width          : 1px;
    margin-left    : auto;
    margin-right   : auto;
    border-left    : 1px solid #AAA;
    height         : 21px;
    position       : relative;
    left           : 100px;
    padding-bottom : 30px;
}

.role_sub_keyword_line {
    border-bottom : 1px solid #AAA;
    width         : 100px;
    height        : 30px;
    padding-top   : 20px;
    position      : relative;
}

.role_permissions_sub_keyword_box {
    position           : relative;
    top                : 8px;
    left               : 100px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 550px;
    height             : 130px;
    border             : 1px dotted #555;
    margin-left        : auto;
    margin-right       : auto;
    padding            : 10px;
    display            : block;
    overflow           : hidden;
    overflow-y         : scroll;
    text-overflow      : ellipsis;
    white-space        : nowrap;
    transition         : all 0.2s;
    z-index            : 200;
    background-color   : #FAFAFA;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.role_management_juri_abbr {
    background-color   : #666;
    color              : #FFF;
    font-weight        : bold;
    font-size          : 10px;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    padding            : 2px 5px 2px 5px;
    display            : inline-block;
    width              : 50px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    text-align         : center;
}

.role_management_prod_label {
    background-color   : #666;
    color              : #FFF;
    font-weight        : bold;
    font-size          : 10px;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    padding            : 2px 5px 2px 5px;
    display            : inline-block;
    width              : 70px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    text-align         : center;
}

.rbac_role_permission_table_cell span {
    padding-right : 5px;
    text-align    : right;
    color         : #666;
    font-size     : 12px;
}

.rbac_role_permission_table_cell {
    text-align : right;
}

.rbac_role_permission_product_name_cell {
    width         : 250px;
    overflow      : hidden;
    text-overflow : ellipsis;
    display       : block;
}

.role_sub_keyword_permissions_div {
    display     : none;
    padding-top : 10px;
    margin-top  : 10px;
    border-top  : 1px dotted #AAA;
}

.rbac_min_max_button {
    position    : absolute;
    top         : 5px;
    right       : 15px;
    transition  : all 0.2s;
    width       : 20px;
    height      : 28px;
    line-height : 28px;
    text-align  : right;
    opacity     : 0.2;
    transition  : all 0.2s;
}

.rbac_min_max_button:hover {
    cursor     : pointer;
    opacity    : 0.7;
    transition : all 0.2s;
}

.rbac_hidden_search {
    position    : absolute;
    top         : 5px;
    right       : 35px;
    transition  : all 0.2s;
    width       : 150px;
    height      : 28px;
    line-height : 28px;
    text-align  : right;
    display     : none;
}

.rbac_hidden_search span {
    opacity : 0.2;
}

.rbac_hidden_search span:hover {
    opacity : 0.7;
    cursor  : pointer;
}

.rbac_hidden_search input {
    width            : 0px;
    opacity          : 0;
    transition       : all 0.5s;
    border           : 1px solid #E6E6E6;
    background-color : #FFF;
    padding          : 2px 0px 2px 0px;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
}

.rbac_hidden_search input:focus {
    padding    : 2px 2px 2px 2px;
    opacity    : 1;
    width      : 100px;
    position   : relative;
    transition : all 0.5s;
    outline    : none !important;
}

.rbac_edit_container {
    position : absolute;
    right    : 0px;
    top      : 8px;
}

.rbac_edit_container span {
    font-size : 18px;
}

.scroll_bookmark {
    /*display: none;*/
    /*visibility: hidden;*/
    position : relative;
}

.sliding_bookmarks_container {
    position           : absolute;
    right              : -260px;
    top                : 0px;
    width              : 250px;
    padding            : 5px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : right 0.2s;
}

.sliding_bookmarks_container .scroll_bookmark_list_item {
    padding            : 2px;
    width              : 250px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    color              : #0782C1;
    transition         : all 0.2s;
    border-left        : 0px solid #FFF;
    padding-left       : 4px;
}

.sliding_bookmarks_container .scroll_bookmark_list_item:hover {
    cursor          : pointer;
    opacity         : 0.8;
    text-decoration : underline;
}

.sliding_bookmarks_box_header {
    font-size      : 16px;
    color          : #666;
    margin-bottom  : 10px;
    padding-bottom : 10px;
    border-bottom  : 1px dotted #CCC;
}

.updates_navigation_bar {
    font-size          : 14px;
    font-weight        : bold;
    padding            : 7px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    height             : 34px;
}

.updates_navigation_bar_left {
    width      : 46%;
    position   : relative;
    float      : left;
    text-align : left;
}

.updates_navigation_bar_right {
    width      : 50%;
    position   : relative;
    float      : right;
    text-align : right;
}

.updates_navigation_dropdown {
    border     : none;
    padding    : 2px 10px 2px 2px;
    color      : #444;
    margin-top : -2px;
    color      : #444;
    text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.updates_navigation_container {
    position      : relative;
    border        : 1px solid #FFF;
    border-top    : none;
    margin-bottom : 10px;
}

.published_note_email_header_container {
    display : inline-block;
    width   : 100%;
}

.published_note_email_header_container label {
    color              : #444;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    padding            : 5px 5px 5px 40px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.published_note_email_header_container label:hover {
    opacity : 0.7;
    cursor  : pointer;
}

#published_note_email_header_chk {
    top      : 6px;
    left     : 620px;
    position : absolute;
}

.kwl_currently_editing_container {
    background-color : #F7F7F7;
    padding          : 5px;
    font-weight      : bold;
    color            : #444;
    margin-top       : 10px;
    margin-bottom    : 5px;
    line-height      : 20px;
}

.kwl_currently_editing_keyword {
    color : #444 !important;
}

.no_bulletin_available {
    padding : 0px 0px 20px 0px;
    color   : #666;
}

.meta_product_logo_text {
    position    : absolute;
    top         : 90px;
    left        : 29px;
    font-size   : 26px;
    font-weight : bold;
    font-family : Roboto, Arial, Helvetica, sans-serif;
}

.logo_dark_law_word {
    color : #6D6E71;
}

.updates_subheader_button {
    cursor        : pointer;
    /*background-color : #EEE;*/
    /*border-bottom    : 2px solid #DDD;*/
    border-radius : 3px;
    color         : #FFF;
    font-size     : 0.9em;
    font-weight   : bold;
    padding       : 4px 8px;
    margin-right  : 3px;
    width         : 70px;
    position      : absolute;
    top           : 4px;
    right         : 1px;
    display       : inline;
    height        : 14px;
    text-shadow   : 0px 2px 1px rgba(0, 0, 0, 0.2);
    line-height   : 13px !important;
    border-left   : 1px solid rgba(0, 0, 0, 0.2);
}

.updates_subheader_button:hover {
    background-color: rgba(255,255,255,0.2);
}

.updates_subheader_expand_collapse_icon {
    position    : absolute;
    width       : 20px;
    height      : 20px;
    top         : 5px;
    line-height : 20px;
    left        : 5px;
    color       : #FFF;
    text-shadow : 0px 2px 1px rgba(0, 0, 0, 0.2);
}

.updates_blurb_button {
    position         : relative;
    display          : inline-block;
    font-weight      : bold;
    font-size        : 14px;
    text-transform   : uppercase;
    /*background-color : #C00;*/
    padding: 10px;
}

.updates_blurb_button span {
    padding-right: 5px;
}

.updates_blurb_button:hover {
    cursor: pointer;
    opacity: 0.8;
    box-shadow: inset 0px -4px 0px rgba(0,0,0,0.2);
}

.blu_update_title {
    font-size: 14px;
    font-weight: bold;
}

.updates_obligation_heading {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 2px;
    line-height: 20px;
    width: 98%;
}

.update_lg_topic_number {
    font-size: 12px !important;
    text-transform: uppercase;
    padding-right: 7px;
    position: relative;
    top: -1px;
    color: #AAA;
    display: none;
}

.old_update_no_updates_message {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #444;
    padding-top: 10px;
    text-align: center;
}


.loading_element_container {
    height             : 5px;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    /*border-top: 1px solid #DDD;*/
    /*border-bottom: 1px solid #DDD;*/
    overflow           : hidden;
    position           : absolute;
    box-shadow         : 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.loading_element_container_left {
    height             : 5px;
    width              : 50%;
    position           : absolute;
    left               : 0px;
    overflow           : hidden;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.loading_element_container_right {
    height             : 5px;
    width              : 50%;
    position           : absolute;
    right              : 0%;
    overflow           : hidden;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    -ms-transform      : rotate(180deg); /* IE 9 */
    -webkit-transform  : rotate(180deg); /* Chrome, Safari, Opera */
    transform          : rotate(180deg);
}

@-webkit-keyframes loading_element {
    0% { width : 20%; right : -20%; }
    100% { width : 150%; right : 100%; }
}

@-moz-keyframes loading_element {
    0% { width : 20%; right : -20%; }
    100% { width : 150%; right : 100%; }
}

@keyframes loading_element {
    0% { width : 20%; right : -20%; }
    100% { width : 150%; right : 100%; }
}

.loading_element_1,
.loading_element_2,
.loading_element_3,
.loading_element_4,
.loading_element_5 {
    width                             : 0px;
    height                            : 10px;
    position                          : absolute;
    right                             : -10%;
    -webkit-animation-name            : loading_element;
    -webkit-animation-duration        : 2s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : cubic-bezier(.55, .0, .55, 1);
    -moz-animation-name               : loading_element;
    -moz-animation-duration           : 2s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : cubic-bezier(.55, .0, .55, 1);
    animation-name                    : loading_element;
    animation-duration                : 2s;
    animation-iteration-count         : infinite;
    animation-timing-function         : cubic-bezier(.55, .0, .55, 1);
}

.loading_element_1 {
}

.loading_element_2 {
    -webkit-animation-delay : 0.4s; /* Chrome, Safari, Opera */
    animation-delay         : 0.4s;
    /*opacity: 0.8;*/
}

.loading_element_3 {
    -webkit-animation-delay : 0.8s; /* Chrome, Safari, Opera */
    animation-delay         : 0.8s;
    /*opacity: 0.6;*/
}

.loading_element_4 {
    -webkit-animation-delay : 1.2s; /* Chrome, Safari, Opera */
    animation-delay         : 1.2s;
    /*opacity: 0.4;*/
}

.loading_element_5 {
    -webkit-animation-delay : 1.6s; /* Chrome, Safari, Opera */
    animation-delay         : 1.6s;
    /*opacity: 0.2;*/
}

.loading_element_gears_1,
.loading_element_gears_2,
.loading_element_gears_3 {
    width                             : 15px;
    height                            : 15px;
    position                          : absolute;
    right                             : 0px;
    -webkit-animation-name            : loading_element_gears;
    -webkit-animation-duration        : 2s;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-timing-function : linear;
    -moz-animation-name               : loading_element_gears;
    -moz-animation-duration           : 2s;
    -moz-animation-iteration-count    : infinite;
    -moz-animation-timing-function    : linear;
    animation-name               : loading_element_gears;
    animation-duration           : 2s;
    animation-iteration-count    : infinite;
    animation-timing-function    : linear;
    text-align: center;
    /*text-shadow: 2px 2px 0px rgba(0,0,0,0.1);*/
}

.loading_element_gears_1 {
    font-size: 16px;
    width: 16px;
    height: 15px;
    left: 60%;
    margin-left: -7px;
}

.loading_element_gears_3 {
    font-size: 16px;
    width: 16px;
    height: 15px;
    left: 60%;
    margin-left: -7px;
    top: 28px;
}

.loading_element_gears_2 {
    font-size: 24px;
    width: 24px;
    height: 23px;
    top: 10px;
    left: 40%;
    margin-left: -10px;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

@-webkit-keyframes loading_element_gears {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-moz-keyframes loading_element_gears {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loading_element_gears {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading_element_container_gears {
    height             : 50px;
    width              : 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -14px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    /*border-top: 1px solid #DDD;*/
    /*border-bottom: 1px solid #DDD;*/
    overflow           : hidden;
    position           : absolute;
    /*border: 1px solid #C00;*/
    transform: rotate(90deg);
}

.updates_ref_external_url {
    z-index: 10;
    position: relative;
    padding-right: 4px;
}

/*.update_change_text_example_removed,*/
/*.update_block_content s {*/
    /*text-decoration  : line-through;*/
    /*color            : #A00;*/
    /*border           : none;*/
    /*background-color : #FCC;*/
/*}*/

/*.update_block_content s a {*/
    /*text-decoration  : line-through;*/
    /*color            : #0782C1;*/
    /*border           : none;*/
    /*background-color : #FCC;*/
/*}*/

/*.update_change_text_example_added,*/
/*.update_block_content u {*/
    /*text-decoration  : underline;*/
    /*color            : #070;*/
    /*border           : none;*/
    /*background-color : #DED;*/
/*}*/

/*.update_block_content u a {*/
    /*text-decoration  : underline;*/
    /*color            : #0782C1;*/
    /*border           : none;*/
    /*background-color : #DED;*/
/*}*/
.audit_tool_container{
    padding            : 20px;
}

.audit_panel {
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
    background-color   : #FAFAFA;
    position           : relative;
    border-bottom      : 5px solid #EFEFEF;
    transition         : all 0.5s;
}

.audit_panel .panel_header {
    display            : block;
    position           : relative;
    width              : 100%;
    min-height         : 30px;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
    clear              : both;
    overflow           : auto;
    height             : auto !important;
    display            : table;
    vertical-align     : baseline;
    background-color   : #EEE;
}

.audit_panel .panel_header span {
    font-weight : bold;
    font-size   : 14px;
    color       : #FFF;
}

.audit_panel .option_row {
    display            : block;
    position           : relative;
    width              : 100%;
    min-height         : 60px;
    padding            : 10px;
    border-bottom      : 1px solid #DDD;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    transition         : all 0.2s;
    clear              : both;
    overflow           : auto;
    height             : auto !important;
    display            : table;
    vertical-align     : baseline;
}

.audit_panel .option_row:hover {
    transition       : all 0.2s;
    background-color : #F7F7F7;
}

.audit_panel .option_row .option_label {
    font-size  : 14px;
    color      : #666;
    position   : relative;
    margin-top : 12px;
    display    : block;
}

.audit_panel .option_row .option_control {
    right : 0px;
    float : right;
    width : 100%;
}

.audit_panel .option_row .option_row_left {
    width         : 30%;
    float         : left;
    padding-right : 20px;
    text-align    : right;
    font-weight   : bold;
}

.audit_panel .option_row .option_row_right {
    width      : 67%;
    height     : 50px;
    position   : relative;
    float      : right;
    text-align : left;
    overflow   : auto;
    height     : auto !important;
}

.audit_panel .option_row .option_row_center {
    width        : 95%;
    height       : 50px;
    position     : relative;
    text-align   : left;
    overflow     : auto;
    height       : auto !important;
    padding-left : 10px;
}

.updates_copyright_container {
    border-top : 1px dotted #CCC;
    width      : 100%;
    position   : relative;
    margin-top : 40px;
}

/* File uploading help */
.file_uploading_help_main {
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.file_uploading_help_main .fuh_button {
    width              : 100%;
    padding            : 15px;
    background-color   : #F6F6F6;
    font-size          : 18px;
    font-weight        : bold;
    color              : #666;
    margin-bottom      : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.file_uploading_help_main .fuh_button:hover {
    opacity : 0.8;
    cursor  : pointer;
    color   : #0072C6;
}

.file_uploading_help_main .fuh_button span {
    padding-right : 10px;
}

.file_uploading_help_main .fuh_button .fuh_expand_icon {
    color       : #999;
    font-weight : normal;
}

.fuh_description {
    margin-top    : 10px;
    margin-bottom : 20px;
}

.fuh_description .fuh_header {
    font-size      : 20px;
    font-weight    : bold;
    color          : #666;
    margin-bottom  : 20px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #EEE;
}

.fuh_content_container {
    display            : none;
    margin-bottom      : 20px;
    padding-left       : 20px;
    padding-right      : 20px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    width              : 100%;
}

.fuh_number_icon {
    width            : 16px;
    height           : 16px;
    border-radius    : 20px;
    background-color : #C00;
    color            : #FFF;
    text-shadow      : 1px 1px 0px rgba(0, 0, 0, 0.5);
    font-weight      : bold;
    font-size        : 14px;
    text-align       : center;
    margin-right     : 10px;
    padding          : 2px;
}

.fuh_content_container table td {
    vertical-align : top;
    padding-bottom : 10px;
}

.fuh_content_container img {
    box-shadow    : 0px 0px 4px rgba(0, 0, 0, 0.2);
    margin        : auto;
    display       : block;
    margin-bottom : 20px;
    margin-top    : 20px;
    border        : 1px solid #E6E6E6;
}

.tiny_box_close_button {
     position                           : absolute;
     top                                : 0px;
     right                              : 0px;
     background-color                   : #C00;
     color                              : #FFF;
     font-size                          : 18px;
     width                              : 34px;
     height                             : 30px;
     border-radius                      : 20px;
     text-align                         : center;
     line-height                        : 30px;
     border-top                         : 2px solid rgba(255, 255, 255, 0.2);
     border-bottom                      : 2px solid rgba(0, 0, 0, 0.2);
     box-shadow                         : 0px 2px 4px rgba(0, 0, 0, 0.2);
     behavior                           : url(PIE.php);
     transition                         : all 0.1s;
     -webkit-transition-timing-function : ease-out; /* Safari and Chrome */
     transition-timing-function         : ease-out;
     z-index                            : 10;
 }

.tiny_box_close_button:hover {
    -webkit-transform                  : scale(1.2);
    -moz-transform                     : scale(1.2);
    transform                          : scale(1.2);
    transition                         : all 0.1s;
    -webkit-transition-timing-function : ease-out; /* Safari and Chrome */
    transition-timing-function         : ease-out;
    cursor                             : pointer;
}

.tinner {
    behavior : url(PIE.php);
}

#tinyboxalert,
#newspost_fullscreen {
    position: relative;
}

.updates_also_applies_to_badge {
    padding       : 0px 4px 0px 4px;
    border-bottom : 1px solid rgba(0, 0, 0, 0.2);
    border-radius : 3px;
    text-shadow   : 0px 1px 0px rgba(0, 0, 0, 0.2);
    color         : #FFF;
    display       : inline-block;
    margin-right  : 5px;
    font-size     : 10px;
    line-height   : 14px;
    position      : relative;
    top           : -1px;
    font-weight   : bold;
    behavior      : url(PIE.php);
}

.updates_also_applies_to_badge:hover {
    opacity : 0.8;
    cursor  : pointer;
}

.pr_has_been_audited_div {
    border-radius : 10px;
    padding       : 0 6px;
    text-align    : center;
    display       : inline-block;
    color         : #FFF;
    opacity       : 0.6;
    font-weight   : bold;
    display       : none;
    margin-left   : 10px;
}

.pr_has_been_audited_div:hover {
    opacity : 1;
    cursor  : pointer;
}

.updates_commonwealth_ref_badge {
    color            : #444;
    /*background-color : #444;*/
    border   : 1px solid rgba(0, 0, 0, 0.2);
    border-radius    : 3px;
    margin-right     : 4px;
    padding          : 2px 4px;
    display          : inline-block;
    line-height      : 12px;
    font-size        : 10px;
    position         : relative;
    top              : -2px;
    /*text-shadow      : 0px 1px 0px rgba(0, 0, 0, 0.8);*/
    behavior         : url(PIE.php);
}

.main_page_header_toolbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 36px;
    top: -54px;
    padding-top: 4px;
    /*text-align: right;*/
    /*line-height: 36px;*/
}

.main_page_header_toolbar {
    text-align: right;
}

.main_page_header_toolbar .pr_dropdown_box {
    text-align: left;
    line-height: 18px;
}

.main_page_header_toolbar .page_options_dropdown_container,
.main_page_header_toolbar .bookmark_positioning_for_content {

    line-height: 36px;
}

.main_page_toolbar_separator {
    display: inline-block;
    border-right: 1px solid #EEE;
    height: 20px;
    width: 1px;
    position: relative;
    top: 5px;
    margin-right: 4px;
    margin-left: 7px;
}

.referenece_alert_bell,
.reference_magnifying_glass {
    font-size: 12px !important;
    position: relative;
    top: -1px;
    color: #444 !important;
    padding-left: 2px;
}

.audit_checklist_header {
    font-size: 20px;
    color: #666;
    font-weight: bold;
    margin-top: 20px;
}

.audit_checklist_subheader {
    font-size: 14px;
    color: #777;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bootstrap_input_content_padding
{
    margin-left: 10px;
}

.edit_user_reports_wrapper {
    width: 100%;
    height: 100px;
    border-top: solid 1px;
}

.edit_user_report_holder {
    float: left;
    width: 130px;
    margin-left: 15px;
    margin-right: 15px;
}
.edit_user_report_holder_wide {
    float: left;
    width: 220px;
    margin-left: 15px;
    margin-right: 15px;
}

.edit_users_stats_header {
    height: 35px;
    width: 100%;
    padding: 3px;
    text-align: center;
    border-bottom: solid 1px;
    background-color: #F7F7F7;
}

.edit_users_stats_list {
    height: 135px;
    width: 100%;
    padding: 3px;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}

.edit_users_stats_number {
    height: 165px;
    width: 100%;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto, Arial, sans-serif;
    font-size: 24px;
    color: #444;
}

.hide_show_user_stats {
    cursor: pointer;
    float: right;
}

.user_reports_wrapper {
    padding: 11px;
    border: solid 1px;
    height: 20px;
    margin-bottom: 20px;
}

.user_stats_heading_font {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    color: #444;
    height: 36px;
    /* overflow: hidden; */
    line-height: 18px;
}

.user_stat_record {
    cursor: pointer;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
}

.user_stat_record:hover {
    font-weight: bold;
}

.users_stats_click_message {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 750px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Roboto, Arial, sans-serif;
    font-size: 28px;
    color: #444;
}

.add_product_requirement_to_audit_doc_popup
{
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    font-size     : 18px;
    font-weight   : bolder;
    text-align    : center;
    text-transform : uppercase ;
    color         : #222222;
    line-height   : 23px;
    padding-left  : 20px;
    padding-right : 20px;
    padding-top   : 90px;
}

.watermark_background
{
    width: 291px;
    height: 217px;
    position : absolute;
    bottom: 25px;
    right : 35px;
    opacity: 1 !important;
    background-image           : url("../images/navtable_bg.png");
    background-position        : center;
    background-repeat          : no-repeat;
}

.lowlight_search_results_header
{
    cursor: pointer;
    color: grey;
    margin-bottom: 20px;
}

.audit_report_data_tr.is_lowlighted_checklist_result,
.is_lowlighted_search_result #mainbar
{
    /*IE support, must maintain this order. SRC: https://css-tricks.com/almanac/properties/o/opacity/ */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);

    /* Modern Browsers */
    opacity: 0.50;

    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
}

.audit_report_data_tr.is_lowlighted_checklist_result:hover,
.is_lowlighted_search_result #mainbar:hover
{
    /*IE support, must maintain this order. SRC: https://css-tricks.com/almanac/properties/o/opacity/ */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);

    /* Modern Browsers */
    opacity: 100;
}

.lowlighted_banner
{
    background-color   : #F6F6F6;
    padding            : 10px;
    text-align         : center;
    cursor             : pointer;
    font-size          : 12px;
    width              : 100%;
    position           : relative;
    color              : #444;
    font-size          : 1em;
    max-height         : 98px;
    overflow           : auto;
    text-decoration    : none;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    margin-bottom      : 10px;
    border-radius      : 3px;
    box-shadow         : 0px 1px 0px rgba(0, 0, 0, 0.1);
    behavior           : url(PIE.php);
}

.lowlighted_PR
{
    opacity: 0.5;
}
.lowlighted_copylink_icon
{
    cursor: pointer;
    color:#666;
}

.lowlight_heading_summary
{
    cursor: pointer;
    color: #444;
}

.single_view_popup_page {
    width               : 100%;
    height              : 100%;
    background-color    : #FAFAFA;
    position            : absolute;
    background-image    : url("../images/navtable_bg.png");
    background-position : 5% -30%;
    background-repeat   : no-repeat;
}

.single_view_popup_page #copyright_content {
    width      : 60%;
    margin     : 0 auto;
    position   : relative;
    box-sizing : border-box;
    top        : 20px;
    border-bottom: none;
}

.single_popup {
    top              : 40px;
    width            : 95%;
    max-width        : 1366px;
    margin           : 0 auto;
    background-color : #FFF;
    border-radius    : 2px;
    box-shadow       : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    color            : #444;
    box-sizing       : border-box;
    behaviour        : url(PIE.php);
    overflow         : hidden;
    margin-bottom    : 5em;
}

.single_popup div.pr_heading_div:not(.balloon_custom) {
    font-size      : 16px;
    font-weight    : bold;
    color          : #444;
    border-bottom  : 1px solid #E5E5E5;
    padding-bottom : 5px;
    margin-bottom  : 10px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.single_popup .popup_flag {
    top: 20px;
    left: -86px;
}

.popup_logo_container {
    position   : relative;
    width      : 95%;
    max-width: 1366px;
    height     : 82px;
    margin     : 0 auto;
    top        : 20px;
    box-sizing : border-box;
    vertical-align: bottom;
    text-align: left;
}

.popup_logo_container img:hover {
    opacity : 0.8;
    cursor  : pointer;
}

.popup_organisation_logo {
    margin-left: 20px;
    vertical-align: bottom;
}

.single_view_popup_page .single_popup,
.single_view_popup_page .popup_logo_container,
.single_view_popup_page .copyright_content
{
    min-width: 650px;
}

.lowlighted_js_update
{
    display: none !important;
}

.lowlighted_count_dynamic_color {
    font-weight: bold;
}

.lowlighted_update span.updates_obligation_heading:before,
.update_block_ref.lowlighted_update span:first-child:before
{
    width: 100px;
    height: 20px;
    background-color: #666;
    content: "Out of Scope";
    text-transform: uppercase;
    position: relative;
    top: -2px;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #444;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    line-height: 17px;
    font-weight: bold;
    font-size: 10px;
    margin-right: 5px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.lowlighted_update span.updates_obligation_heading:before {
    padding: 3px 5px 3px 5px;
    top: -3px;
}

.validate_reset_password
{
    position: absolute;
    top: -50px;
    width: 100%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 12px;
    background-color: #FFF;
    border-left: 4px solid #C00;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

.validate_reset_password span {
    position: absolute;
    left: 10px;
    top: 13px;
    color: #C00;
}

#username_warning {
    position: absolute;
    top: -70px;
}

#limit_warning {
    position: absolute;
    top: -80px;
}

.validate_username {
    position: absolute;
    top: -50px;
    width: 100%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 12px;
    background-color: #FFF;
    border-left: 4px solid #C00;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

.updates_change_description {
    color: #C00 !important;
}

.product_requirement_link {
    border-bottom: 1px dashed #0782C1;
}

.folding_products_container {
    clear:both;
    background-color: #FFF;
    display: block;
    position: relative;
    border: 2px solid #EEE;
    width: 100%;
    max-width: 470px;
    height: 90%;
    margin-bottom: 10px;
    margin-left: 10px;
}

.folding_product_header {
    font-weight           : bold;
    color                 : #444;
    width                 : 100%;
    height                : 2.5em;
    position              : relative;
    box-sizing            : border-box;
    border-bottom         : 1px solid rgba(0, 0, 0, 0.1);
    overflow              : hidden;
    white-space           : nowrap;
    text-overflow         : ellipsis;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
    transition            : all 0.1s;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

/*.folding_product_header:last-child {*/
    /*border-bottom: none;*/
/*}*/

.folding_product_header:hover {
    background-color : rgba(0, 0, 0, 0.02) !important;
    cursor           : pointer;
}

.folding_product_header:active {
    transition       : all 0.1s;
    background-color : rgba(0, 0, 0, 0.1) !important;
}

.folding_product_header_chevron {
    display                            : inline-block;
    height                             : 100%;
    width                              : 10%;
    float                              : left;
    line-height                        : 2.5em;
    transition-timing-function         : ease-out;
    -webkit-transform-style            : preserve-3d;
    -webkit-transition-timing-function : ease-out;
    -webkit-transform-origin           : 50% 50%;
    -ms-transform-origin               : 50% 50%;
    -moz-transform-style               : preserve-3d;
    -moz-transition-timing-function    : ease-out;
    -moz-transform-origin              : 50% 50%;
    transform-orign                    : 50% 50%;
    transition                         : all 0.1s;
    text-align                         : center;
    color                              : #1AAB4A;
}

.folding_product_header_chevron span {
    line-height: 2.5em !important;
}

.folding_product_header_checkbox {
    position      : relative;
    width         : 7%;
    font-size     : 0.9em;
    display       : inline-block;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    height        : 101%;
    float         : left;
    line-height   : 3em;
    box-sizing    : border-box;
    text-align: center;
}

.folding_product_header_checkbox input {
    width: 20px;
    z-index: 1;
    position: relative;
    top: 5px;
    left: 3px;
    display: block;
}

.folding_product_header_label {
    position      : relative;
    width         : 83%;
    font-size     : 0.9em;
    display       : inline-block;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
    height        : 100%;
    float         : left;
    line-height   : 2.5em;
    box-sizing    : border-box;
}

.folding_product_header.depth_1 {
    background-color : #FFF;
}

.folding_product_header.depth_2 {
    padding-left     : 1em;
    background-color : #FDFDFD;
    font-weight: normal;
}

.folding_product_header.depth_3 {
    padding-left     : 2em;
    background-color : #FBFBFB;
    font-weight: normal;
}


.product_chevron_rotate {
    transition        : all 0.1s;
    -ms-transform     : rotate(90deg);
    -webkit-transform : rotate(90deg);
    -moz-transform    : rotate(90deg);
    transform         : rotate(90deg);
}

.folding_product_subcontainer {
    display: none;
}

.folding_product_header_background {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
    z-index: 0;
}

.folding_product_header_count {
    color: #999;
    padding-right: 5px;
    height: 100%;
    display: inline-block;
    font-weight: normal;
    position: absolute;
    right: 0px;
}

.btn-custom-style {
    border-bottom: 2px solid rgba(0,0,0,0.2) !important;
    color: #FFF !important;
}

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

.login_background {
    position            : absolute;
    width               : 100%;
    height              : 100%;
    top                 : 0;
    left                : 0;
    z-index             : 0;
    background-color    : #F7F7F7;
    transition          : all 1s;
}

.login_container {
    box-sizing       : border-box;
    border-radius    : 2px;
    box-shadow       : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background-color : #FFF;
    min-height       : 400px;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    overflow         : hidden !important;
    position         : relative;
    top              : 50%;
    left             : 50%;
    width            : 400px;
    font-size        : 14px;
    transform        : translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    z-index: 1;
}

.ie8_login_correction {
    margin-left: -250px;
    margin-top: -250px;
}

.login_container_padding {
    padding : 10px;
}

.login_container_header_bar {
    width            : 100%;
    background-color : #FAFAFA;
    color            : #444;
    padding          : 1em;
    box-sizing       : border-box;
    border-bottom    : 1px solid #EEE;
    vertical-align   : middle;
}

.login_container_header_bar span {
    padding-right  : 10px;
    font-size      : 20px;
    vertical-align : middle;
    color          : #DDD;
}

.login_header_container {
    box-sizing : border-box;
    text-align: center;
}

.login_header_logo {
    background-image    : url("../images/rebrand/ee_logo_retina.png");
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : 40%;
    height              : 150px;
    width               : 100%;
    padding             : 1em;
    box-sizing          : border-box;
}

.login_content_container {
    padding    : 1em;
    box-sizing : border-box;
    position: relative;
}

.login_form_container {
    margin-top : 20px;
}

.login_content_field_container {
    width      : 100%;
    position   : relative;
    box-sizing : border-box;
    transition: all 0.5s;
}

.login_content_field_container input:-webkit-autofill,
.login_content_field_container input:-webkit-autofill:focus {
    -webkit-box-shadow : 0 0 0 1000px white inset;
}

.login_content_field_container input[type=password],
.login_content_field_container input[type=text] {
    background-color : transparent;
    border           : none;
    width            : 100%;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    color            : #444;
    font-size        : 14px;
    padding          : 8px 0px;
    box-sizing       : border-box;
    z-index          : 2;
    border-bottom    : 2px solid #CCC;
    transition       : all 0.2s;
}

.login_content_field_container input[type=password]:focus,
.login_content_field_container input[type=text]:focus {
    outline    : none;
    box-shadow : none;
}

.login_content_field_container input[type=password] {
    font-size      : 16px;
    letter-spacing : 5px;
    font-family    : Consolas;
}

.login_content_container label {
    color : #999;
}

.login_input_decoration {
    height           : 2px;
    width            : 0%;
    background-color : #92278F;
    position         : absolute;
    bottom           : 0px;
    transition       : all 0.5s;
}

.login_content_field_container input:focus + .login_input_decoration {
    width : 100%;
}

.login_input_label {
    position         : absolute;
    left             : 5px;
    top              : 10px;
    pointer-events   : none;
    z-index          : 1;
    transition       : all 0.2s;
    text-transform   : uppercase;
    transform-origin : left center;
    color            : #AAA;
}

.login_input_label.selected {
    top       : -12px;
    left      : 0px;
    transform : scale(0.8);
    color     : #92278F;
}

.login_button {
    width            : 100%;
    height           : 44px;
    border-radius    : 3px;
    padding          : 1em;
    color            : #FFF;
    background-color : #92278F;
    text-transform   : uppercase;
    font-size        : 14px;
    text-align       : center;
    box-sizing       : border-box;
    transition       : all 0.2s;
    position: relative;
    margin: 0 auto;
}

.login_button.disabled_login_button {
    background-color: #E6E6E6 !important;
}

.button_red {
    background-color: #C00;
}

.button_small {
    width: 100px;
}

.button_center {
    margin: 0 auto;
}

.login_button:focus {
    outline: none;
    opacity: 0.9;
}

.login_forgot_container {
    text-align : center;
    font-size  : 12px;
    padding    : 0px 0px 10px 0px;
    transition: all 0.5s;
}

.login_button:hover {
    opacity    : 0.9;
    cursor     : pointer;
}

.login_button span {
    padding-right : 10px;
}

.login_checkbox {
    width         : 19px;
    height        : 19px;
    border        : 1px solid #CCC;
    border-radius : 3px;
    display       : block;
    overflow      : hidden;
    transition: all 0.2s;
}

.login_checkbox:hover {
    cursor : pointer;
}

.login_checkbox[checked_value="1"]:after {
    content     : "\f00c";
    font-family : FontAwesome;
    color       : #92278F;
    font-size   : 15px;
    position    : absolute;
    top         : 3px;
    left        : 3px;
}

.login_checkbox[checked_value="1"] {
    border-color : #92278F;
}

.login_checkbox[checked_value="1"] + .login_checkbox_label {
    color: #92278F;
}

.login_checkbox_label {
    color      : #999;
    text-align : left;
    position   : absolute;
    left       : 30px;
    top        : 2px;
    font-size  : 14px;
}

.login_checkbox_cursor:hover {
    cursor : pointer;
}

.login_submitting {
    background-color : #F6F6F6 !important;
    color            : #CCC;
    pointer-events   : none;
    width            : 44px;
    height           : 44px;
    border-radius    : 30px;
    transition       : all 0.3s;
    position: relative;
    margin: 0 auto;
}

.login_submitting_container .login_content_field_container,
.login_submitting_container .login_forgot_container {
    transition: all 0.5s;
    opacity: 0.2;
    pointer-events: none;
}

.login_submitting:after {
    content: "\f021";
    font-family: FontAwesome;
    color: #92278F;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    position: absolute;
    display: block;
    left: 16%;
    top: 17%;
    -webkit-animation                 : rotate 1s linear, product_colors 5s linear;
    -webkit-animation-iteration-count : infinite;
    -moz-animation                    : rotate 1s linear, product_colors 5s linear;
    -moz-animation-iteration-count    : infinite;
    animation                         : rotate 1s linear, product_colors 5s linear;
    animation-iteration-count         : infinite;
    transform-origin                  : center center;
    -webkit-filter: blur(0);
}

.login_success {
    background-color : #F6F6F6 !important;
    color            : #92278F;
    pointer-events   : none;
    width            : 44px;
    height           : 44px;
    border-radius    : 30px;
    transition       : all 0.3s;
    position: relative;
    margin: 0 auto;
}

.login_button .loading_spiral_container {
    display: none;
}

.login_button.login_success .loading_spiral_container {
    display: block;
}

.login_success:after {
    content: "\f00c";
    font-family: FontAwesome;
    color: #92278F;
    font-size: 30px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    position: absolute;
    display: block;
    left: 16%;
    top: 17%;
}

@-webkit-keyframes hourglass {
    0% {
        content: "\f251";
        font-size: 1.3em;
    }
    20% {
        content: "\f251";
        font-size: 1.3em;
    }
    50% {
        content: "\f252";
        font-size: 1.3em;
    }
    75% {
        content: "\f253";
        font-size: 1.3em;
    }
    80% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(0deg);
    }
    90% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
    100% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
}


@-moz-keyframes hourglass {
    0% {
        content: "\f251";
        font-size: 1.3em;
    }
    20% {
        content: "\f251";
        font-size: 1.3em;
    }
    50% {
        content: "\f252";
        font-size: 1.3em;
    }
    75% {
        content: "\f253";
        font-size: 1.3em;
    }
    80% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(0deg);
    }
    90% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
    100% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
}

@keyframes hourglass {
    0% {
        content: "\f251";
        font-size: 1.3em;
    }
    20% {
        content: "\f251";
        font-size: 1.3em;
    }
    50% {
        content: "\f252";
        font-size: 1.3em;
    }
    75% {
        content: "\f253";
        font-size: 1.3em;
    }
    80% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(0deg);
    }
    90% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
    100% {
        content: "\f253";
        font-size: 1.3em;
        transform: rotate(180deg) translate(0px, -1px);
    }
}


#login_error_container {
    padding: 0em 1em;
    color: #C00;
    font-size: 12px;
    overflow: hidden;
    height: 0px;
    transition: all 0.5s;
    text-align: center;
}

@-webkit-keyframes product_colors {
    0% {
        color: #92278F;
        stroke: #92278F;
    }
    15% {
        color: #92278F;
        stroke: #92278F;
    }
    20% {
        color: #19AB49;
        stroke: #19AB49;
    }
    35% {
        color: #19AB49;
        stroke: #19AB49;
    }
    40% {
        color: #F0B608;
        stroke: #F0B608;
    }
    55% {
        color: #F0B608;
        stroke: #F0B608;
    }
    60% {
        color: #447EC0;
        stroke: #447EC0;
    }
    75% {
        color: #447EC0;
        stroke: #447EC0;
    }
    80% {
        color: #6633BB;
        stroke: #6633BB;
    }
    95% {
        color: #6633BB;
        stroke: #6633BB;
    }
    100% {
        color: #92278F;
        stroke: #92278F;
    }
}

@-moz-keyframes product_colors {
    0% {
        color: #92278F;
        stroke: #92278F;
    }
    15% {
        color: #92278F;
        stroke: #92278F;
    }
    20% {
        color: #19AB49;
        stroke: #19AB49;
    }
    35% {
        color: #19AB49;
        stroke: #19AB49;
    }
    40% {
        color: #F0B608;
        stroke: #F0B608;
    }
    55% {
        color: #F0B608;
        stroke: #F0B608;
    }
    60% {
        color: #447EC0;
        stroke: #447EC0;
    }
    75% {
        color: #447EC0;
        stroke: #447EC0;
    }
    80% {
        color: #6633BB;
        stroke: #6633BB;
    }
    95% {
        color: #6633BB;
        stroke: #6633BB;
    }
    100% {
        color: #92278F;
        stroke: #92278F;
    }
}

@keyframes product_colors {
    0% {
        color: #92278F;
        stroke: #92278F;
    }
    15% {
        color: #92278F;
        stroke: #92278F;
    }
    20% {
        color: #19AB49;
        stroke: #19AB49;
    }
    35% {
        color: #19AB49;
        stroke: #19AB49;
    }
    40% {
        color: #F0B608;
        stroke: #F0B608;
    }
    55% {
        color: #F0B608;
        stroke: #F0B608;
    }
    60% {
        color: #447EC0;
        stroke: #447EC0;
    }
    75% {
        color: #447EC0;
        stroke: #447EC0;
    }
    80% {
        color: #6633BB;
        stroke: #6633BB;
    }
    95% {
        color: #6633BB;
        stroke: #6633BB;
    }
    100% {
        color: #92278F;
        stroke: #92278F;
    }
}

.login_submitting .login_button_initial_text,
.login_success .login_button_initial_text {
    display : none;
}

.logout_message {
    padding: 0.5em 1em;
    text-align: center;
    background-color: #fcf8e3;
    color: #8a6d3b;
    font-size: 12px;
    border: 1px solid #faebcc;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    border-radius: 2px;
}

.logout_message span {
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 1.5em;
}

.noselect {
    -webkit-touch-callout : none -webkit-user-select : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
}

.create_rbac_users_page {
    width               : 100%;
    height              : 100%;
    background-color    : #FAFAFA;
    position            : absolute;
    background-image    : url("../images/navtable_bg.png");
    background-position : 5% 0%;
    background-repeat   : no-repeat;
}

.div_table {
    display: table;
    width: 100%;
}

.div_row {
    display: table-row;
}

.div_cell {
    display: table-cell;
    vertical-align : top;
}

.notification_slide_wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    right: 0px;
    height: auto;
    transition: all 0.2s;
}

.alert_notification {
    width: 100%;
    box-sizing: border-box;
    display: table;
    position: relative;
    font-size: 120%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alert_notification_row {
    display: table-row;
    vertical-align: top;
    transition: all 0.1s;
}

.alert_notification_row:hover {
    background-color: rgba(0,0,0,0.02);
}

.alert_notification.notification_new .alert_notification_row:hover {
    background-color: #FCFCC9;
}

.alert_notification_cell {
    display: table-cell;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
    vertical-align: top;
}

.alert_notification_icon {
    width: 100px;
    padding: 10px 0px 10px 10px;
    box-sizing: border-box;
    transition: all 0.2s;
}

.alert_notification_icon_container {
    background-color: rgba(0,0,0,0.05);
    position: absolute;
    height: 80px;
    width: 80px;
}

.alert_notification_actions {
    width: 20px;
    padding: 10px 10px 0px 0px;
    transition: all 0.2s;
}

.alert_notification_cell_wrapper {
    padding-left: 0px;
    transition: all 0.2s;
}

.notification_new {
    background-color: #FDFDDC;
}

.alert_notification_type {
    font-style: italic;
    color: #999;
    display: inline-block;
    width: 50%;
    padding-bottom: 10px;
}

.alert_notification_trigger_date {
    color: #999;
    display: inline-block;
    width: 50%;
    position: absolute;
    right: -20px;
    top: 10px;
    text-align: right;
    transition: all 0.2s;
    font-size: 12px;
}

.alert_notification_heading {
    font-weight: bold;
    font-size: 14px;
    color: #444;
    padding-bottom: 10px;
    transition: all 0.2s;
}

.alert_notification_content {
    padding: 5px;
    width: 95%;
    border-left: 2px solid rgba(0,0,0,0.1);
    margin-left: 10px;
    padding-left: 10px;
    transition: all 0.2s;
    font-size: 12px;
}

.alert_notification_row:hover .alert_notification_button {
    opacity: 0.3;
    right: -4px;
}

.alert_notification_row:hover .alert_notification_trigger_date {
    right: 10px;
}

.alert_notification_button {
    text-align: center;
    display: block;
    /*right: -20px;*/
    right: -4px;
    top: 0px;
    position: relative;
    font-size: 12px;
    color: #444;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: all 0.2s;
}

.alert_notification_button:hover {
    opacity: 1 !Important;
    cursor: pointer;
}

.notification_view_options_container {
    position: absolute;
    left: 10px;
    top: 10px;
}

.notification_view_options_container span {
    font-size: 14px;
    padding-right: 5px;
    transition: all 0.2s;
}

.notification_view_options_container span:hover {
    color: #444;
    cursor: pointer;
}

/* COMPACT ALERTS STATE */
.compact_alert_notifications .alert_notification_icon {
    width: 0px;
    overflow: hidden;
    padding: 0px;
}

.compact_alert_notifications .alert_notification_type {
    display: none;
}

.compact_alert_notifications .alert_notification_trigger_date {
    bottom: 10px;
    right: -70px !important;
    position: absolute;
    width: auto;
    height: 16px;
    display: block;
    top: auto;
}

.compact_alert_notifications .alert_notification_cell_wrapper {
    padding-left: 10px;
}

.compact_alert_notifications .alert_notification_heading {
    padding-bottom: 0px;
}

.compact_alert_notifications .alert_notification_content {
    padding: 5px 0px 0px 0px;
    margin: 0;
    border-left: none;
}

.compact_alert_notifications .alert_notification_actions {
    width: 80px;
    text-align: right;
}

.compact_alert_notifications .alert_notification_actions .alert_notification_button {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.quick_edit_container {
    font-family : Roboto, Arial, Helvetica, sans-serif;
}

.quick_edit_id {
    color       : #999;
    font-size   : 14px;
    width       : 100%;
    padding     : 4px 0px;
    font-weight : 300;
}

.quick_edit_title {
    color       : #444;
    font-size   : 20px;
    width       : 100%;
    padding     : 4px 0px;
    font-weight : bold;
    line-height : 24px;
}

.quick_edit_field_holder {
    display       : table;
    width         : 100%;
    box-sizing    : border-box;
    overflow      : hidden;
    margin-bottom : 5px;
}

.quick_edit_field {
    display          : table-cell;
    background-color : #E6E6E6;
    min-width        : 150px;
    max-width        : 150px;
    width            : 150px;
    vertical-align   : middle;
    padding          : 7px;
    color            : #444;
    font-weight      : bold;
}

.quick_edit_non_editable_constrain {
    overflow    : hidden;
    overflow-y  : scroll;
    /*text-overflow: ellipsis;*/
    word-break  : break-all;
    white-space : nowrap;
    width       : 610px;
}

.quick_edit_editable {
    display        : table-cell;
    box-sizing     : border-box;
    width          : 100%;
    vertical-align : middle;
    color          : #444;
}

.quick_edit_editable input {
    width   : 100%;
    height  : 100%;
    padding : 4px 8px;
}

.quick_edit_editable textarea {
    padding: 4px 8px;
}

.quick_edit_editable select {
    padding: 4px 8px;
}

.quick_edit_inline_display {
    background-color : #E6E6E6;
    height           : 32px;
    width            : 100%;
    padding          : 8px;
    box-sizing       : border-box;
    font-size        : 14px;
    color            : #444;
    text-align       : center;
}

.quick_edit_header_container {
    width          : 100%;
    border-bottom  : 1px dotted rgba(0, 0, 0, 0.2);
    padding-bottom : 10px;
    margin-bottom  : 15px;
}

.quick_edit_small_description {
    font-size: 10px;
    color: #999;
    font-weight: normal;
    display: block;
    padding-top: 10px;
}

.quick_edit_content_preview {
    display: block;
    width: 100%;
    position: relative;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #CCC;
    box-sizing: border-box;
    background-color: #FFF;

}

.quick_edit_content_preview_container {
    padding: 0px 10px 10px 10px;
    max-height: 150px;
    overflow: hidden;
    overflow-y: scroll;
}

.alert_container {
    padding-bottom : 20px;
    color          : #444;
    width          : 100%;
}

.alert_table {
    display: table;
    width: 100%;

}

.alert_table_heading {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.alert_row_notif_container {
    display       : table-row;
    width         : 100%;
}

.alert_table_notif_container {
    display: table;
    width : 100%;
    padding: 5px 0px;
    border-bottom : 1px solid #DDD;
}

.alert_table_notif_container:hover
{
    cursor  : pointer;
    background-color: #D8D8D8; ;
}

.alert_cell_content {
    display: table-cell;
    width: 80%;
    padding-left: 10px;
    font-size : 14px;
    line-height: 15px;
}

.alert_cell_object {
    display: table-row;
    font-size : 12px;
    line-height: 13px;
    padding-left: 10px;
}

.alert_settings_container
{
    display: table;
    width : 100%;
}



.alert_content_container,
.alert_header_container {
    width : 100%;
}

.alert_header {
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    font-size          : 30px;
    font-weight        : 500 !important;
    color              : #666;
    margin-bottom      : 20px;
    text-align         : left;
    padding            : 10px 0px 10px 0px;
    line-height        : 110%;
    width              : 100% !important;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;

}

.alert_type_container {
    background-color : #FAFAFA;
    min-height       : 50px;
    box-sizing       : border-box;
    border-radius    : 2px;
    box-shadow       : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    overflow         : hidden;
    padding          : 0px 0px;
    color            : #444;
    position         : relative;
}

.alert_notification_container {
    width            : 100%;
    margin-top       : 20px;
    background-color : #FAFAFA;
    min-height       : 50px;
    box-sizing       : border-box;
    border-radius    : 2px;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    padding-bottom   : 10px;
    overflow         : hidden;
}

.alert_notification_settings_container {
    width : 100%;
    margin-bottom : 20px;
}

.alert_notification_management_edit_container {
    width : 100%;
}

#cancel_alert_count_label {
    padding: 0;
}

.alert_type_table {
    display    : table;
    width      : 100%;
    box-sizing : border-box;
    position: relative;
}

.alert_heading_row,
.alert_type_row {
    display    : table-row;
    width      : 100%;
    box-sizing : border-box;
    position: relative;
}

.alert_type_row:hover {
    background-color: rgba(0,0,0,0.02);
}

.alert_type_row .alert_cell {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.alert_left {
    width       : 152px;
    float       : left;
    text-align  : left;
    color       : #444;
    clear       : left;
    /*padding     : 3px 0px 2px 8px;*/
    font-size   : 1.2em;
    display     : block;
    position    : relative;
    font-weight : bold;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    min-width   : 150px;

}

.alert_right {
    margin-left   : 9px;
    float         : right;
    position      : relative;
    clear         : right;
    margin-bottom : 10px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;

}

.alert_input_span {
    width      : 150px !important;
    text-align : left;
}

.alert_cell {
    display            : table-cell;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    padding            : 10px;
    vertical-align : middle;
}

.ae_table_cell_save span:hover,
.ae_table_cell_remove span:hover {
    opacity : 0.8;
    cursor  : pointer;
}

.alert_table_cell_right {
    text-align : right;
    /*padding    : 3px 15px;*/
    /*position : relative;*/
    width      : 30%;
}

.alert_table_cell_right span {
    font-size: 20px;
    line-height: 20px;
}

.alert_table_cell_middle {
    display            : table-cell;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    width              : 20%;
}

.alert_font {
    font-family : Roboto, Arial, Helvetica, sans-serif;
    font-size   : 14px;
}

.alert_font_notification{
    font-size : 12px;
}

.report_input {
    margin-bottom : 10px;
    width         : 100%;
}

.alert_toggles span:hover {
    opacity : 0.7;
    cursor  : pointer;
}

.alert_heading_row {
    background-color : #E6E6E6;

}

.alert_heading_cell_right,
.alert_heading_cell_left {
    display       : table-cell;
    width         : 50%;
    padding       : 3px 10px;
    border-bottom : 1px solid #929292;

}

.alert_heading_cell_right {
    text-align : right;
}

input.alert_textbox {
    width              : 838px;
    padding            : 5px;
    font-size          : 16px;
    border             : 1px solid #E6E6E6;
    color              : #555;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
}

.alert_notification_table {
    padding : 2px 10px;
}

.alert_dropdown select {
    width         : 200px;
    font-size     : 16px;
    margin        : 4px 0;
    box-shadow    : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius : 2px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    border        : none;
    height        : 25px;
    color         : #555;
}

.alert_dropdown select:hover {
    cursor : pointer;
}

.alert_notification_management_table {
    display : table;
    width   : 100%;
}

.alert_notification_management_row {
    display : table-row;
    width   : 100%;
}

.alert_notification_management_cell {
    display : table-cell;
    margin  : 2px 5px;
}

.alert_edit_right {
    margin-left : 9px;
    float       : left;
    position    : relative;
    clear       : right;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    text-align  : left;
}

.alert_notification_disabled {
    opacity : 0.2;

}

.alert_notification_dropdown select {
    width         : 100px;
    font-size     : 14px;
    box-shadow    : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius : 2px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    border        : none;
    height        : 20px;
    color         : #555;
}

.alert_notification_dropdown select:hover {
    cursor : not-allowed;
}


.alert_cell_heading {
    display: table-cell;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 10px;
    border-bottom: 2px solid rgba(0,0,0,0.05);
    background-color: #F7F7F7;
}

.alert_notification_manage_link {
    color: #999;
}

.alert_notification_manage_link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.alert_notification_link_spacer {
    padding: 0px 5px;
}

.noscroll {
    position: fixed;
    overflow-y: scroll;
    left: 50%;
    margin-left: -511px;
}

.all_notifications_container {
    border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.all_notifications_container .alert_notification:last-child .alert_notification_cell {
    border-bottom: none;
}

.notification_panel_loading_element .loading_element_container {
    box-shadow: none;
}

.ami_actions {
    text-align: right;
}

.ami_actions span {
    font-size: 14px;
    opacity: 0.2;
    padding-right: 10px;
    transition: all 0.2s;
    color: #444;
}

.ami_actions span.fa-times {
    color: #C00;
}

.ami_actions span:last-child {
    padding-right: 0px;
}

.ami_actions span:hover {
    opacity: 1;
    cursor: pointer;
}

.juri_notification_badge {
    display       : inline-block;
    font-size     : 10px;
    border        : 1px solid #999;
    border-radius : 3px;
    box-sizing    : border-box;
    line-height   : 10px;
    padding       : 2px 4px 1px 4px;
    position      : relative;
    top           : -1px;
    font-family   : Roboto;
    font-weight   : normal;
    color         : #999 !important;
    margin-left   : 3px;
}

.juri_notification_badge:hover {
    border-color : #444;
    color        : #444 !important;
}


.unsub_container
{
    background-color : #FFF;
    border           : 1px solid #FDFDFD;
    box-shadow       : 0px 2px 4px rgba(0, 0, 0, 0.2);
    position         : absolute;
    top: 25%;
    left: 37%;
    border-radius: 3px;
    behavior         : url(PIE.php);
    font-family: Roboto;
    width: 502px;
    font-size: 12px;
}

.unsub_goback
{
    font-size : 12px;
    position  : absolute;
    bottom    : -30px;
    left      : 0px;
}

.unsusb_input_container
{
    width              : 500px;
    padding            : 10px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    font-size          : 12px;
    color              : #444;
    padding-bottom: 40px;
}

.unsub_button
{
    font-size: 12px;
    width              : 100%;
    padding            : 5px;
    background-color   : #19AB49;
    color              : #FFF;
    text-align         : center;
    position           : absolute;
    bottom             : 0px;
    left               : 0px;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    outline            : 1px solid #19AB49;
    transition         : all 0.2s;
}

.unsub_button:hover
{
    opacity    : 0.8;
    cursor     : pointer;
    transition : all 0.2s;
}

.unsub_warning_text
{
    font-size: 12px;
    padding: 10px;
    font-weight: bold;
}

.referenece_alert_bell:hover
{
    cursor: pointer;
}

.nutshell_info_wrapper {
    margin-top: 10px;
    margin-bottom: 20px;
}

.nutshell_info
{
    position: relative;
    width:100%;
    border-bottom: none;
    box-sizing: border-box;
    padding: 0;
}

.nutshell_info_padding {
    padding: 10px;
}

.nutshell_info_interaction {
    clear:both;
    position: relative;
    padding: 10px;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
}

.nutshell_info_interaction:hover {
    cursor: pointer;
    opacity: 0.9;
}

.nutshell_info_interaction span[selector=plus_minus_icon] {
    padding-right: 5px;
}

#begin_pr_content .nutshell_info_wrapper {
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 1px dotted #CCC;
}

form li div.feedback_input_container label
{
    clear:both;
    color:#444;
    display:block;
    font-size:12px;
    line-height:9px;
    margin:0;
    padding-top:3px;
    margin-bottom: 5px;
}

.feedbT {
    right: 0px;
    top: 48%;
}

#feedbTab{
    position:fixed;
}


#feedbTab a{
    line-height:30px;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
}

.mrTab{
    display: inline-block;
    *display: inline; /* Used to get IE 6 & 7 to behave */
    zoom: 1; /* Used to get IE 6 & 7 to behave */
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.feedback_form_container form li div
{
    margin:0 0px 0 0;
}

.feedback_form_container form li span
{
    float: left;
}

.popup_alert_bottom_toolbar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #F6F6F6;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border-top: 1px solid #E6E6E6;
}

.single_ref_static_display div
{
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
}

.single_ref_static_display div a
{
    /*color: white;*/
}

.nav_prod_header
{
    display: inline-block;
    padding: 10px;
    font-size: 24px;
    color: white;
}

.nav_prod_header :hover
{

}
.nav_juri_header,
.nav_juri_header li
{
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: white;
    padding: 0px;
}

.nav_juri_header li
{
    padding: 5px;
    cursor: pointer;
}

.nav_juri_header li:after
{
    content: " | ";
    padding: 0 10px;
}

.ref_table_styling
{
    width: 100%;
    table-layout: fixed;
}

.ref_table_styling td
{
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    padding: 5px;
}

/* Knowledge Base styles */
.kb_header_main_wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    top: -20px;
    position: relative;
}

.kb_header_main_container {
    display: table-row;
    background-color: #F6F6F6;
    width: 100%;
    height: 42px;
    vertical-align: top;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    color: #444;
}

.kb_header_main_container div {
    display: table-cell;
    vertical-align: top;
    transition: all 0.2s;
}

.kb_header_main_label {
    width: 40%;
    line-height: 42px;
    font-size: 16px;
    padding-left: 15px;
    box-sizing: border-box;
}

.kb_header_main_email_container {
    background-color: #447EC0;
    width: 24%;
    height: 42px;
    color: #FFF;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    display: block;
    position: relative;
}

.kb_header_main_phone_container {
    background-color: #19AB49;
    width: 26%;
    height: 42px;
    color: #FFF;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
}

.kb_header_main_googleplus_container {
    background-color: #DD4B3C;
    width: 42px;
    height: 42px;
    position: relative;
}

.kb_header_main_linkedin_container {
    background-color: #0177B5;
    width: 42px;
    height: 42px;
    position: relative;
}

.kb_header_main_email_container:hover,
.kb_header_main_googleplus_container:hover,
.kb_header_main_linkedin_container:hover {
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.2s;
}

.kb_header_main_phone_icon,
.kb_header_main_email_icon,
.kb_header_main_linkedin_icon,
.kb_header_main_googleplus_icon {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    color: #FFF;
}

.kb_header_main_googleplus_icon,
.kb_header_main_linkedin_icon {
    width: 100%;
    display: block !important;
}

.kb_header_main_email_detail,
.kb_header_main_phone_detail {
    background-color: rgba(0,0,0,0.1);
    height: 42px;
}

.kb_header_main_email_detail {
    width: 249px;
}

.kb_header_main_phone_detail {
    width: 229px;
}

.kb_header_main_clickable {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.kb_front_page_container {
    position: relative;
    width: 100%;
    min-height: 540px;
    vertical-align: top;
    margin-bottom: 18px;
}

.kb_featured_and_links_container {
    position: relative;
    display: inline-block;
    width: 620px;
    height: 540px;
    margin-right: 16px;
    vertical-align: top;
}

.kb_popular_articles_container {
    position: relative;
    display: inline-block;
    width: 382px;
    height: 538px;
    background-color: #447EC0;
    vertical-align: top;
    box-sizing: border-box;
}

.kb_featured_container {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #19AB49;
    margin-bottom: 18px;
}

.kb_links_container {
    width: 100%;
    height: 135px;
    position: relative;
    display: table;
    table-layout : fixed;
}

.kb_link_square_container {
    display: table-cell;
    position: relative;
    width: 135px;
    height: 135px;
    padding-right: 18px;
    vertical-align: top;
}

.kb_link_square {
    width: 100%;
    height: 135px;
    background-color: #92278F;
    position: relative;
    vertical-align: top;
    color: #FFF;
    transition: all 0.2s;
}

.kb_link_square:hover {
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.2s;
}

.kb_link_square_container:last-child {
    padding-right: 0px;
}

.kb_container_header {
    background-color: rgba(0,0,0,0.10);
    height: 45px;
    width: 100%;
    display: block;
    position: relative;
    line-height: 45px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    padding: 0px 15px;
    box-sizing: border-box;
}

.kb_container_header span {
    position: absolute;
    right: 17px;
    line-height: 45px;
    font-size: 16px;
}

.kb_popular_articles_entry {
    width: 100%;
    min-height: 62px;
    position: relative;
    display: block;
    color: #FFF;
    padding: 10px 20px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    transition: all 0.2s;
}

.kb_popular_articles_entry:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
    transition: all 0.2s;
}

.kb_popular_article_entry_icon {
    display: inline-block;
    width: 20px;
    height: 100%;
    position: relative;
    vertical-align: top;
    padding-top: 2px;
    font-size: 14px;
}

.kb_popular_article_entry_label {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    padding: 2px;
    font-size: 14px;
}

.kb_popular_article_entry_last_update {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    padding: 2px;
    font-size: 12px;
    opacity: 0.5;
}

.kb_popular_article_entry_content_container {
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

.kb_featured_container_wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    transition: all 0.2s;
}

.kb_featured_container_wrapper:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,0.1);
    transition: all 0.2s;
}

.kb_featured_thumbnail {
    width: 190px;
    height: 125px;
    background-color: rgba(0,0,0,0.1);
    position: relative;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

.kb_featured_thumbnail span {
    text-align: center;
    line-height: 125px;
    color: #FFF;
    font-size: 40px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 5;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.kb_featured_description_container {
    width: 380px;
    height: 122px;
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.kb_featured_description_header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}

.kb_featured_description_header span {
    padding-right: 5px;
}

.kb_featured_description_last_update {
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 10px;
}

.kb_featured_description {
    height: 83px;
    display: block;
    overflow:hidden;
}

.kb_link_square_icon_container {
    position: absolute;
    height: 90px;
    width: 100%;
    top: 0px;
    font-size: 35px;
    text-align: center;
    line-height: 90px;
}

.kb_link_square_icon_container span:nth-child(2)
{
    font-size: 24px;
    position: absolute;
    right: 48px;
    bottom: 20px;
    text-shadow:
    -1px -1px 0 #92278F,
    1px -1px 0 #92278F,
    -1px 1px 0 #92278F,
    1px 1px 0 #92278F;
}

.kb_link_square_label_container {
    position: absolute;
    bottom: 0px;
    height: 60px;
    width: 100%;
    text-align: center;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
    padding: 15px;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.kb_recent_articles_container {
    width: 100%;
    position: relative;
    display: block;
    background-color: #F6F6F6;
}

.kb_recent_article_entry {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    transition: all 0.2s;
}

.kb_recent_article_entry:hover {
    background-color: rgba(0,0,0,0.05);
    cursor: pointer;
    transition: all 0.2s;
}

.kb_recent_article_thumbnail {
    height: 120px;
    width: 190px;
    background-color: rgba(0,0,0,0.1);
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    z-index: 1;
}

.kb_recent_article_thumbnail span {
    text-align: center;
    line-height: 120px;
    color: #FFF;
    font-size: 40px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 5;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.kb_thumbnail_veil {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 2;
}

.kb_thumbnail_image {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

.kb_recent_article_content_container {
    display: inline-block;
    width: 785px;
    height: 120px;
    vertical-align: top;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #444;
}

.kb_recent_article_content {
    height: 80px;
    display: block;
    overflow:hidden;
}

.kb_recent_article_header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    display: block;
    position: relative;
}

.kb_recent_article_header span {
    padding-right: 5px;
}

.kb_recent_article_update_date {
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 5px;
    display: block;
    position: relative;
}

.kb_resource_header_bar {
    height: 42px;
    width: 100%;
    line-height: 42px;
    padding: 0px 10px;
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    background-color: #F6F6F6;
    position: relative;
}

.kb_resource_bottom_container {
    border-top: 2px solid #E6E6E6;
    box-sizing: border-box;
    width: 100%;
    padding-top: 20px;
}

.kb_search_header_bar_title {
    height: 42px;
    width: 100%;
    line-height: 42px;
    padding: 0px 10px;
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    background-color: rgba(0,0,0,0.1);
    position: relative;
}

.kb_search_header_bar_title span,
.kb_resource_header_bar_title span {
    padding: 0px 3px;
}

.kb_header_bar_back_link {
    opacity: 0.5;
    transition: all 0.2s;
}

.kb_header_bar_back_link:hover {
    opacity: 1;
    cursor: pointer;
    transition: all 0.2s;
}

.kb_resource_header_bar_right_container {
    position: absolute;
    height: 42px;
    width: 100px;
    right: 0px;
    top: 0px;
    text-align: right;
}

.kb_resource_header_bar_right_container span {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 0px;
    vertical-align: top;
    line-height: 42px;
}

.kb_resource_header_bar_right_container span.clickable:hover {
    background-color: rgba(255,255,255,0.1);
    cursor: pointer;
}

.kb_article_content_wrapper {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #444;
    padding: 20px 0px;
    margin-bottom: 10px;
}

.kb_article_content_wrapper img {
    position: relative;
    margin: 0 auto;
    display: inherit;
    padding: 10px;
    background-color: #F6F6F6;
    border-radius: 2px;
    max-width: 1022px;
    box-sizing: border-box;
}

.kb_resource_bottom_container {
    position: relative;
    padding-top: 20px;
    border-top: 2px solid #E6E6E6;
}

.kb_tag_container {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    opacity: 0.8;
}

.kb_resource_tag {
    color: #0782C1;
}

.kb_go_back_button {
    font-size: 12px;
    padding: 5px 0px;
    color: #0782C1;
}

.kb_go_back_button:hover {
    opacity: 0.8;
    cursor: pointer;
}

.kb_go_back_button span {
    padding-right: 3px;
}

.kb_updated_date {
    opacity: 0.8;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 20px;
    color: #666;
}

.kb_search_container {
    height: 165px;
    width: 100%;
    background-color: #336699;
    margin-bottom: 20px;
}

.kb_search_bar_container {
    width: 90%;
    position: relative;
    margin: 0 auto;
    height: 100px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin-top: 10px;
}

.kb_search_bar_input_container {
    width: 100%;
    position: relative;
    display: block;
    height: 50px;
    border-bottom: 2px solid #FFF;
    box-sizing: border-box;
}

.kb_search_bar_input_container .loading_element_container {
    position: relative;
    top: -2px;
    height: 2px;
    box-shadow: none;
}

.kb_search_popular_tags_container {
    width: 100%;
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
}

.kb_search_popular_tags_label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    color: #FFF;
}

.kb_search_icon_container {
    width: 30px;
    height: 50px;
    line-height: 48px;
    text-align: left;
    display: inline-block;
    color: #FFF;
    font-size: 20px;
}

.kb_search_input_wrapper {
    display: inline-block;
    width: 96%;
    margin-right: 0px;
    height: 48px;
    line-height: 48px;
    vertical-align: top;
    position: relative;
}

.kb_search_input_wrapper input {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #FFF;
}

.kb_search_input_wrapper input::-webkit-input-placeholder {
    color: #FFF;
}

.kb_search_input_wrapper input:-moz-placeholder { /* Firefox 18- */
    color: #FFF;
}

.kb_search_input_wrapper input::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF;
}

.kb_search_input_wrapper input:-ms-input-placeholder {
    color: #FFF;
}

.kb_search_input_wrapper input:focus {
    outline: none;
}

.kb_search_results_container {
    width: 100%;
    position: relative;
    display: block;
    background-color: #F6F6F6;
}

.kb_video_wrapper {
    width: 100%;
    height: 500px;
    background-color: #000;
    position: relative;
    display: block;
    background-size: cover;
}

.kb_video_veil {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.6);
}

.kb_video_wrapper span {
    display: block;
    font-size: 100px;
    top: 40%;
    position: absolute;
    z-index: 2;
    text-align: center;
    left: 46%;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    transition: all 0.5s;
}

.kb_video_wrapper span:hover {
    transform: scale(1.2);
    transition: all 0.5s;
    cursor: pointer;
}

.kb_video_header {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
}

.kb_file_content_wrapper {
    width: 100%;
    background-color: #F6F6F6;
    position: relative;
}

.kb_file_description_container {
    width: 70%;
    position: relative;
    padding: 10px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #444;
    margin-bottom: 20px;
    min-height: 90px;
    box-sizing: border-box;
}

.kb_file_download_button {
    position: absolute;
    width: 25%;
    right: 15px;
    top: 15px;
    height: 60px;
    background-color: #19AB49;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.kb_file_download_button:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.2s;
}

.kb_file_download_button_name,
.kb_file_download_button_header {
    width: 194px;
    position: absolute;
    right: 10px;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.kb_file_download_button_header {
    top: 12px;
    font-size: 16px;
    font-weight: bold;
}

.kb_file_download_button_name {
    top: 32px;
    font-size: 12px;
    opacity: 0.8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kb_file_download_button_icon {
    width: 20%;
    position: absolute;
    left: 0px;
    font-size: 20px;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    text-align: center;
    line-height: 60px;
}

.kb_file_download_button_clickable {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.kb_search_result_match_container {
    width: 100%;
    position: relative;
    display: block;
}

.kb_search_result_match_header {
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 20px;
    box-sizing: border-box;
    color: #999;
    border-bottom: 1px solid #EEE;
}

.kb_search_no_results_container {
    width: 100%;
    height: 100px;
    position: relative;
}

.kb_search_no_results_label {
    display: block;
    text-align: center;
    padding: 40px;
    box-sizing: border-box;
    width: 100%;
    color: #CCC;
    font-size: 20px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.kb_search_popular_tag {
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 2px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 11px;
    box-sizing: border-box;
    line-height: 16px;
    margin-left: 10px;
    vertical-align: middle;
    text-transform : none;
    font-weight: 300;
    margin-top: -2px;
}

.kb_search_popular_tag:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #336699;
    cursor: pointer;
}

.kb_product_contact_container {
    position: relative;
    width: 100%;
    background-color: #92278F;
}

.kb_suggested_assistance_container {
    min-height: 150px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #FFF;
}

.kb_suggested_assistance_header {
    font-size: 24px;
    font-weight: 300;
    padding: 5px 0px;
}

.kb_suggested_assistance_subheader {
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0px;
}

.kb_suggested_assistance_list_table {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.kb_suggested_assistance_list_row {
    display: table-row;
}

.kb_suggested_assistance_list_cell {
    display: table-cell;
    padding: 10px;
    width: 50%;
}

.kb_suggested_assistance_list_cell:first-child {
    padding-left: 0px;
}

.kb_suggested_assistance_list_cell:nth-child(2) {
    padding-right: 0px;
}

.kb_suggested_assistance_list_container {
    padding: 10px;
    background-color: rgba(0,0,0,0.1);
}

.kb_suggested_assistance_list_heading {
    display: block;
    font-size: 16px;
    padding: 4px 0px;
    font-weight: bold;
}

.kb_suggested_assistance_list_subheading {
    display: block;
    padding: 0px 0px 5px 0px;
}

.kb_suggested_assistance_list_contact {
    display: block;
    padding-bottom: 2px;
}

.kb_suggested_assistance_list_contact:last-child {
    padding-bottom: 0px;
}

.kb_suggested_assistance_list_contact strong {
    display: inline-block;
    width: 20px;
    text-align: center;
    color: rgba(0,0,0,0.4);
}

.kb_suggested_assistance_list_contact strong span {
    font-weight: normal;
}

.kb_mail_link {
    color: #FFF;
}

.kb_mail_link:hover {
    text-decoration: underline;
}

.feedback_form_kb_link_container {
    width: 100%;
    padding: 10px 0px 8px 0px;
    box-sizing: border-box;
    color: #FFF;
    background-color: #0782C1;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    font-weight: 300;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    margin: 10px 0px 0px 0px;
    clear:both;
    transition: all 0.2s;
}

.feedback_form_kb_link_container:hover {
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.2s;
}

.feedback_form_kb_link_container span {
    padding: 0px 10px 0px 15px;
    font-size: 24px;
    vertical-align: middle;
}

.kb_search_frontpage .kb_search_input_wrapper {
    width : 92%;
}

.kb_frontpage_contact_form_wrapper {
    width            : 100%;
    background-color : #F6F6F6;
    margin-bottom    : 20px;
    display          : none;
}

.kb_frontpage_contact_form_container {
    width    : 100%;
    position : relative;
    display  : table;
}

.kb_frontpage_contact_form_row {
    width   : 100%;
    display : table-row;
}

.kb_frontpage_contact_form_row .kb_frontpage_contact_form_cell:nth-child(1) {
    width      : 20%;
    text-align : right;
}

.kb_frontpage_contact_form_row .kb_frontpage_contact_form_cell:nth-child(2) {
    width : 80%;
}

.kb_frontpage_contact_form_cell {
    display        : table-cell;
    padding        : 10px;
    vertical-align : top;
    font-family    : Roboto, Arial, Helvetica, sans-serif;
}

.kb_frontpage_contact_form_cell input,
.kb_frontpage_contact_form_cell textarea,
.kb_frontpage_contact_form_cell select {
    width            : 100%;
    padding          : 5px;
    background-color : #FFF;
    border           : 1px solid #BBB;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    border-radius    : 2px;
    box-sizing       : border-box;
}

.kb_frontpage_contact_form_cell input {
    padding-top    : 6px;
    padding-bottom : 6px;
}

.kb_frontpage_contact_form_cell textarea {
    height : 100px;
}

.v_align_center {
    vertical-align : middle;
}

.v_align_top {
    vertical-align : top;
}

.kb_contact_submit_success_wrapper {
    width      : 100%;
    position   : relative;
    height     : 230px;
    text-align : center;
}

.kb_contact_submit_success_container {
    position    : relative;
    width       : 520px;
    height      : 80px;
    line-height : 80px;
    top         : 30%;
    margin      : 0 auto;
    font-size   : 20px;
    font-weight : normal;
    color       : #666;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    padding-left: 80px;
    box-sizing: border-box;
}

.kb_contact_submit_success_container span {
    position  : absolute;
    left      : 0px;
    font-size : 80px;
    color: #19AB49;
}

.kb_frontpage_contact_form_toolbar_container {
    padding: 10px;
}

.kb_privacy_text {
    text-transform: none !important;
    font-weight: normal !important;
    opacity: 0.5;
    font-size: 12px;
}

.kb_privacy_text span {
    padding-right: 5px;
    font-size: 14px;
}

#pr_div {
    margin: 17px 0;
    position: relative;
}

#audit_search_pr_input{
    float: left;
    width: 89.3%;
    font-size: 28px;
    color: #444;
    padding: 10px;
    border: 2px solid #ccc;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

#audit_linking_search_button{
    float: left;
    font-size: 28px;
    padding: 16.5px;
    background-color: #ccc;
    cursor: pointer;
}

#audit_linking_search_results{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
}

#no_pr_results{
    position: relative;
    margin: 10px 0 10px 2px;
    width: 100%;
    color: #707070;
    font-size: 18px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

#audit_linking_search_results img{
    left: 300px;
}

#search_pr_table{
    margin-top: 10px;
    width: 100%;
}

.kb_search_submit_button {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #FFF;
    font-size: 18px;
    transition: all 0.2s;
    z-index: 2;
}

.kb_search_submit_button:hover {
    cursor:  pointer;
    opacity: 0.8;
    transition: all 0.2s;
}

.show_more{
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 3.6em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 6.5em;
}

.show_more_label{
    float: right;
    position: relative;
    bottom: 17px;
    right: -1px;
    color: #0782C1;
    text-decoration: none;
    cursor: pointer;
}

.spiral_msg{
    position: relative;
    width: 410px;
    margin: 20px auto;
    font-size: 20px;
    color: red;
}

#footer_banner{
    width: 100%;
    height: 18px;
    background-color: red;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    opacity: 0.7;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 10px;
}

.logout_veil {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #F6F6F6;
    opacity: 0;
    transition: all 0.5s;
    z-index: 1000000;
    top: 0;
    left: 0;
}

.licensed_product_msg {
    font-family        : Arial;
    font-size          : 1em;
    text-align         : center;
    width              : 100%;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    padding            : 4px;
    color              : #BBB;
    line-height        : 22px;
    font-family        : Roboto, Arial, Helvetica, sans-serif;
    margin-bottom      : -3em;
}

.responsive_link_tab {
    position: fixed;
    display: block;
    top: 40%;
    right: 0;
    width: 37px;
    height: 50px;
    background-color: #19AB49;
    color: #FFF;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.updates_next_available {
    padding: 3px;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
}

.manage_organisation_users_table .material_row:hover {
    background-color : #F6F6F6;
}

.manage_organisation_users_table .material_cell:last-child {
    text-align : right
}

.manage_organisation_users_table span.fa {
    padding : 10px;
    display : inline-block;
}

.manage_organisation_users_table span.fa:hover {
    background-color : #E6E6E6;
}

.manage_organisation_users_table span.fa.disabled {
    color  : #999;
    cursor : not-allowed;
}

.manage_organisation_users_table .material_row.disabled {
    opacity : 0.4;
}

.manage_organisation_users_table .material_row.header_row div {
    font-weight : bold;
}

.manage_organisation_popup {
    background-color : #F6F6F6;
    padding          : 1em;
    border-radius    : 3px;
    box-sizing: border-box;
}

.manage_organisation_popup .center_text {
    text-align  : center;
    font-size   : 12px;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    line-height : 18px;
}

.manage_organisation_popup .center_text .heading_text {
    font-weight    : bold;
    font-family    : Roboto, Arial, Helvetica, sans-serif;
    font-size      : 20px;
    padding-bottom : 10px;
    margin-bottom  : 20px;
    border-bottom  : 1px solid #CCC;
    box-sizing     : border-box;
    color          : #444;
}

.manage_organisation_popup .form_container {
    display     : table;
    font-family : Roboto, Arial, Helvetica, sans-serif;
    font-size   : 12px;
    width       : 100%;
}

.manage_organisation_popup .form_container .form_row {
    display : table-row;
}

.manage_organisation_popup .form_container .form_row .form_cell {
    display        : table-cell;
    padding        : 5px;
    text-align     : left;
    box-sizing     : border-box;
    vertical-align : middle;
}

.manage_organisation_popup .form_container .form_row .form_cell .subtext {
    font-size : 10px;
    color     : #666;
}

.manage_organisation_popup .form_container .form_row .form_cell:first-child {
    display    : table-cell;
    padding    : 5px;
    text-align : right;
    box-sizing : border-box;
}

.manage_organisation_popup .form_container .form_row .form_cell input {
    padding       : 5px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    border-radius : 3px;
    border        : 1px solid #CCC;
    width         : 100%;
    box-sizing    : border-box;
}

.manage_organisation_popup .form_container .form_row .form_cell .green_button {
    display    : inline-block;
    text-align : center;
}

.manage_organisation_popup .form_container .form_row .form_cell .green_button:active {
    background-color : #008800;
    border-bottom    : 2px solid #008000;
    opacity          : 1;
    margin-top       : 0px;
}

.manage_organisation_popup .subscription_table_container table {
    margin-top : 10px;
    width      : 100%;
    text-align : left;
}

.manage_organisation_popup .subscription_table_container table tr:hover {
    background-color: rgba(0,0,0,0.05);
}

.manage_organisation_popup .subscription_table_container table tr td {
    padding : 5px;
}

.manage_organisation_popup .subscription_table_container table tr.header_row {
    font-weight : bold;
}

.manage_organisation_popup .subscription_table_container table tr td.center_text {
    text-align : center;
}

.manage_organisation_popup .banner_toggle {
    font-size        : 20px;
    font-family      : Roboto, Arial, Helvetica, sans-serif;
    font-weight      : normal;
    padding          : 20px;
    text-align       : left;
    background-color : #444;
    border-radius    : 3px;
    color            : #FFF;
    margin-top       : 20px;
    z-index          : 10;
    position         : relative;
}

.manage_organisation_popup .banner_target {
    border                     : 1px solid #444;
    border-bottom-left-radius  : 3px;
    border-bottom-right-radius : 3px;
    margin-top                 : -3px;
}

.manage_organisation_popup .banner_toggle .fa {
    padding-right : 10px
}

.manage_organisation_popup .banner_toggle:hover {
    cursor           : pointer;
    background-color : #555;
}

.manage_organisation_popup .cat_management_transfer {
    padding: 10px;
    background-color: #444;
    color: #FFF;
    text-align: left;
    line-height: 18px;
}

.manage_organisation_popup .cat_management_transfer select {
    padding       : 2px;
    margin-right  : 5px;
    margin-top    : 5px;
    font-family   : Roboto, Arial, Helvetica, sans-serif;
    border-radius : 3px;
    border        : 1px solid #CCC;
    box-sizing    : border-box;
}

.su_toolbar {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    background-color: #F6F6F6;
    z-index: 10;
    margin-top: 10px;
    border-radius: 3px;
}

#su_box {
    position: relative;
    box-sizing: border-box;
}

.su_badge_cell {
    text-align: center;
}

.su_badge_cell span {
    display: block;
    background-color: #444;
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    padding: 2px;
    border-radius: 3px;
}

[data-cat-document-table] tr[data-status='delete'] {
    opacity: 0.3;
}
[data-cat-document-table] tr[data-status='deleted'] {
    opacity: 0.3;
}
[data-cat-document-table] tr[data-status='archive'] {
    opacity: 0.3;
}
[data-cat-document-table] tr[data-status='frozen'] {
    opacity: 0.3;
}
[data-cat-document-table] tr:hover {
    opacity: 1;
}

.reset_expired_wrapper {
    box-sizing       : border-box;
    border-radius    : 2px;
    box-shadow       : 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.1555), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    background-color : #FFF;
    min-height       : 400px;
    font-family      : Arial, Helvetica, sans-serif;
    overflow         : hidden !important;
    position         : relative;
    width            : 1000px;
    font-size        : 14px;
    transform        : translate(50%, 50%) translate3d(0, 0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    z-index: 1;
}