/******************************************************************************

  Script    :   std_jquery_plugins_style.css
  Author    :   C.E. Berry
  Version   :   5.00.013
  Notes     :   CSS Stylesheet for jQuery plugins used on the MRJ website

                All material contained within is the intellectual property of
                SysExcel Ltd and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd.

/********************************************************************************

   JQUERY-DD.JS PLUGIN STYLES - STYLES HTML SELECT ELEMENTS WITH OPTIONAL IMAGES

********************************************************************************/

.borderRadius
{
                                -webkit-border-radius: 0;
                                -moz-border-radius: 0;
                                border-radius: 0;
}

.borderRadiusTp
{
                                -webkit-border-radius: 0 0 0 0;
                                -moz-border-radius: 0 0 0 0;
                                border-radius: 0 0 0 0;
}

.borderRadiusBtm
{
                                -webkit-border-radius: 0 0 0 0;
                                -moz-border-radius: 0 0 0 0;
                                border-radius: 0 0 0 0;
}

.ddcommon
{
                                position: relative;
                                display: -moz-inline-stack;
                                zoom: 1;
                                display: inline-block;
                                *display: inline;
                                cursor: default;
}

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

.ddcommon ul li
{
                                list-style-type: none;
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon .disabledAll
{
                                opacity: .5; /* standard: ff gt 1.5, opera, safari */
                                -ms-filter:"alpha(opacity=50)"; /* ie 8 */
                                filter:alpha(opacity=50); /* ie lt 7 */
                                -khtml-opacity:.5; /* safari 1.x */
                                -moz-opacity:.5; /* ff lt 1.5, netscape */
                                color:#999999;
}

.ddcommon .clear
{
                                clear: both
}

/*
.ddcommon .shadow
{
                                -moz-box-shadow: 5px 5px 5px -5px #888888;
                                -webkit-box-shadow: 5px 5px 5px -5px #888888;
                                box-shadow: 5px 5px 5px -5px #888888;
}
*/

.ddcommon input.text
{
                                color: #7e7e7e;
                                padding: 0 0 0 0;
                                position: absolute;
                                background: #ffffff;
                                display: block;
                                width: 98%;
                                height: 98%;
                                left: 2px;
                                top: 0;
                                border: none;
}

.ddOutOfVision
{
                                position: relative;
                                display: -moz-inline-stack;
                                display: inline-block;
                                zoom: 1;
                                *display: inline;
}

.ddcommon .divider
{
                                width: 0;
                                height: 100%;
                                position: absolute;
}

.ddcommon .arrow
{
                                display: inline-block;
                                position: absolute;
                                top: 50%;
                                right: 4px;
}

.ddcommon .arrow:hover
{
                                background-position: 0 100%;
}

.ddcommon .ddTitle
{
                                padding: 0;
                                position: relative;
                                display: inline-block;
                                width: 100%
}

.ddcommon .ddTitle .ddTitleText
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText .ddTitleText
{
                                padding: 10px;
}

.ddcommon .ddTitle .description
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText img
{
                                position: relative;
                                vertical-align: middle;
                                float: left
}

.ddcommon .ddChild
{
                                position: absolute;
                                display: none;
                                width: 100%;
                                overflow-y: auto;
                                overflow-x: hidden;
                                zoom: 1;
                                z-index: 99999999;
}

.ddcommon .ddChild ul
{
                                z-index: 99999999;
}

.ddcommon .ddChild li
{
                                clear: both;
                                z-index: 99999999;
}

.ddcommon .ddChild li .description
{
                                display: block;
}

.ddcommon .ddChild li img
{
                                border: 0 none;
                                position: relative;
                                vertical-align: top;
                                float: left
}

.ddcommon .ddChild li.optgroup
{
                                padding: 0;
}

.ddcommon .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddcommon .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop
{
                                border-top: none 0  !important;
                                padding: 0;
                                margin: 0;
}

/*---  Standard dropdowns  ---*/

.ddstandard
{
                                border: 1px solid #878787;
                                margin: 5px 0 5px 0;
}

.ddstandard .divider
{
                                border-left: 1px solid #878787;
/*                              border-right: 1px solid #FFFFFF;   */
                                right: 24px;
}

.ddstandard .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(../site_graphics/dd-arrow.png) no-repeat;
}

.ddstandard .arrow:hover
{
                                background-position: 0 100%;
}

.ddstandard .ddTitle
{
                                color: #757575;
                                background: #E8E8E8;
                                -webkit-border-radius: 0;
                                -moz-border-radius: 0;
                                border-radius: 0;
}

.ddstandard .ddTitle .ddTitleText
{
                                padding: 12px 20px 10px 7px;
                                font-size: 16px;
}

.ddstandard .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.ddstandard .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.ddstandard .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.ddstandard .ddChild
{
                                border: 1px solid #504641;
                                background-color: #E8E8E8;
                                left: -1px;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
                                z-index: 1000;
}

.ddstandard .ddChild li
{
                                padding: 11px 20px 9px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 1px dashed #404040;
}

.ddstandard .ddChild li:last-child
{
                                padding: 11px 20px 9px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 0px dashed #404040;
}

.ddstandard .ddChild li .description
{
                                color: #666666;
}

.ddstandard .ddChild li .ddlabel
{
                                color: #A9A9A9;
                                font-size: 16px
}

.ddstandard .ddChild li.hover
{
                                background-color: #D5D5D5;
}

.ddstandard .ddChild li img
{
                                padding :0 6px 0 0;
}

.ddstandard .ddChild li.optgroup
{
                                padding: 0;
}

.ddstandard .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddstandard .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddstandard .ddChild li.selected
{
                                background-color: #F6F6F6;
                                color: #404040;
}

/*---  Error dropdowns  ---*/

.dderror
{
                                border: 1px solid #B90000;
                                margin: 5px 0 5px 0;
}

.dderror .divider
{
                                border-left: 1px solid #B90000;
                                border-right: 1px solid #FFFFFF;
                                right: 24px;
}

.dderror .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(../site_graphics/dd-arrow-error.png) no-repeat;
}

.dderror .arrow:hover
{
                                background-position: 0 100%;
}

.dderror .ddTitle
{
                                color: #5F5C55;
                                background: #FED25A;
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
}

.dderror .ddTitle .ddTitleText
{
                                padding: 11px 20px 9px 7px;
}

.dderror .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.dderror .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.dderror .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.dderror .ddChild
{
                                border: 1px solid #504641;
                                background-color: #E8E8E8;
                                left: -1px;
                                -webkit-border-radius: 0 0 5px 5px;
                                -moz-border-radius: 0 0 5px 5px;
                                border-radius: 0 0 5px 5px;
}

.dderror .ddChild li
{
                                padding: 7px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 1px dashed #404040;
}

.dderror .ddChild li:last-child
{
                                padding: 7px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 0px dashed #404040;
}

.dderror .ddChild li .description
{
                                color: #666666;
}

.dderror .ddChild li .ddlabel
{
                                color: #5F5C55;
}

.dderror .ddChild li.hover
{
                                background-color: #D5D5D5;
}

.dderror .ddChild li img
{
                                padding :0 6px 0 0;
}

.dderror .ddChild li.optgroup
{
                                padding: 0;
}

.dderror .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.dderror .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.dderror .ddChild li.selected
{
                                background-color: #F6F6F6;
                                color: #404040;
}


/*******************************************************************************

   JQUERY-PRETTYCHECKABLE.JS PLUGIN STYLES - STYLES HTML RADIO BUTTONS AND
   CHECKBOXES

********************************************************************************/

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

.clearfix:after
{                           clear: both
}

.clearfix
{
                            *zoom: 1}

.prettycheckbox,
.prettyradio
{
                            display: inline-block;
                            padding: 0;
                            margin: 3px 0 3px 0;
}

.prettycheckbox > a,
.prettyradio > a
{
                            height: 30px;
                            width: 30px;
                            display: block;
                            float: left;
                            cursor: pointer;
                            margin: 0;
                            background-image: url('/site_graphics/radio_buttons_checkboxes.png');
                            background-repeat: no-repeat;
}

.prettyerror > a
{
                            background-image: url('/site_graphics/radio_buttons_checkboxes_error.png');
}

.prettycheckbox > a:focus,
.prettyradio > a:focus
{
                            outline: 0 none
}

.prettycheckbox label,
.prettyradio label
{
                            display: block;
                            float: left;
                            margin: -4px 15px 0 -8px;
                            cursor: pointer;
}

.prettycheckbox a.disabled,
.prettycheckbox label.disabled,
.prettyradio a.disabled,
.prettyradio label.disabled
{
                            cursor: not-allowed
}

.prettycheckbox > a
{
                            background-position: 0 0;
}

.prettycheckbox > a:focus
{
                            background-position: -30px 0;
}

.prettycheckbox > a.checked
{
                            background-position: -60px 0;
}

.prettycheckbox > a.checked:focus
{
                            background-position: -90px 0;
}

.prettycheckbox > a.checked.disabled
{
                            background-position: -150px 0;
}

.prettycheckbox > a.disabled
{
                            background-position: -120px 0;
}

.prettyradio > a
{
                            background-position: -180px 0;
}

.prettyradio > a:focus
{
                            background-position: -210px 0;
}

.prettyradio > a.checked
{
                            background-position: -240px 0;
}

.prettyradio > a.checked:focus
{
                            background-position: -270px 0;
}

.prettyradio > a.checked.disabled
{
                            background-position: -330px 0;
}

.prettyradio > a.disabled
{
                            background-position: -300px 0;
}


/*******************************************************************************

   JQUERY-FILESTYLE.JS PLUGIN STYLES - STYLES HTML FILE INPUTS

********************************************************************************/

.jfilestyle
{
	                        display: block;
	                        margin: 0px 0px 10px 0px;
	                        padding: 0px;
	                        position: relative;
	                        border-collapse: separate;
}

div.jfilestyle label, div.jfilestyle input
{
	                        font-family: sans-serif;
                            font-family: nowayregular, Helvetica, Sans-Serif; /* 2019-11-21 */
}

div.jfilestyle input
{
	                        border: 1px solid #878787;
	                        background: #E8E8E8;
	                        margin: 0px -5px 0px 0px;
	                        vertical-align: middle;
	                        padding: 10px 15px;
	                        font-size: 14px;
	                        border-radius: 0px;
	                        color: #8d8d8d;
	                        cursor: default;
                            line-height: normal;
}

div.jfilestyle label
{
	                        display: block;
	                        border: 1px solid #878787;
	                        background: #E8E8E8;
	                        padding: 10px;
	                        color: #757575;
	                        vertical-align: middle;
	                        line-height: normal;
	                        margin: 10px auto 10px auto;
	                        font-size: 16px;
	                        width: 486px;
	                        border-radius: 0px;
                            font-weight: normal;
}

body#home-body div.jfilestyle label
{
	                        width: 340px;
	                        border-radius: 10px;
	                        margin-left: 49px;
}

@media only screen and
(max-width: 568px) and
(orientation: landscape)
{
    div.jfilestyle label
    {
	                        width: 410px;
    }

}

@media only screen and
(max-width: 568px) and
(orientation: portrait)
{

    body#home-body div.jfilestyle label,
    div.jfilestyle label
    {
	                        width: 290px;
	                        margin-left: 0px;
    }

}

div.jfilestyle.jfilestyle-corner input:last-child,
div.jfilestyle.jfilestyle-corner label:last-child
{
	                        margin-left: -1px;
}

div.jfilestyle label[disabled]
{
	                        pointer-events: none;
	                        opacity: 0.6;
	                        filter: alpha(opacity=65);
	                        cursor: not-allowed;
}

div.jfilestyle label:hover
{
	                        cursor: pointer;
	                        opacity: 0.9;
}

div.jfilestyle .count-jfilestyle
{
	                        background: #878787;
	                        color: #FFFFFF;
	                        border-radius: 50%;
	                        padding: 1px 6px;
	                        font-size: 16px;
}