/*
    Name: epiportal
	Date: October 2010
	Description: epicenter, Sydney -  Booking, Resources and File Testing Portal
	Version: 1.0
	Author - HTML & CSS - Nicholas Chin, Tim Ball
	Author - Developer - Torsten Lachmann
	Project Manager - Anthony Dixon
*/

/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------=================================== GLOBAL STYLES START ====================----------------------*/
/*-----JRR - 03-FEB-2021 added style sheet for clarimo font and changed the font-family to "Clarimo UD PE", Helvetica, Sans-Serif;--------*/
@import url(font/stylesheet.css);

/* Body */
img {
    border-style: none;
}

.home {
    background: #3d3d3d url('../Content/images/gradient_bg.jpg') repeat-x 0 0;
    color: #000305;
    font-size: 100%; /* Base font size: 14px */
    /*font-family: Tahoma, Geneva, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.429em;
    margin: 0;
    padding: 0;
    text-align: left;
}

#wrapper {
    width: 1400px;
    margin: 0 auto;
}

#wrapper_content {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

/* HTML5 tags */
header, section, footer,
aside, article, figure {
    display: block;
}

/*Floats and Clear*/
.float_left {
    float: left;
}

.float_right {
    float: right;
}

.clear_both {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}


/********************** Layout *******************/
.body {
    clear: both;
    margin: 0 auto;
    width: 1200px;
}

#top_cap {
    height: 28px;
    background: url(../Content/images/top_cap_drop.png) no-repeat center bottom;
    margin-top: 20px;
}

#content {
    background: url(../Content/images/bg_drop.png) repeat-y top center;
}

#bottom_cap {
    height: 46px;
    background: url(../Content/images/bottom_cap_drop.png) no-repeat top center;
}
/*************************************************/




/**************************** Fonts *****************/
/*TrueType*/
@font-face {
    font-family: Xerox-Sans;
    src: url('../Content/font/XeroxSans.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Italic;
    src: url('../Content/font/XeroxSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bold;
    src: url('../Content/font/XeroxSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bold-Italic;
    src: url('../Content/font/XeroxSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Light;
    src: url('../Content/font/XeroxSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Light-Italic;
    font-style: italic;
    src: url('../Content/font/XeroxSans-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bolder;
    src: url('../Content/font/XeroxSans-ExtraBold.ttf') format('truetype');
}
/*************************************************/


/********************* Header ************************/
.logo {
    margin-bottom: 1.5em;
}

/*Administration Top Menu */
#nav_bar_admin {
    float: left;
    display: inline;
    width: 450px;
    color: #D66161;
}

    #nav_bar_admin ul#menu-admin {
        font-size: .7em;
        text-align: left;
    }

        #nav_bar_admin ul#menu-admin li {
            display: inline;
            list-style: none;
        }

            #nav_bar_admin ul#menu-admin li a {
                text-decoration: none;
                color: #D66161;
                border-right: solid 1px #999999;
                padding: 0px .5em;
            }

                #nav_bar_admin ul#menu-admin li a:hover {
                    color: #FFF;
                }

                #nav_bar_admin ul#menu-admin li a:active, #nav_bar_admin ul#menu-admin li a:hover {
                    text-decoration: none;
                    background-color: #F36565;
                    padding-top: .25em;
                    padding-bottom: .25em;
                    text-shadow: 1px 1px 1px #000;
                }

                #nav_bar_admin ul#menu-admin li a:active {
                    color: #FFF;
                    text-shadow: none;
                }

            #nav_bar_admin ul#menu-admin li.selected a {
                color: Maroon;
            }

/*Small Nav Bar*/
#nav_bar_small {
    font-size: .7em;
    display: inline;
    float: right;
    text-align: right;
}

    #nav_bar_small ul li {
        display: inline;
        list-style: none;
    }

    #nav_bar_small .divider {
        border-right: solid 1px #999999;
        padding: 0px .5em;
    }

    #nav_bar_small .divider_last {
        margin-left: .75em;
    }

    #nav_bar_small a {
        text-decoration: none;
        color: #807e7e;/*#999;*/ /*MStart MEnd JRR 19-FEB-2021 - Changed font color*/
    }
         /*Mstart  - JRR 09-FEB-2021 - Removed text-shadow,color & background-color */
        #nav_bar_small a:hover,#nav_bar_small a:active {
            padding-top: .25em;
            padding-bottom: .25em;
            border-bottom:#01916D solid 4px;
            /*background-color: #ACD9F4;*/
            /*text-shadow: 1px 1px 1px #000;*/
        }
        /*Mend - JRR 09-FEB-2021*/
        /*MStart JRR - 18-FEB-2021 - Added navigation menu css*/
        #nav_bar_small ul li.divider a:active,#nav_bar_small ul li.divider a:hover, #nav_bar_small ul li.divider_last a:active,  #nav_bar_small ul li.divider_last a:hover
        {
            border-bottom:#01916D solid 4px;
        }
        /*MStart JRR - 18-FEB-2021*/
.login_nav_bar {
    color: #FF3C3C;
}

/*Login Nav*/
#logindisplay, #logindisplay a:link, #logindisplay a:visited, #logindisplay a:hover {
    color: #747676;
    font-size: .8em;
    display: inline;
}

/*Main Nav Bar*/
#nav_bar_main {
    width: 1200px;
    max-height: 31px;
    margin-top: 5px;
}

    #nav_bar_main ul {
        width: 1200px;
        max-height: 31px;
        margin: 0 auto;
        list-style: none;
    }

        #nav_bar_main ul li {
            display: inline;
        }
        /*MStart JRR 18-FEB-2021 - Added margin-right,font-weight and color & Removed float & text-indent to change the navigation menu css*/
            #nav_bar_main ul li a {
                height: 31px;
                margin-right:16px;
                color:#555555;
                font-weight:bold;
                /*float: left;*/
                /*text-indent: -9999px;*/
            }
            /*MEnd JRR 18-FEB-2021*/
            /*IStart JRR 18-FEB-2021 -Removed background images from menu bar & Added styles for adding green underline on hover,active & added divider*/
             /*#nav_bar_main ul li#bookings_blue a {
                width: 300px;
                background: url(../Content/images/Top_Menu.png) no-repeat 0px 0px;
            }*/
           /*CSS Sprite using a single image to display 4 buttons*/
                /*#nav_bar_main ul li#bookings_blue a:hover {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat 0px -31px;
                }

                #nav_bar_main ul li#bookings_blue a:active {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat 0px -62px;
                }

            #nav_bar_main ul li#app_lib_purple a {
                width: 300px;
                background: url(../Content/images/Top_Menu.png) no-repeat -300px 0px;
            }

                #nav_bar_main ul li#app_lib_purple a:hover {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -300px -31px;
                }

                #nav_bar_main ul li#app_lib_purple a:active {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -300px -62px;
                }

            #nav_bar_main ul li#file_test_green a {
                width: 300px;
                background: url(../Content/images/Top_Menu.png) no-repeat -600px 0px;
            }

                #nav_bar_main ul li#file_test_green a:hover {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -600px -31px;
                }

                #nav_bar_main ul li#file_test_green a:active {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -600px -62px;
                }

            #nav_bar_main ul li#workflow_resources_yellow a {
                width: 300px;
                background: url(../Content/images/Top_Menu.png) no-repeat -900px 0px;
            }

                #nav_bar_main ul li#workflow_resources_yellow a:hover {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -900px -31px;
                }

                #nav_bar_main ul li#workflow_resources_yellow a:active {
                    width: 300px;
                    background: url(../Content/images/Top_Menu.png) no-repeat -900px -62px;
                }*/
            #nav_bar_main .divider
            {
                border-right:solid 1px #999999;
                padding:0px 0.5em;
            }
            #nav_bar_main .divider_last{
                margin-left:0.75em;
            }
        /*MStart JRR 19-FEB-2021 - Changed the black color to 100% dark on hover or active in main menu*/
         #nav_bar_main ul li a:hover, #nav_bar_main ul li a:active
         {
             border-bottom:#01916D solid 4px;
             color:#222222;
         }
         /*MEnd JRR 18-FEB-2021*/
         /*IEnd JRR 18-FEB-2021*/
/*************************************************/


/********************** Footer *******************/
.footer {
    font-size: .75em;
    padding-top: 3em;
    padding-left: 2.5em;
    /*background: url(../Content/images/Footer_Background.png) no-repeat center center;*/ /*MStart MEnd JRR 23-FEB-2021 - Removed the shadow from the footer  keep only text*/
    line-height: 3.15em;
}

    .footer ul li {
        display: inline;
        list-style: none;
        font-size: .9em;
        text-align: left;
    }

        .footer ul li a:active {
            color: #999999;
            text-shadow: none;
        }

        .footer ul li a {
            text-decoration: none;
            color: #999;
        }
        /*MStart - 19-FEB-2021 - Rmove text shadow on hover in footer text */
        /*MStart - JRR - 18-Feb-2021 - Removed background color*/
            .footer ul li a:hover, footer ul li a:active {
                /*color: #FFFFFF;
                text-shadow: 1px 1px 1px #000;
                background-color: #ACD9F4;*/ 
                padding-top: .25em;
                padding-bottom: .25em;
                border-bottom:4px solid #01916D;
            }
         /*MEnd JRR 18-FEB-2021*/
        /*MEnd JRR 19-FEB-2021*/
    .footer .divider {
        border-right: solid 1px #999999;
        padding: 0px .5em;
    }

    .footer .divider_last {
        margin-left: .75em;
    }

    .footer p {
        color: #747676;
        font-size: .9em;
        text-align: left;
        margin-bottom: 0px;
    }
/*************************************************/

/********************** Notifications*******************/
#updated_successfully {
    background-color: #FEBD36;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    /*font-family: Tahoma,Verdana, Arial, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.2em;
    font-size: .75em;
    padding: 10px;
    width: 1180px;
    text-align: center;
    vertical-align: middle;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
    margin: 50px 0px 0px 0px;
    color: #FFF;
}

[if IE], #updated_successfully {
    background-color: #FEBD36;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    /*font-family: Tahoma,Verdana, Arial, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.2em;
    font-size: .75em;
    padding: 10px;
    width: 1180px;
    min-width: 1180px;
    max-width: 1180px;
    text-align: center;
    vertical-align: middle;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
    margin: 10px 0px -10px 0px;
    color: #FFF;
}

#file_test_message {
    background-color: #FEBD36;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    /*font-family: Tahoma,Verdana, Arial, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.2em;
    font-size: .75em;
    padding: 10px;
    width: 1180px;
    text-align: center;
    vertical-align: middle;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
    margin: 50px 0px 0px 0px;
    color: #FFF;
}

[if IE], #file_test_message {
    background-color: #FEBD36;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    /*font-family: Tahoma,Verdana, Arial, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.2em;
    font-size: .75em;
    padding: 10px;
    width: 1180px;
    min-width: 1180px;
    max-width: 1180px;
    text-align: center;
    vertical-align: middle;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
    margin: 10px 0px -10px 0px;
    color: #FFF;
}

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


/*----------=================================== GLOBAL STYLES END ====================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/




/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------=================================== FRONT PAGE START =======================----------------------*/


/***** FRONT PAGE *****/
section {
    width: 940px;
}

/*Front Page News Posts*/
#news {
    width: 800px;
    min-height: 300px;
    float: left;
    padding: 0px 20px 0px 0px;
}

#news_main {
    background-color: #FAFAFA;
    padding: 20px 30px 0px 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border: 1px solid #ebebeb;
}

#news_main_header {
    text-shadow: 1px 1px 2px #FFF;
    background: #ECECEC;
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    padding: 10px 30px 10px 30px;
    /*font-family: Xerox-Sans, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.3em;
    color:#191919; /*#666;*/ /*MStart MEnd JRR 19-FEB-2021 - Changed font color*/
    line-height: 1.25em;
}

#news h2 {
    /*font-family: Xerox-Sans-Light, Tahoma, Geneva, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 3em;
    color: #6DAF3D;
    margin-bottom: .75em;
}

#news h3 {
    /*font-family: Xerox-Sans, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.75em;
    color: #0B6297; /*#2895D5;*/ /*Mstart MEnd JRR 12-FEB-2021 - Changed font color*/
    margin-bottom: .25em;
    line-height: 1.25em;
    font-weight: 100;
}

[if IE], #news h3 {
    /*font-family: Xerox-Sans, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.5em;
    color: #9B2583;
    margin-bottom: .25em;
    line-height: 1.25em;
}

#news h4 {
    /*font-family: Xerox-Sans, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.5em;
    color: #C37CB5;
    margin-bottom: .25em;
    line-height: 1.25em;
}

#news .post_details {
    font-size: .7em;
    color: #666;
    margin-bottom: 1.25em;
    /*font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-weight: bold;
    line-height: 1.2em;
}

    #news .post_details span {
        font-weight: normal;
    }

#news .post_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 1em 0em .25em 0em;
}

#news .post_content_holder {
    width: 730px;
    float: left;
    font-size: .7em;
    color: #191919;/*#666;*/ /*MStart MEnd JRR 19-FEB-2021 - Changed font color*/
    margin-bottom: 20px;
    line-height: 2.5em;
    /*font-family: Geneva, Verdana, Tahoma, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

    #news .post_content_holder p {
        line-height: 1.4em !important;
        font-size: 13px !important;
    }

    #news .post_content_holder img {
        float: left;
        margin: 0px 50px 30px 0px;
    }

#news .post_read_more {
    font-size: 1.1em;
    color: #747676;
    font-weight: bold;
    margin-top: 20px;
    text-align: right;
}

#news .post_small_box_container {
    width: 800px;
    margin: 40px 0px 0px 30px;
    min-height: 225px;
}

#news .post_small_box {
    max-width: 730px;
}

    #news .post_small_box img {
        float: left;
        margin: 0px 20px 20px 0px;
    }

#news .post_small_box_details {
    font-size: .7em;
    color: #666;
    margin-bottom: 1.25em;
    /*font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-weight: bold;
    line-height: 1.4em;
}

    #news .post_small_box_details span {
        font-weight: normal;
    }

#news .post_small_box_content {
    font-size: .7em;
    color: #666;
}

/*Notifications Area*/
#notifications {
    width: 300px;
    float: right;
    display: inline;
}

    #notifications .notifications_title {
        background: url(../Content/images/sidebar_300.png) no-repeat top center;
        width: 300px;
        height: 50px;
    }

        #notifications .notifications_title img {
            margin: 15px 0px 0px 25px;
        }

    #notifications .notifications_content {
        background-color: #fafafa;
        border-right: solid 1px #ebebeb;
        border-left: solid 1px #ebebeb;
    }

        #notifications .notifications_content table {
            width: 300px;
        }

            #notifications .notifications_content table tr td {
                padding: 15px 25px;
            }

#caption {
    color:#191919; /*#666;*/ /*MStart MEnd JRR 19-FEB-2021 - Changed font color*/
    line-height: 1.4em;
    font-size: .8em;
}

#notifications_dynamic {
    font-size: .8em;
    line-height: 1.6em;
    border-top: solid 1px #ebebeb;
}

#notifications .notifications_footer {
    background: url(../Content/images/sidebar_footer_300.png) no-repeat top center;
    width: 300px;
    height: 7px;
}

/********************** ABOUT EPIPENTER PAGE  ***********************/
#about_epicenter {
    width: 400px;
}

#about_epicenter_heading {
    /*font-family: Xerox-Sans,Verdana,Arial,Geneva,sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    color: #666;
    font-size: 1.6em;
    font-weight: 100;
    margin: 1.4em 0em 1em 0em;
    display: block;
}

#about_epicenter h3 {
    color: #666666;
    font-weight: 100;
    /*font-family: Verdana,Arial,Xerox-Sans,Geneva,sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.1em;
    margin-bottom: .4em;
}

#about_epicenter p {
    font-size: .85em;
}

#about_sub {
    color: #666;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.6em;
    font-weight: 100;
}

#about_epicenter_details {
    width: 550px;
    float: left;
    color: #666;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .8em;
}

.about_details_table {
    width: 500px;
    background: #FAFAFA;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin-bottom: 15px;
    height: 650px;
}

    .about_details_table td {
        padding: 10px 20px;
        vertical-align: top;
    }

#about_epicenter_details td.emphasise {
    font-weight: bold;
    color: #666666;
}


#about_epicenter_contacts {
    clear: both;
    color: #666;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .8em;
    width: 1200px;
    margin-top: 50px;
}

.about_contacts_table {
    width: 1200px;
    background: #FAFAFA;
    -moz-border-radius: 11px;
    border-radius: 11px;
    margin: 15px 0px;
}

    .about_contacts_table td {
        text-align: center;
        padding: 20px;
        vertical-align: top;
    }

#about_epicenter_map {
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .8em;
    margin-left: 30px;
    float: left;
    width: 600px;
}

#about_epicenter_terms {
    margin-bottom: 1em;
    padding: 1em;
    color: #666;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .7em;
}
/******************************************************************/

/********************* MYEPIPORTAL PAGE *************************/
#myepiportal_heading {
    /*font-family: Xerox-Sans, Verdana, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.5em;
    color: #333;
    padding-top: 20px;
}

#myepiportal_table {
    background: #F3F3F3;
    margin-top: 20px;
    width: 1200px;
}

    #myepiportal_table a {
        color: #666;
        text-decoration: underline;
    }

    #myepiportal_table table {
        padding: .4em;
        margin: .15em 0 1em 0;
        border-collapse: collapse;
        border: none;
        width: 1200px;
    }

    #myepiportal_table tr {
        border: #F3F3F3 solid 1px;
    }

    #myepiportal_table td {
        color: #666;
        font-size: .7em;
        line-height: 1.75em;
        border: none;
        padding: 1.1em 1em;
        text-align: center;
        vertical-align: top;
    }
    /*Mstart JRR 05-MAR-2021 - Removed css for newly booked record*/
    /*#myepiportal_table tr.new_booking td {
        background-color:  #F3F3F3;*/ /*antiquewhite*/ /*MStart MEnd JRR -  25-FEB-2021 - Changed bgcolor from "antiquewhite" to "#F3F3F3"*/
        /*color:#666;
    }*/
    
    /*MStart JRR 01-MAR-2021 - Changed css of new booking record*/
    /*#myepiportal_table tr.new_booking td a{
        color:#666;
    }*/
    /*Mend JRR 01-MAR-2021*/
    /*Mend JRR 05-MAR-2021*/
    #myepiportal_table th {
        color: #666;
        text-shadow: 1px 1px 2px #FAFAFA;
        height: 35px;
        font-size: .75em;
        /*font-family: Tahoma, Arial,Verdana, Geneva, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        text-align: center;
        border-bottom: double 1px #CCC;
        padding: 10px 0px;
    }

.odd {
    background-color: #FAFAFA;
}

.even {
    background-color: #ECECEC;/*#F3F3F3;*/ /*MStart MEnd JRR 05-MAR-2021 - Change gray colour as it is too light*/
}

#my_epiportal_create_new {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #333;
    /*text-decoration: underline;*/ /*MStart Mend JRR 03-FEB-2021, Removed underline from hyperlink*/
    float: left;
    width: 550px;
}

    #my_epiportal_create_new a, #my_epiportal_create_new a:visited {
        color: #333;
        text-decoration: none !important;
    }
     /*MStart JRR 02/03/2021 Added class form hyperlink changes*/
        #my_epiportal_create_new a:active, #my_epiportal_create_new a:hover {
            color: #01916d !important;
            text-decoration: none;
            background: none;
            text-shadow: none;
        }
        
        #my_epiportal_create_new a::before {
            font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
            font-size: 90%;
            color: #01916d;
            top: -1px;
            position: relative;
            padding: 0 10px 0 0;
            content: "\0000a0\276F";
        }
        /*MEnd JRR 03-FEB-2021*/
#my_epiportal_products_available {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #333;
    text-decoration: underline;
    float: left;
    width: 550px;
}

    #my_epiportal_products_available a, #my_epiportal_create_new a:visited {
        color: #333;
    }

#my_epiportal_past {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #333;
    width: 550px;
}

.my_epiportal_past_check {
    margin-left: 10px;
    vertical-align: middle;
}

#my_epiportal_past_checkbox {
    float: right;
    margin-bottom: 10px;
}

.myepiportal_update {
    width: 10%;
}

.myepiportal_start_header {
    width: 11%;
}

.myepiportal_finish_header {
    width: 11%;
}

.myepiportal_booked_by_header {
    width: 11%;
}

.myepiportal_owner_header {
    width: 11%;
}

.myepiportal_customer_header {
    width: 11%;
}

.myepiportal_booking_type_header {
}

.myepiportal_products_header {
    width: 11%;
}

.myepiportal_room_header {
    width: 8%;
}

.myepiportal_catering_header {
    width: 6%;
}

.myepiportal_status_header {
    width: 11%;
}

.my_epiportal_cancel_button {
    padding: 0px 5px;
}
/*******************************************************************/


/*----------=================================== FRONT PAGE END  ========================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/





/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------================== CREATE OF UPDATE BOOKING STYLES START ===================----------------------*/


/******************************************************/
/******************** UNIVERSAL  **********************/
/******************************************************/
* {
    padding: 0;
    margin: 0;
}

p {
    font-size: .94em;
}

fieldset {
    border: none;
}
/*Removes the border around the entire form element*/
#main {
    background: #CCC;
}

    #main form {
        background: #ffffff;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

        #main form fieldset {
            border: none;
            margin-top: 2em;
        }

        #main form legend {
            padding-top: 1em;
            padding-left: 1.4em;
            font-size: 1.8em;
            color: #C0DF23;
        }

    #main h2 {
        color: #ffffff;
        font-size: 2em;
    }

#wrapper_content h2 {
    color: #666666;
    font-size: 1.4em;
    padding-top: 1em;
}

#wrapper_content legend {
    font-size: 1.2em;
    color: #cccccc;
}

a, a:visited, a:hover {
    text-decoration: none;
    color:#0B6297; /*MStart MEnd JRR - 09-FEB-2021 - Changed the font color*/
}


/******************************************************/
/********************** FONTS  ************************/
/******************************************************/
/*TrueType*/
@font-face {
    font-family: Xerox-Sans;
    src: url('font/XeroxSans.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Italic;
    src: url('font/XeroxSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bold;
    src: url('font/XeroxSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bold-Italic;
    src: url('font/XeroxSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Light;
    src: url('font/XeroxSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Light-Italic;
    font-style: italic;
    src: url('font/XeroxSans-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: Xerox-Sans-Bolder;
    src: url('font/XeroxSans-ExtraBold.ttf') format('truetype');
}


/******************************************************/
/******************* BOOKING HEADER *******************/
/******************************************************/
/*MStart JRR 25-FEB-2021 - Changed backgroung images for booking page.*/
#booking_header {
    /*background: url(images/bookings/bookings_header_background.png) top center no-repeat;*/
    background:url(images/bookings/bookings_header_background_R1.png) top center no-repeat;
    width: 1200px;
    height: 313px;
    margin-top: 50px;
    margin-bottom: 40px;
}

[if IE], #booking_header {
    /*background: url(images/bookings/bookings_header_background.png) top center no-repeat;*/
    background:url(images/bookings/bookings_header_background_R1.png) top center no-repeat;
    width: 1200px;
    height: 165px;
    margin-top: 15px;
    margin-bottom: 10px;
}
/*MEnd JRR 25-FEB-2021*/
#progress {
    margin: 217px 0px 0px 0px;
    /*font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .80em;
    letter-spacing: -.02em;
    border-bottom: thin solid #d4d4d4;
    padding-bottom: .4em;
}
    /* Progress Bar Properties */
    #progress span.active {
        color: #333;
        font-weight: bold;
        padding-right: 0.4em;
        padding-left: 0.4em;
    }
    /* Progress Bar Active Text */
    #progress span.fade {
        color: #333;
        font-weight: bold;
        padding-right: 0.4em;
        padding-left: 0.4em;
        opacity: 0.55;
        -moz-opacity: 0.25;
        -webkit-opacity: 0.25;
        -khtml-opacity: 0.25;
        filter: alpha (opacity = 25);
        zoom: 1;
    }
/* Progress Bar Faded Text */

.booking_page_title, .site_config_title {
    color: #fff;
    padding-top: 46px;
    text-align: right;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.20em;
    /*font-family: Arial, Geneva, Verdana, Xerox-Sans, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-right: 24px;
    letter-spacing: -.01em;
    font-size: 24px !important;
    text-shadow: #000000 0px 0px 2px;
}

    .booking_page_title:first-line {
        color: #fff;
        font-weight: 100;
    }

#progress a, #progress a:visited {
    color: #333;
}

/******************************************************/
/******************* BOOKING BODY *********************/
/******************************************************/

/***** Universal Content *******/
#form_body {
    background: #ffffff;
    float: left;
    width: 540px;
    margin-top: 10px;
    margin-left: 10px;
}
/* */
#form_body_wide {
    background: #ffffff;
    float: left;
    width: 1200px;
    margin-top: 1em;
}
/* */
#form_body_time_date {
    color: #666;
    font-size: .8em;
    border: none;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    height: 30px;
}

#form_body_confirm {
    background: #ffffff;
    width: 1200px;
    margin-top: 10px;
    margin-left: 10px;
}
    /***********************************/

    /***** Universal Sub-Headings *******/
    #form_body h2, #form_body_time_date h2, #form_body_products h2, #form_body_wide h2, #form_body_confirm h2 {
        color: #999;
        font-weight: 100;
        /*font-family: Verdana, Arial, Xerox-Sans, Geneva, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    }

    #form_body h2, #form_body_products h2, #form_body_wide h2, #form_body_confirm h2 {
        font-size: 1.1em;
    }
/*Basic Requirements, Customer Detail Sub-Headings */
#form_body_time_date h2 {
    font-size: 1.3em;
}

.form_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 5px 0px 12px 0px;
}

.form_line_break_register {
    height: 1px;
    width: 67%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 5px 0px 12px 75px;
}
/***********************************/


/************ BASIC REQUIREMENTS PAGE *************/
#cost_centre_input, #attendees_input, #engagement_title_input {
    width: 187px;
    border: 1px solid #cccccc;
    background: url(images/bookings/input_bg_slice.png) repeat-x 0 0;
    vertical-align: middle;
    height: 20px;
}

.checkbox_left, .checkbox_right {
    width: 15px;
}

.basic_requirements_title {
    width: 100%;
    margin-top: 15px;
}

    .basic_requirements_title h2 {
        display: inline;
    }

#instructions_page_1 {
    width: 1200px;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 11px;
    color: #666;
    line-height: 1.5em;
}

#instructions_page_1_left {
    width: 500px;
    height: 80px;
    float: left;
    padding-top: 10px;
}

#instructions_page_1_right {
    width: 500px;
    float: right;
    background: #f5f5f5;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 20px;
    line-height: 1.1em;
    margin-right: 15px;
}

    #instructions_page_1_right h4 {
        font-size: 14px;
        color: #666;
    }

#instructions_page_2_right {
    width: 500px;
    float: right;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 20px;
    line-height: 1.1em;
    margin-right: 15px;
}

    #instructions_page_2_right h4 {
        font-size: 14px;
        color: #666;
    }

.booking_type_table {
    width: 100%;
}

    .booking_type_table td, #basic_requirements_table_top td, #basic_requirements_table_bottom, #basic_requirements_table_bottom_room td {
        color: #666;
        font-size: .8em;
        border: none;
        /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    }

    .booking_type_table td {
        height: 30px;
    }

    .booking_type_table select {
        width: 150px;
    }


#basic_requirements_table_top {
    width: 100%;
}

#basic_requirements_table_bottom {
    width: 100%;
}

#basic_requirements_table_bottom_room {
    width: 100%;
}

.requirements_rooms, .requirements_products, .requirements_catering, .requirements_tour {
    padding: 5px 0px;
}

.requirements_rooms, .requirements_catering {
    padding-right: 25px;
    width: 62%;
}

.requirements_products, .requirements_tour {
    padding-left: 25px;
    width: 38%;
}

    .requirements_rooms input, .requirements_products input, .requirements_catering input, .requirements_tour input {
        float: right;
        margin-top: 5px;
    }

#help_column h2 {
    color: #999;
    font-size: 1.1em;
    display: inline;
    border: none;
    /*font-family: Verdana, Arial, Xerox-Sans, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-weight: 100;
}

#help_column a {
    color: #999;
    font-size: 0.9em;
    float: right;
}

    #help_column a:hover, #help_column a:active {
        background: #6daf3d;
        color: #FFF;
    }

#booking_help, #booking_owner_help, #basic_requirements_help {
    float: right;
    width: 550px;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    display: none;
    margin-top: 100px;
}
/* */
.booking_help {
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #999;
    margin-top: 20px;
    width: 550px;
}

#help_column {
    float: right;
    width: 550px;
    max-width: 550px;
    margin: 15px 0px 0px 0px;
    position: relative;
    top: -510px;
    margin-bottom: -450px;
}
    /* */
    #help_column table {
        padding: .4em;
        margin: .15em 0 1em 0;
        border-collapse: collapse;
        border: none;
        width: 550px;
        border-collapse: collapse;
    }

    #help_column tr {
        border-bottom: 2px solid #FFF;
    }

        #help_column tr.last {
            border-bottom: none;
        }

    #help_column td {
        color: #FFF;
        font-size: .7em;
        line-height: 1.75em;
        border: none;
        padding: 1.5em 1em;
    }

    [if IE], #help_column td {
        border-bottom: 2px solid #FFF;
    }

        #help_column td.key {
            padding-left: 2em;
        }

.help_style {
    color: #999;
    font-weight: 100;
}
/* */
.close_cell {
    text-align: right;
    padding: 0;
}
/*Button to close help box*/
.key {
    font-weight: bold;
}
/* Left hand column of help box */
.help_icon {
    float: right;
}

#add_employees {
    display: block;
    position: relative;
    top: -400px;
    left: 645px;
    background: #f5f5f5;
    -moz-border-radius: 11px;
    border-radius: 11px;
    padding: 20px;
    width: 540px; /*MStart MEnd JRR 03-FEB-2021 -  Changed the widht from 500px to 540px*/
}
/*************************************************/


/************ TIME DATE PRODUCTS *************/
#form_body_time_date {
    min-height: 100px;
    margin-top: 30px;
}
    /*Time and Date section height - stops the "Select Products" box from overlapping*/
    #form_body_time_date select {
        width: 75px;
    }

.timedate_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
}

.instructions_1 {
    color: #666;
    font-size: .85em;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 10px 0px;
}

#startDate, #finishDate {
    width: 100px;
}

#table_time_date {
    width: 1000px;
    margin: 15px 0px 50px 0px;
}

.date_time_row {
    width: 1200px;
}

#start_cell {
    width: 40em;
    min-width: 40em;
    padding: 5px 0px;
}

#finish_cell {
    width: 40em;
    min-width: 40em;
    padding: 5px 0px;
}

#multiday_cell {
    width: 200px;
}

#multiday {
    width: 15px;
}
/*************************************************/


/*************** SELECT PRODUCTS ****************/
#form_body_products {
    float: left;
    width: 1200px;
}
    /* Styling for list of categories, when all categories are collapsed */
    #form_body_products table {
        border-collapse: collapse;
        border: none;
    }

    #form_body_products input.left {
        border: 1px solid #cccccc;
        margin-left: 1em;
        margin-right: 1em;
        padding: .3em;
        float: left;
        background: url(images/bookings/input_bg_slice.png) repeat-x 0 0;
        vertical-align: middle;
    }

    #form_body_products input.right {
        border: 1px solid #cccccc;
        margin-left: 2em;
        padding: .3em;
        float: right;
        background: url(images/bookings/input_bg_slice.png) repeat-x 0 0;
        vertical-align: middle;
    }

.instructions_2 {
    color: #666;
    font-size: .7em;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 10px 0px 20px 0px;
}

.product_family {
    width: 1000px;
    padding: 10px 0px;
}
    /*Styling for the main product family */
    .product_family h3 {
        color:#01916D; /*#6DAF3D;*/
        font-size: 1em;
        display: inline;
        /*font-family: Verdana,Tahoma, Geneva, Arial, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        vertical-align: middle;
    }
/*Down arrow heading*/
.product_expand_button {
    margin-right: 20px;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}
/*Down arrow button */

.product_list {
    background: #efefef;
    width: 1135px;
    margin: 10px 0px 25px 35px;
    padding: 10px 15px 0px 15px;
}
/*Div containing entire product list. */
.product_list_top {
    width: 100%;
    height: 20px;
}
/* Top Table */
.product_list_checkbox {
    width: 3%;
    vertical-align: top;
    padding-top: 6px;
}

.product_list_name {
    width: 22%;
    vertical-align: top;
    padding-bottom: 10px;
}

    .product_list_name h3 {
        color: #666;
        font-size: .9em;
        font-weight: bold;
        display: inline;
        /*font-family: Verdana,Tahoma, Geneva, Arial, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    }

.product_list_availability {
    width: 75%;
    font-size: .7em;
    color: #C42D2D;
    vertical-align: top;
    line-height: 1.25em;
    padding-top: 5px;
}

.product_list_current_booking {
    background-color: #d6d6d6;
    padding: 12px;
    margin-top: 2px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 1.2em;
    /*MStart JRR 03-FEB-2021 Changed the color*/
    /*color: rgb(116, 160, 50);*/
    color: #01916D;
    /*MEnd JRR 03-FEB-2021*/
    text-align: left;
    border-radius: 6px;
}

.product_list_current_booking_label {
    padding: 0 7% 0 7%;
}

.product_list_config_rip select {
    margin-top: 20px;
}

.product_list_bottom {
    width: 100%;
    margin: 20px 0px 40px 0px;
}
/*Bottom Table */
.product_list_config_image {
    width: 25%;
    vertical-align: top;
    padding-left: 41px;
}

.product_list_config_number {
    width: 30px;
    vertical-align: top;
    font-size: .8em;
    color: #666;
    line-height: 1.25em;
}

.product_list_config_rip {
    width: 30%;
    font-size: .8em;
    color: #666;
    vertical-align: top;
    text-align: left;
    padding-left: 4px; /*To line-up cell with cell above it */
    ;
    line-height: 1.25em;
    display: compact;
}

.product_list_config_specialist {
    vertical-align: top;
    font-size: .8em;
    color: #666;
    line-height: 1.25em;
    padding-right: 25px;
}

    .product_list_config_specialist span {
        color: #E70924; /*#FD8842*//*MStart MEnd JRR -04-FEB-2021 Changed font color from #FD8842 to #E70924*/
        font-size: .85em;
        line-height: 1.1em;
    }

.product_list_config_specialist_panel {
    vertical-align: top;
    font-size: .8em;
    color: #666;
    line-height: 1.25em;
    padding-right: 40px;
}

    .product_list_config_specialist_panel span {
        color: #FD8842;
        font-size: .85em;
        line-height: 1.1em;
    }

.product_config {
    display: none;
}
    /* Div to display/hide bottom table */
    .product_config select {
        margin: 10px 0px 0px 0px;
        width: 200px;
    }
/* Div to display/hide innovation specialist fields */
.product_list_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 10px 0px;
}

.product_list_caption {
    font-size: .8em;
    color: #666;
    line-height: 1.25em;
}

.product_wrapper {
    border-bottom: dotted 1px #CCC;
    width: 30%;
}
/*************************************************/


/****************** CALENDAR ********************/
#calendar {
    width: 800px;
}
/************************************************/


/*********** SELECT MEETING ROOM ****************/
.instructions_3 {
    color: #666;
    font-size: .75em;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 10px 0px 20px 0px;
    line-height: 1.4em;
}

.meeting_room_subtitle h3 {
    color: #999;
    font-size: 1em;
    display: inline;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-right: 20px;
}

.meeting_room_wrapper {
    background: #efefef;
    width: 100%;
    margin: 10px 0px 20px 30px;
    padding: 20px 15px 0px 25px;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
}

    .meeting_room_wrapper h3 {
        color: #999;
        font-size: 1em;
        font-weight: bold;
        /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    }

.meeting_room_subtitle {
    color: #999;
    font-size: .9em;
    display: inline;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    vertical-align: middle;
}

.meeting_room_button {
    margin-right: 20px;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}
/*Down arrow button */


#meeting_room_column_left {
    width: 50%;
    float: left;
}

#meeting_room_column_right {
    width: 40%;
    float: right;
    padding-top: 37px;
}

.meeting_room_list_top {
    width: 100%;
    height: 60px;
}
/* Top Table */
.meeting_room_list_checkbox {
    width: 5%;
    vertical-align: top;
    padding-top: 3px;
}

.meeting_room_list_name {
    width: 27%;
    vertical-align: top;
}

    .meeting_room_list_name h3 {
        color: #666;
        font-size: .8em;
        font-weight: bold;
        display: inline;
        /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    }

.meeting_room_list_summary {
    width: 68%;
    font-size: .7em;
    color: #666;
    vertical-align: top;
    line-height: 1.45em;
    padding-top: 5px;
}

    .meeting_room_list_summary span {
        font-weight: bold;
    }

.meeting_room_list_bottom {
    width: 100%;
    margin: 20px 0px 40px 0px;
}
/*Bottom Table */
.meeting_room_list_image {
    width: 31%;
    vertical-align: top;
    padding-left: 3px;
}

.meeting_room_list_seating {
    width: 36%;
    font-size: .8em;
    color: #666;
    vertical-align: top;
    text-align: left;
    padding-left: 4px; /*To line-up cell with cell above it */
    ;
    line-height: 1.45em;
}

.meeting_room_list_options {
    width: 33%;
    vertical-align: top;
    font-size: .8em;
    color: #666;
    line-height: 1.45em;
}

    .meeting_room_list_options input {
        margin: 0px 25px 10px 0px;
    }

.meeting_room_id select {
    width: 175px;
    margin-top: 20px;
}

.first_checkbox {
    margin-top: 20px;
}

.meeting_room_list_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 10px 0px;
}
/*MStart JRR - 03-FEB-2021 - Changed font colors*/
.recomend_room {
    /*color: #7bbb23;*/
    color: #01916D;
    font-style: italic;
}

.not_recomend_room {
    font-style: italic;
    /*color: #FEBD36;*/
    color: #E70924;
}
/*MEnd JRR 03-FEB-2021*/
.not_available_room {
    font-style: italic;
    color: #F10A0A;
}

.normal {
    color: #556688;
}
/*************************************************/


/*************** SELECT CATERING *****************/
.instructions_4, .instructions_5 {
    display: block;
    font-size: .7em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    line-height: 1.4em;
}

.instructions_4 {
    font-size: .8em;
    color: #666;
}

.catering_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 10px 0px;
}

.catering_body_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin-top: 0px;
}

.catering_booking_session {
    font-size: 0.8em;
    color: #01916D;/*rgb(116, 160, 50);*/ /*MStart MEnd JRR -16-FEB-2021 - Changed color*/
}

#catering_approval {
    width: 1200px;
    margin: 30px 0px;
}

#catering_approval_checkbox {
    width: 50px;
    vertical-align: middle;
}

    #catering_approval_checkbox input {
        vertical-align: center;
    }

#catering_approval_text,
#achohol_warning_text,
#contact_gro_warning {
    font-size: .7em;
    color: #FB0020;/*#FD8842;*/ /*MStart MEnd JRR -24-FEB-2021 - Changed color to primary red color*/
    margin: 25px 0px;
    line-height: 1.9em;
    width: 1150px;
    font-weight: bold;
}

#catering_list_wrapper {
    width: 1155px;
    background: #efefef;
    padding: 10px 20px 0px 20px;
    -moz-box-shadow: 2px 2px 5px #C9C9C9;
    -webkit-box-shadow: 2px 2px 5px #C9C9C9;
    box-shadow: 2px 2px 5px #C9C9C9;
}

    #catering_list_wrapper table {
        margin: 15px 10px;
    }

.catering_people_label, .catering_special_requirements_label, .catering_rooms_label, .catering_time_label {
    font-size: .7em;
    color: #666;
    text-align: right;
    padding-right: 10px;
}

.catering_checkbox {
    vertical-align: top;
    width: 3%;
}

.catering_label {
    width: 16%;
    color: #666;
    font-size: .9em;
    font-weight: bold;
    /*font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

.catering_price {
    font-size: .7em;
    width: 6%;
    color: #666;
}

.catering_people_label {
    width: 11%;
}

.catering_people_input {
    width: 4%;
}

    .catering_people_input input {
        width: 35px;
    }

.catering_rooms_label {
    width: 14%;
}

.catering_rooms_input {
    width: 5%;
}

    .catering_rooms_input select {
        width: 130px;
    }

.catering_time_label {
    width: 6%;
}

.catering_time_input {
    width: 5%;
}

    .catering_time_input select {
        width: 75px;
    }

.catering_special_requirements_label {
    width: 13%;
}

.catering_special_requirements_input {
    width: 15%;
}

    .catering_special_requirements_input input {
        width: 200px;
    }

.catering_help_description_label {
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-left: 20px;
    color: #666;
    font-size: .7em;
    line-height: 1.75em;
    padding: 15px 0px 0px 30px;
}
/* Wrapper for contents of help - displays after help button is pressed*/
/*************************************************/


/*************** CUSTOMER DETAILS ****************/
#form_body h3 {
    color: #666;
    font-size: .95em;
    display: inline;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

.customer_details_line_break {
    height: 1px;
    width: 100%;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 5px 0px 10px;
}

.customer_details_add {
    width: 550px;
    margin-bottom: 20px;
    color: #666;
    font-size: .8em;
    border: none;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

    .customer_details_add td {
        padding: 10px 0px;
    }

    .customer_details_add select {
        float: right;
    }

.customer_detail_label {
}

.customer_detail_input input {
    width: 160px;
    border: 1px solid #cccccc;
    margin-left: 2em;
    height: 20px;
    background: url(images/bookings/input_bg_slice.png) repeat-x 0 0;
    vertical-align: middle;
}

.customer_detail_checkbox {
    float: none;
    text-align: center;
}

    .customer_detail_checkbox input {
        margin-left: 60px;
    }

.customer_detail_button {
    float: left;
    padding-top: 30px;
}

.MiWorld_select select {
    width: 150px;
}

.MiWorld_description, .customer_detail_description {
    font-size: .85em;
    line-height: 1.2em;
}

#customer_detail_add_org {
    position: relative;
    top: -490px;
    left: 0px;
}
/*Relative positioning moves the Add Organisational Details div to the top. The tables cannot be placed on top of each other because of the multiple submit buttons in the form. */
#customer_detail_add_cust {
    position: relative;
    top: 120px;
    left: 0px;
}

#guestDiv h3 {
    font-size: 1.1em;
}

#guest_details {
    width: 550px;
    margin-top: 10px;
}

    #guest_details td {
        padding: 0px;
    }

        #guest_details td .guest_name {
            font-weight: bold;
            width: 100%;
        }

        #guest_details td .guest_title {
            width: 20%;
        }

        #guest_details td .guest_email {
            width: 60%;
        }

        #guest_details td .guest_invite {
            width: 20%;
        }
/*************************************************/


/***************** CONFIRMATION ******************/
#form_body_confirm td {
    padding: 5px 0px;
    vertical-align: top;
}

.basic_requirements_confirm, .time_products_confirm, .room_requirements_confirm, .catering_requirements_confirm, .room_requirements_confirm, .product_conflict_requirements_confirm, .inno_conflict_requirements_confirm, .confirm_comments {
    width: 100%;
    color: #666;
    font-size: .8em;
    border: none;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-bottom: 40px;
}

.product_conflict_requirements_confirm {
}

.inno_conflict_requirements_confirm {
}


.confirm_label {
    width: 20%;
}

.confirm_contents {
    width: 80%;
}

.confirm_sub_head {
    font-weight: bold;
}

#disclaimer {
}

p.participants_name {
    font-size: 1em;
}
/*************************************************/


/******************** BUTTONS ********************/
.nextbutton {
    background: transparent url(images/bookings/button_next.png) center center no-repeat;
    line-height: 100px;
    overflow: hidden;
    width: 137px;
    height: 38px;
    float: right;
    text-indent: -1000em;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}

.backbutton {
    background: transparent url(images/bookings/button_back.png) center center no-repeat;
    width: 137px;
    height: 38px;
    line-height: 100px;
    overflow: hidden;
    float: left;
    text-indent: -1000em;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}

.submitbutton {
    
    width: 137px;
    height: 38px;
    float: right;
    overflow: hidden;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
    /*background: transparent url(images/bookings/button_submit.png) center center no-repeat;*/
    /*line-height: 100px;*/
    /*text-indent: -1000em;*/

}
/*************************************************/

/***************** ERROR STYLING ****************/
#error_container {
    width: 1200px;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-bottom: 10px;
}

.heading_error {
    color: #FB0020; /*#C00;*/ /*MStart MEnd JRR 03-FEB-2021 - Changed font color to primary red */
    font-weight: bold;
}
/* Heading for Error Messages NB: Setting a font size here will cause the text on the Basic Requirements Page text to shrink to a microscopic size*/
.detail_error {
    color:#FB0020; /*#C00;*/ /*MStart MEnd JRR 03-FEB-2021 - Changed font color from #C00 to #E70924*/
    line-height: 1.5em;
}
/*************************************************/



/*#form_body input, #form_body_wide input, #form_body_catering input  
{ border: 1px solid #cccccc; margin-left:2em;  padding:.3em; float:left; background:url(images/bookings/input_bg_slice.png) repeat-x 0 0; vertical-align:middle; }*/
#form_body td.firstcell, #form_body_wide td.firstcell {
    min-width: 300px;
    width: 350px;
    vertical-align: center;
    height: 40px;
}
/* */
#form_body td.firstcell_basic_requirements, #form_body_wide td.firstcell_basic_requirements {
    min-width: 300px;
    width: 325px;
    vertical-align: center;
    height: 40px;
}
/* */
#form_body td.firstcell_Customer_details, #form_body_wide td.firstcell_Customer_details {
    min-width: 215px;
    width: 325px;
    vertical-align: center;
    height: 40px;
}
/* */
#form_header {
    height: 40px;
    margin-left: 2em;
    border-bottom: 1px solid #06C;
}

    #form_header h2 {
        color: #36C;
        font-size: 1.2em;
        padding: .4em 1em;
        font-weight: 100;
    }

.dotted_line {
    border-top: 1px solid #c0df23;
    width: 100%;
    display: block;
}
/* */
.letter_list {
    font-size: 1em;
}
/* */
.confirm_products {
    border: 1px solid #c0df23;
    padding: 1em;
    margin-bottom: 1em;
}
    /* */
    .confirm_products ul {
        padding: 1em;
    }
/* */
.collapse_links {
    padding: 0;
    height: 2em;
    margin-left: 2em;
    position: relative;
    top: -2em;
    left: 20em;
}

.collapse_lists li {
    display: inline;
    padding: 0 1em;
    margin: 2em;
    list-style: square;
    color: #cccccc;
}

    .collapse_lists li a {
        color: #666666;
    }
/* */




/*----------================== CREATE OF UPDATE BOOKING STYLES END =====================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/





/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------================================ ADMIN STYLES START ========================----------------------*/


/******************************************************/
/****************** ADMIN HEADER  *********************/
/******************************************************/

/*Admin Portal Menu */
/*MStart JRR 25-FEB-2021- Changed background image for Admin page*/
#admin_header {
    /*background: url(images/admin/admin_header_background.png) top center no-repeat;*/
    background:url(images//admin/admin_header_background_R1.png) top center no-repeat;
    width: 1200px;
    height: 313px;
    margin-top: 50px;
    margin-bottom: 72px;/*60px;*/
}

[if IE], #admin_header {
    /*background: url(images/admin/admin_header_background.png) top center no-repeat;*/
    background:url(images//admin/admin_header_background_R1.png) top center no-repeat;
    width: 1200px;
    height: 313px;
    margin-top: 20px;
    margin-bottom: 10px;
}
/*MEnd JRR 25-FEB-2021*/
#admin_portal_menu {
    width: 1200px;
    margin: 200px 0px 0px 10px;
    padding-bottom: 8px;
    border-bottom: thin solid #d4d4d4;
}

    #admin_portal_menu span {
        text-align: left;
        margin-right: 35px;
        /*font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        font-size: .8em;
        letter-spacing: -.02em;
        font-weight: 700;
    }

        #admin_portal_menu span a {
            text-decoration: none;
            padding-bottom: 8px;
            color: #666666;
        }

            #admin_portal_menu span a.active {
                color: #34BCBA;
                
            }
            /*IStart JRR 16-FEB-2021 - Added below css for navigation*/
            #admin_portal_menu span a:active, #admin_portal_menu span a:hover{
                border-bottom:4px solid #01916d;
            } /*MEnd JRR 16-FEB-2021*/

        #admin_portal_menu span.fade a {
            opacity: 0.5;
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
            -khtml-opacity: 0.5;
            -ms-filter: "Alpha(opacity=50)";
        }

            #admin_portal_menu span.fade a:hover {
                color: #34BCBA;
                opacity: 1;
                -moz-opacity: 1;
                -webkit-opacity: 1;
                -khtml-opacity: 1;
                -ms-filter: "Alpha(opacity=100)";
            }

.GRObooking_page_title {
    color: #ffffff;
    padding-top: 26px;
    text-align: right;
    font-weight: 100;
    font-size: 1.6em;
    line-height: 1.35em;
    /*font-family: Arial, Geneva, Verdana, Xerox-Sans, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-right: 24px;
    letter-spacing: -.01em;
    font-size: 24px !important; /*text-shadow: #666 0px 0px 5px; */
}

.block_other_products_box {
    border: 1px solid black;
    padding: 1%;
}

/******************************************************/
/******************* BODY PAGES ***********************/
/******************************************************/

/************* BOOKING DETAILS  *******************/
#admin_home_instructions {
    color: #666;
    font-size: .8em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 60px 0px 0px 35px;
    line-height: 1.5em;
}

.details_line_break {
    height: 1px;
    width: 90%;
    text-align: left;
    background: url(../Content/images/line_break.png) 0 0 repeat;
    margin: 5px 0px 10px;
}

table.booking_details {
    margin-bottom: 50px;
    width: 540px;
    color: #666;
    font-size: .7em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

td.details_label {
    width: 35%;
    padding: 0px 15px;
    font-weight: bold;
    vertical-align: top;
}

td.details_content {
    width: 65%;
    padding: 2px 0px;
    vertical-align: top;
}

#gro_update_options {
    width: 580px;
    float: left;
}

#sis_update_options {
    width: 580px;
    float: right;
}

#gro_booking_details h2 {
    color: #999999;
    font-weight: 100;
    /*font-family: Verdana,Arial,Xerox-Sans,Geneva,sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.1em;
    font-weight: bold;
}

#gro_booking_details {
    width: 1200px;
}

#gro_booking_details_left {
    width: 580px;
    float: left;
}

#gro_booking_details_right {
    width: 580px;
    float: right;
}


.booking_details_info {
    background: #F3F3F3;
    margin-bottom: 20px;
    width: 1200px;
}

.booking_details_conflict, .booking_details_info_admin {
    background: #F3F3F3;
    width: 1200px;
}

    .booking_details_info table, .booking_details_conflict table, .booking_details_info_admin table {
        padding: .4em;
        margin: .15em 0 1em 0;
        border-collapse: collapse;
        border: none;
        width: 1200px;
    }

    .booking_details_info tr, .booking_details_conflict tr, .booking_details_info_admin tr {
        border: #F3F3F3 solid 1px;
    }

    .booking_details_info td, .booking_details_conflict td, .booking_details_info_admin td {
        color: #666666;
        font-size: .7em;
        line-height: 1.75em;
        border: none;
        padding: .5em 20px;
        text-align: left;
        vertical-align: top;
    }

    .booking_details_info th, .booking_details_conflict th, .booking_details_info_admin th {
        color: #666666;
        text-shadow: 1px 1px 2px #FFF;
        height: 25px;
        font-size: .95em;
        /*font-family: Arial,Verdana, Geneva, Tahoma, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        text-align: left;
        border-bottom: double 1px #CCC;
        padding: 5px 20px;
    }

td.details_label_info {
    font-weight: bold;
    width: 150px;
}

td.details_content_info {
}

.odd {
    background-color: #FAFAFA;
}

.even {
    background-color:#ECECEC;/*#F3F3F3;*/ /*MStart MEnd JRR 05-MAR-2021 - Change gray colour as it is too light*/
}



.booking_details_info, .booking_details_conflict, .booking_details_info_admin {
    width: 600px;
    margin-bottom: 20px;
}

.booking_details_email_invites_admin {
    width: 100%;
    background: #F3F3F3;
}

    .booking_details_email_invites_admin th {
        color: #666666;
        text-shadow: 1px 1px 2px #FFF;
        height: 25px;
        font-size: .95em;
        /*font-family: Arial,Verdana, Geneva, Tahoma, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        text-align: left;
        border-bottom: double 1px #CCC;
        padding: 5px 20px;
    }

    .booking_details_email_invites_admin tr {
        border: #F3F3F3 solid 1px;
    }

    .booking_details_email_invites_admin td {
        color: #666666;
        font-size: .7em;
        line-height: 1.75em;
        border: none;
        padding: .5em 20px;
        text-align: left;
        vertical-align: top;
    }

        .booking_details_email_invites_admin td.details_label {
            width: 15%;
        }

        .booking_details_email_invites_admin td input, textarea {
            width: 100%;
        }

            .booking_details_email_invites_admin td input[type="submit"] {
                width: 200px;
                float: right;
            }

        .booking_details_email_invites_admin td.details_content {
            padding-right: 60px;
        }

        .booking_details_email_invites_admin td #sendInvitesMessage {
            color: #FD8842;
            margin: 25px 0px;
            line-height: 1.9em;
            width: 1150px;
            font-weight: bold;
        }

span.booking_status {
    color: #666;
    font-weight: bold;
    font-size: 1.2em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-right: 40px;
}

#cancel_button, #confirm_button {
    padding: 2px 10px;
    margin: 5px 0px;
}
/*Mstart JRR 24-FEB-2021-  REmoved underline and font color for update_booking_label*/
.update_booking_label {
    font-weight: bold;
    font-size: 1em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    /*text-decoration: underline;*/
    vertical-align: top;
}

    .update_booking_label a, .update_booking_label a:visited {
        color: #666;
    }
    .update_booking_label a:active, .update_booking_label a:hover{
        color:#666;
    }
/*MEnd JRR 24-FEB-2021*/

.instructions_5 {
    color: #666;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 20px 0px 30px 0px;
    line-height: 1.75em;
}

    .instructions_5 a, .instructions_5 a:visited, .instructions_5 a:active {
        color: #666;
        text-decoration: underline;
    }

    .instructions_5 ul li {
        list-style: disc;
        margin-left: 40px;
    }

table.detail_conflicts {
    color: #B00;
    margin-bottom: 30px;
    width: 540px;
    color: #666;
    font-size: .7em;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

.details_conflict_list {
    list-style: none;
}
#confirm_request_button {
    margin-left: -5px;
    width: 243px;
    height: 35px;
    margin-bottom: 10px;
    padding: 3px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    cursor: hand;
    text-indent: -1000em;
    background: transparent url(images/admin/confirm_request_button.png) no-repeat center center;
    line-height: 100px;
    text-indent: -9999px;
}

#cancel_request_button {
    margin-left: -5px;
    width: 243px;
    height: 35px;
    padding: 3px 0px;
    background: transparent url(images/admin/cancel_request_button.png) no-repeat center center;
    text-indent: -1000em;
    line-height: 100px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    cursor: hand;
}

#update_request {
    margin-left: -5px;
    width: 243px;
    height: 35px;
    padding: 3px 0px;
    background: transparent url(images/admin/update_request_button.png) no-repeat center center;
    line-height: 100px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    cursor: hand;
}

.update_booking_details_button {
    display: block;
    margin-left: -5px;
    width: 243px;
    height: 35px;
    padding: 3px 0px;
    background: transparent url(images/admin/update_details_button.png) no-repeat center center;
    text-indent: -1000em;
    border: none;
    cursor: pointer;
    cursor: hand;
}

.view_feedback_button {
    display: block;
    margin-left: -5px;
    width: 243px;
    height: 35px;
    padding: 3px 0px;
    background: transparent url(images/admin/view_feedback_button.png) no-repeat center center;
    text-indent: -1000em;
    border: none;
    cursor: pointer;
}

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

/***************** ACTIONS REQUIRED/ CATERING *******************/
#action_table, #catering_table, #feedback_table, #eplace_holder_table {
    background: #F3F3F3;
    margin-top: 20px;
    width: 1200px;
}
/*MStart JRR 16-FEB-2021 - Removed  text-decoration*/
    #action_table a, #catering_table a, #eplace_holder_table a {
        color: #666;
        /*text-decoration: underline;*/
    }
/*MEmd JRR 16-FEB-2021*/
    #action_table table, #catering_table table, #feedback_table table, #eplace_holder_table table {
        padding: .4em;
        margin: .15em 0 1em 0;
        border-collapse: collapse;
        border: none;
        width: 1200px;
    }

    #action_table tr, #catering_table tr, #feedback_table tr, #eplace_holder_table tr {
        border: #F3F3F3 solid 1px;
    }

        #action_table tr:nth-child(even) {
            background: #D8D8D8 !important;
        }

        #action_table tr:nth-child(odd) {
            background: #b7b7b7 !important;
        }

    #action_table td, #catering_table td, #feedback_table td, #eplace_holder_table td {
        color: #666666;
        font-size: .7em;
        line-height: 1.75em;
        border: none;
        padding: 1.1em 1em;
        text-align: center;
    }

    #action_table th, #catering_table th, #feedback_table th, #eplace_holder_table th {
        background: #0B6297;/*#2895D5;*/ /*MStart MEnd JRR 16-FEB-2021 - Changed background colors*/
        color: #ffffff;
        height: 35px;
        font-size: .75em;
        /*font-family: Arial,Verdana, Geneva, Tahoma, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        text-align: center;
        font-weight: 700;
        border-bottom: double 1px #CCC;
        padding: 10px 0px;
        vertical-align: top;
    }

#catering_email_form td {
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .8em;
    color: #666;
}

.catering_email_input_small {
    width: 300px;
    float: left;
}

.catering_email_input_large {
    width: 100%;
    height: 500px;
    vertical-align: top;
}

.catering_email_label {
    vertical-align: top;
    height: 50px;
}

.catering_email_textbox {
    vertical-align: top;
}

.catering_update_button {
    padding: 3px 20px;
    margin-bottom: 50px;
}

#catering_email_submit_button {
    width: 137px;
    height: 38px;
}

.action_booking_button {
    display: block;
    width: 135px;
    height: 25px;
    padding: 3px 0px;
    background: transparent url(images/admin/action_booking_button.png) no-repeat center center;
    text-indent: -1000em;
    overflow: hidden;
    border: none;
    cursor: pointer;
    cursor: hand;
}
/*MStart JRR 24-FEB-2021 - REmoved background image*/
.bookings_feedback_button {
    display: block;
    width: 155px;
    height: 25px;
    padding: 3px 0px;
    /*background: transparent url(images/admin/Feedback_button.png) no-repeat center center;
    text-indent: -1000em;*/
    overflow: hidden;
    border: none;
    cursor: pointer;
    cursor: hand;
}
/*MEnd JRR 24-FEB-2021*/
/*MStart JRR 18-FEB-2021 - changed backgound color: #6daf3d*/
.product_site_button {
    display: block;
    border-radius: 4px;
    width: 100px;
    height: 24px;
    background-color: #01916D; /* background: transparent url(images/product_site_button.png) no-repeat center center; */
    text-align: center;
    overflow: hidden;
    border: none;
    margin-left: 16px;
    color: #ffffff;
    line-height: 24px;
}
/*MEnd JRR 18-FEB-2021*/

.odd {
    background-color: #FAFAFA;
}

.even {
    background-color: #ECECEC;/*#F3F3F3;*/ /*MStart MEnd JRR 05-MAR-2021 - Change gray colour as it is too light*/
}
/******************************************************/

/************* BOOKING DETAILS  *******************/
#details_filter {
    width: 1200px;
    font-size: .75em;
    /*font-family: Verdana, Geneva, Tahoma, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}

    #details_filter td strong {
        font-size: 1.3em;
    }

.filter_label {
    width: 7%;
    padding: 6px 0px;
    text-align: left;
}

.filter_label_wide {
    width: 10%;
}

#details_filter td.options {
    float: left;
}

.filter_select {
    width: 18%;
    padding: 6px 0px 0px 0px;
}

    .filter_select select {
        width: 200px;
        float: left;
    }
    /* 05-NOV-2020 */
    /*MStart JRR 05-MAR-2021 - Added :not(.btn-l,.btn-m,.btn-s) in class name to exclude it*/
    .filter_select input :not(.btn-l,.btn-m,.btn-s), .filter_select button :not(.btn-l,.btn-m,.btn-s){
        width: 195px;
        float: left;
    }
    /*Mend JRR 05-MAR-2021*/
#details_filter p a {
    float: right;
}

.display-label p {
    color: #334488;
    font-weight: bold;
}
/*IStart JRR 03-FEB-2021 -Added css for buttons*/
.btn-l{
    min-width:30.8510638%;
}
.btn-m{
    min-width:19.1489362%;
}
.btn-s
{
    min-width:14.893617%;
}
@media (min-width:768px){
.btn-l
{
    min-width:290px;
}
.btn-m {
    min-width: 180px;
}
.btn-s {
    min-width: 140px;
}
}

.btn {
    min-width: 30.8510638%;
    border-radius: 0px;
}

.btn-success {
    background-color: #01916d;
    border: 1px solid #01916d;
    background-image: none;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    padding: 5px 20px 5px 20px;
    text-indent: 0;
    color:#fff;
    font-size:16px;
}
    .btn-success a{
        color:#fff;
    }
    .btn-success:hover,.btn-success:active, .btn-success:focus {
        background-color: #fff;
        color: #01916d;
        border: 1px solid #d7d7d7;
        outline:none;
    }
 .btn-success a:hover, .btn-success a:active{
        background-color: #fff;
        color: #01916d;
        border: 1px solid #d7d7d7;
        outline:none;
 }
.btn-secondary {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    background-image: none;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    position: relative;
    padding: 5px 20px 5px 20px;
    text-indent: 0;
    font-family:'Clarimo UD PE';
    text-decoration:none;
    color:#444444;
    font-size:16px;
}
.btn-secondary a{
    color:black;
    text-decoration:none;
}
    .btn-secondary:hover,.btn-secondary:active, .btn-secondary:focus {
        background-color: #01916d;
        color: #fff;
        border: 1px solid #01916d;
        outline:none;
    }
.btn-secondary a:hover, .btn-secondary a:active{
        background-color: #01916d;
        color: #fff;
        border: 1px solid #01916d;
        outline:none;
}
    /*IEnd JRR 03-FEB-2021 */



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


/************************* FEEDBACK **************************/
#feedback_links {
    text-align: left;
    width: 1200px;
    font-size: .8em;
    /*font-family: Geneva, Tahoma,Verdana Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    color: #666;
    margin-bottom: 20px;
}

    #feedback_links a {
        text-decoration: underline;
        color: #666;
    }

#feedback_total_table {
    margin-top: 20px;
    width: 1200px;
}

    #feedback_total_table table {
        padding: 0em;
        margin: .0em 0 1em 0;
        border-collapse: collapse;
        border: none;
        width: 1200px;
    }

    #feedback_total_table td {
        color: #666;
        font-size: .85em;
        line-height: 1.4em;
        border: none;
        padding: .05em 1em;
        text-align: right;
    }

        #feedback_total_table td.rating_total {
            width: 200px;
        }

.feedback_comments_header {
    width: 20%;
}

h2.feedback_header {
    font-weight: 100;
    /*font-family: Verdana, Arial, Xerox-Sans, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    color: #999;
    font-size: 1.2em;
    margin-top: 20px;
}

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

/************************* FEEDBACK *******************************/
#run_sheet_table {
    /*font-family: Verdana, Arial, Xerox-Sans, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .7em;
}

    #run_sheet_table td {
        vertical-align: top;
        padding: 10px 0px 0px 0px;
    }

.run_sheet_header {
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
    padding-bottom: 30px;
}
/******************************************************************/

/*----------================================= ADMIN STYLES END =========================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/




/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------================================= SITE CONFIG START ========================----------------------*/


/***************** SITE CONFIG UNIVERSAL **************************/
#site_admin_container {
    width: 1200px;
    color: #666;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
}
/*
#site_admin_menu {width: 250px; float:left; color:#666; font-size:.8em; font-family: Tahoma, Geneva, Verdana, Arial,  sans-serif;  margin-top: 20px;}
.admin_menu_title {background:#ECECEC; width: 225px; height: 30px; border-top-left-radius: 11px; border-top-right-radius: 11px; -moz-border-radius-topleft: 11px; 	-moz-border-radius-topright: 11px; padding: 5px 0px 0px 25px;}
.admin_menu_title img {margin: 15px 0px 0px 25px;}
.admin_menu_content {background-color: #fafafa; border-right: solid 1px #ebebeb; border-left: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; -moz-border-radius-bottomleft: 11px; 	-moz-border-radius-bottomright: 11px; padding: 10px 0px 10px 20px;}
*/
#site_admin_content {
    margin: 60px 35px 0px 0px;
    width: 1200px;
    float: left;
    font-size: .8em;
    position: relative;
    top: -85px;
}

    #site_admin_content a {
        text-decoration: underline;
    }

    #site_admin_content span {
        font-weight: bold;
    }

    #site_admin_content ul li {
        list-style: disc;
        margin-left: 20px;
    }

    #site_admin_content p {
        margin: 0px 0px 10px 0px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        text-align: right;
    }
        /*Text styling for "Create New" button*/
        #site_admin_content p a, #site_admin_content p a:visited {
            color: #333;
        }

    #site_admin_content table {
        background: #FAFAFA;
        -moz-border-radius: 11px;
        border-radius: 11px;
        margin-bottom: 15px;
    }
        /*Master style for all tables in Site Configuration*/
        #site_admin_content table th {
            /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
            font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
            font-size: 1.0em;
            padding: 10px 20px 10px 20px;
            vertical-align: top;
            background: #ECECEC;
        }

        #site_admin_content table td {
            padding: 10px 20px;
            vertical-align: top;
        }

        #site_admin_content table tr {
            border- bottom: #FFF 1px;
            width: 90%;
        }

.site_admin_table_header_top_left {
    -moz-border-radius-topleft: 11px;
    border-top-left-radius: 11px;
}

.site_admin_table_header_top_right {
    -moz-border-radius-topright: 11px;
    border-top-right-radius: 11px;
}

.site_config_back {
    width: 1200px;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

    .site_config_back p a, .site_config_back p a:visited, .site_config_back p a:active {
        color: #333;
    }

.generic_column_left {
    width: 590px;
    float: left;
}

.generic_column_right {
    width: 590px;
    float: right;
}

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

/********************** SITE CONFIG HEADER *************************/
/*MStart JRR 25-FEB-2021 - Changed background image for admin confog page*/
#site_config_header {
    /*background: url(images/admin/site_config_header_background.png) top center no-repeat;*/
    background:url(images/admin/site_config_header_background_R1.png) top center no-repeat;
    width: 1200px;
    height: 313px;
    margin-top: 50px;
    margin-bottom: 10px;
}

[if IE], #site_config_header {
    /*background: url(images/admin/site_config_header_background.png) top center no-repeat;*/
    background:url(images/admin/site_config_header_background_R1.png) top center no-repeat;
    width: 1200px;
    margin-top: 10px;
}
/*Mend JRR 25-FEB-2021*/

#site_config_header_menu {
    width: 1200px;
    position: relative;
    top: 324px;
    border-bottom: thin #d4d4d4 solid;
    padding: bottom:6px;
}

[if IE], #site_config_header_menu {
    width: 1200px;
    margin: 15px 0px 0px 39px;
    position: relative;
    top: 100px;
}

    #site_config_header_menu span {
        text-align: center;
        margin-right: 24px;
        /*font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        color: #666666;
        font-size: .78em;
        letter-spacing: .01em;
        display: inline-block;
    }

        #site_config_header_menu span a {
            text-decoration: none;
            color: #666666;
        }

            #site_config_header_menu span a.active {
                font-weight: bold;
            }

        #site_config_header_menu span.fade a {
            opacity: 0.5;
            -moz-opacity: 0.5;
            -webkit-opacity: 0.5;
            -khtml-opacity: 0.5;
            -ms-filter: "Alpha(opacity=50)";
        }

            #site_config_header_menu span.fade a:hover {
                color: #FFF;
                opacity: 1;
                -moz-opacity: 1;
                -webkit-opacity: 1;
                -khtml-opacity: 1;
                -ms-filter: "Alpha(opacity=100)";
            }
 /*MStart JRR 03-FEB-2021 - Added underline content hover input navigation*/
        /*#site_config_header_menu span:hover > a span:active > a {*/
        #site_config_header_menu span a:active,#site_config_header_menu span a:hover {
            border-bottom: 4px solid #01916d;
            background-color:#fff !important;
        }
/*Mend JRR 03-FEB-2021*/

.site_config_title {
    position: relative;
    top: -345px;
}

.site_config_title {
    color: #ffffff !important;
    padding-top: 46px;
    text-align: right;
    font-weight: 100;
    font-size: 1.6em;
    line-height: 1.35em;
    /*font-family: Arial, Geneva, Verdana, Xerox-Sans, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin-right: 24px;
    letter-spacing: -.01em;
    font-size: 24px !important text-shadow: #000 0px 0px 2px !important;
    */;
}

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

/******************** ABOUT PAGE SETUP ****************************/
.about_edit_table {
    width: 90%;
}

    .about_edit_table input {
        width: 300px;
    }
/******************************************************************/

/******************** MANAGE PRODUCTS *****************************/
.add_product_table {
    width: 550px;
}

.add_product_label {
    width: 20%;
}

.add_product_content {
    width: 80%;
}
/******************************************************************/

/*----------==============================SITE CONFIG END ==============================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/






/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================= LOGON  and REGO START ========================----------------------*/

#logon_screen_body {
    background: #666;
    width: 1440px;
    text-align: center;
    margin: 0 auto;
}

#logon_wrapper {
    width: 650px;
    min-height: 500px;
    background: #F9F9F9;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 75px auto;
    padding-top: 20px;
    behavior: url(border-radius.htc);
    zoom: 1;
    position: relative;
}
/*MStart JRR 26-FEB-2021 - Changed epicenter logo*/
#epicenter_logo_login {
    /*background: url(images/epicenter_logo.png) no-repeat left center;*/
    /*background: url(images/epicenter_logo_grey.png) no-repeat left center;*/
    
    background: url(images/Discovery_Centre_Logo.png) no-repeat left center;
    background-size: 175px 58px;
    float: left;
    width: 300px;
    height: 57px;
    margin:0px 0px 0px 25px;
    opacity:0.75;
}
/*MEnd JRR 26-FEB-2021*/
#fxa_logo_login {
    /*background: url(images/fxa_logo.png) no-repeat right center;*/
    background: url(images/FUJIFILM_Slogan.jpg) no-repeat right center; /*MStart MEnd JRR 02-FEB-2021 - Changed backgroung image */
    float: right;
    width: 300px;
    height: 50px;
    margin: 0px 25px 40px 0px;
    background-size: 46%; /*MStart MEnd JRR 03-FEB-2021 - Added backgroung image size*/
}


.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tabs li {
        float: left;
        cursor: pointer;
        cursor: hand;
        margin: 0 !important;
    }

    .tabs a {
        height: 30px;
        width: 150px;
        display: block;
        margin: 0;
        padding: 0;
        !important;
    }

.logon a {
    background: url(images/login_menu.png) no-repeat 0 0px;
}

    .logon a:hover {
        background: url(images/login_menu.png) no-repeat 0 -60px;
    }

    .logon a.current {
        background: url(images/login_menu.png) no-repeat 0 -30px;
    }

.fxa_employees a {
    background: url(images/login_menu.png) no-repeat -150px 0px;
}

    .fxa_employees a:hover {
        background: url(images/login_menu.png) no-repeat -150px -60px;
    }

    .fxa_employees a.current {
        background: url(images/login_menu.png) no-repeat -150px -30px;
    }

.register a {
    background: url(images/login_menu.png) no-repeat -300px 0px;
}

    .register a:hover {
        background: url(images/login_menu.png) no-repeat -300px -60px;
    }

    .register a.current {
        background: url(images/login_menu.png) no-repeat -300px -30px;
    }

.retrieval a {
    background: url(images/login_menu.png) no-repeat -450px 0px;
}

    .retrieval a:hover {
        background: url(images/login_menu.png) no-repeat -450px -60px;
    }

    .retrieval a.current {
        background: url(images/login_menu.png) no-repeat -450px -30px;
    }

.box {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.panes {
    background: #FFF;
    border: #EFEFEF solid 1px;
    padding: 30px;
    margin-top: 10px;
    min-height: 350px;
}

.top_box {
    height: 300px;
}

.panes table {
    margin: 15px 0px 0px 50px;
}

[if IE], .panes table {
    margin-top: 15px auto 0px auto;
    display: block;
}
/*MStart JRR - 09-FEB-2021 - Changed the font-family for select and input form controls*/
select{
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif !important;
}
input
{
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif !important;
}
/*MEnd JRR - 09-FEB-2021*/
.form_label {
    color: #999;
    font-size: .8em;
    float: left;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    width: 150px;
    vertical-align: middle;
}

.form_input input {
    width: 250px;
    height: 25px;
    margin-bottom: 10px;
    background: #F8F8F8;
    border: solid 1px #CCC;
    padding-top: 5px;
}

.form_input_Register input {
    width: 250px;
    height: 25px;
    margin-bottom: 10px;
    border: solid 1px #CCC;
    padding-top: 5px;
}



#logon_image, #fxa_image, #register_image, #retrieval_image {
    display: block;
    float: left;
    text-align: left;
    height: 160px;
}

#logon_intro, #fxa_intro, #register_intro, #retrieval_intro {
    color: #999;
    font-size: 1em;
    width: 360px;
    float: left;
    display: block;
    /*font-family: Tahoma, Geneva, Verdana, Arial, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    margin: 0px 0px 30px 30px;
    line-height: 1.75em;
    text-align: left;
    min-height: 150px;
    height: 150px;
}

    #logon_intro h2, #fxa_intro h2, #register_intro h2, #retrieval_intro h2 {
        /*font-family: Verdana, Arial, Tahoma, Geneva, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        font-size: 1.75em;
        color: #666;
        font-weight: normal;
        margin-bottom: 20px;
        text-align: left;
        display: block;
        border-bottom: solid 1px #CCC;
        padding-bottom: 15px;
    }


.login_button {
    background: transparent url(images/login_button.png) center center no-repeat;
    line-height: 100px;
    overflow: hidden;
    width: 195px;
    height: 42px;
    float: right;
    text-indent: -1000em;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}
/*MStart JRR 22-FEB-2021 - Removed background-image,text-indent & line-height from register_button*/
.register_button {
    /*background: transparent url(images/register_button.png) center center no-repeat;*/
    /*line-height: 100px;*/
    /*text-indent: -1000em;*/
    overflow: hidden;
    width: 195px;
    height: 41px;
    float: right;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}
/*MEnd JRR 22-FEB-2021*/
.retrieval_button {
    background: transparent url(images/retrieval_button.png) center center no-repeat;
    line-height: 100px;
    overflow: hidden;
    width: 195px;
    height: 43px;
    float: right;
    text-indent: -1000em;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}

.change_password_button {
    background: transparent url(images/Changel_button.png) center center no-repeat;
    line-height: 100px;
    overflow: hidden;
    width: 195px;
    height: 43px;
    float: right;
    text-indent: -1000em;
    margin-top: 2em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}

.log_me_in {
    background: transparent url(images/fxa_employees_button.png) top center no-repeat;
    line-height: 100px;
    overflow: hidden;
    width: 247px;
    height: 46px;
    float: none;
    text-indent: -1000em;
    margin-top: 3em;
    border: none;
    cursor: pointer;
    cursor: hand; /* for IE 5.x */
}

a.log_me_in {
    margin-left: 150px;
    display: block;
}

[if IE], a.log_me_in {
    margin-left: 100px;
    display: block;
}
/*----------============================= LOGON  and REGO END ==========================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/

.custom,
.custom div,
.custom span {
    background-color: green; /* background color */
    border-color: green; /* border color */
    color: yellow; /* text color */
}


/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------========================= APPLICATION LIBRARY START ========================----------------------*/
.app_intro_wrapper {
    width: 928px;
    margin-top: 2.6em;
    background: url(images/Application_Library_Header_R2.png) no-repeat center center;
    height: 200px;
}

/*Grey Box Start*/


.app_wrapper {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 150px;
}

.filter {
    width: 928px;
}

.float_left {
    float: left;
    padding-right: 15px;
    padding-bottom: 5px;
}

.float {
    float: left;
    padding-right: 28px;
    padding-bottom: 5px;
}

.headline {
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.5em;
    color: #2895D5;
    text-shadow: 1px 1px 3px #CCC;
    text-align: left;
    font-weight: normal;
}

.repeater {
    width: 100%;
}

.app_listing .rptItem, .app_listing .rptItemAlt {
    border: solid 1px #333;
    text-align: center;
    padding: 5px;
    width: 24%;
    background-color: #CCC;
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
    background: -moz-linear-gradient(top, #FFF, #CCC);
    filter: cursor:pointer;
    background: #F3F3F3;
}

.rptItemLink, .rptItemLink:visited {
    color: Black;
    text-decoration: none;
}

.image {
    -webkit-transform: rotate(-6deg);
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: rotate(-6deg);
    padding: 5px;
}

    .image:hover, .image:active, .image:focus {
        -webkit-transform: rotate(0deg) scale(1.2);
        padding: 5px;
    }


.lblSearch {
    font-style: italic;
    font-size: 1.5em;
}

#body_frame, #app_body_frame {
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
}

#body_frame {
    width: 928px;
}

.clear_both {
    clear: both;
}

.clear_left {
    clear: left;
}


.body_top, .app_body_top_workflow, .app_body_top_machines, .app_body_top_featured {
    float: left;
    height: 34px;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
}

.body_top {
    width: 100%;
    background-color: #999;
    border: solid 1.5px #999;
    background: -webkit-gradient(linear, center top, center bottom, from(#CCC), to(#999));
    background: -moz-linear-gradient(top, #CCC, #999);
    filter: glow(color=#999,strength=3); /* IE */
}

.app_body_top_workflow, .app_body_top_machines, .app_body_top_featured {
    width: 100%;
    margin: 6px 0px 0px 0px;
}

    .app_body_top_workflow h2, .app_body_top_machines h2, .app_body_top_featured h2 {
        /*font: Verdana, Arial, Helvetica, sans-serif;*/
        font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
        font-size: 1.2em;
        color: #FFFFFF;
        text-align: left;
        font-weight: 100;
        margin: 6px 0px 0px 20px;
        line-height: 20px;
    }
/*MStart JRR 25-FEB-2021 - Changed background colors as per the guideline*/
.app_body_top_workflow {
    background-color:#01916D; /*#35BCBA;*/
    border: solid 1.5px #01916D;/*#34bcba;*/
}

.app_body_top_machines {
    background-color: #B2880A;/*#9B2583;*/
    border: solid 1.5px #B2880A;/*#9B2583;*/
}

.app_body_top_featured {
    background-color: #0B6297;/*#6DAF3D;*/
    border: solid 1.5px #0B6297;/*#6DAF3D;*/
}
/*MEnd JRR 25-FEB-2021*/
.body_top h3 {
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.25em;
    color: #444;
    text-align: left;
    margin: 6px 0px 0px 25px;
    font-weight: 500;
    line-height: 20px;
}

.body_top span {
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .9em;
    color: #666;
    text-decoration: none;
}

.body_top h3 span {
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.1em;
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

.body_main, .app_body_main_workflow, .app_body_main_machines, .app_body_main_featured, .status_body_background {
    float: left;
    min-height: 25px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    padding-bottom: 10px;
    box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
}

.body_main {
    width: 100%;
    background-color: #F6F6F6;
    border: solid 1.5px #999;
}

    .body_main h4 {
        /*font: Verdana, Arial, Helvetica, sans-serif;*/
        font:'Clarimo UD PE', Helvetica, Sans-Serif;
        font-size: 1.1em;
        color: #F00;
        font-weight: bold;
    }

.app_body_main_workflow, .app_body_main_machines, .app_body_main_featured {
    width: 100%;
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: .9em;
    color: #FFFFFF;
    text-decoration: none;
}

    .app_body_main_workflow .boxSubHeader, .app_body_main_machines .boxSubHeader, .app_body_main_featured .boxSubHeader {
        color: #FFFFFF;
    }

    .app_body_main_workflow table, .app_body_main_machines table, .app_body_main_featured table {
        width: 280px;
    }

        .app_body_main_workflow table td, .app_body_main_machines table td {
            text-align: left;
            padding-left: 40px;
        }

            .app_body_main_workflow table td a, .app_body_main_machines table td a, .app_body_main_featured table td a {
                font: 'Clarimo UD PE', Helvetica, Sans-Serif;
                font-size: 1em;
                line-height: 1.75em;
                color: #FFFFFF;
                text-decoration: none;
            }

        .app_body_main_featured table td td {
            text-align: center;
        }
/*MStart JRR 25-FEB-2021 - Changed background color with  opacity*/
.app_body_main_workflow {
    border: solid 1.5px #01916D;/*#86d1d6;*/
    background: rgb(1, 145, 109,0.75);/*#86d1d6;*/
    opacity:0.75;
}

    .app_body_main_workflow .boxSubHeader, .app_body_main_workflow .link {
        color: #fff;/*#555;*/
    }

.app_body_main_machines {
    border: solid 1.5px #B2880A;/*#D16AAC;*/
    background:rgb(178, 136, 10,0.75); /*#D16AAC;*/
}

.app_body_main_featured {
    border: solid 1.5px #0B6297;/*#C0DF23;*/
    background: rgb(11, 98, 151,0.75);/*#C0DF23;*/
}
/*MEnd JRR 25-FEB-2021*/

.status_frame {
    width: 928px;
    margin: 0 auto;
}

.status_body_frame_large {
    width: 908px;
    border: solid #666 1px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    float: left;
    padding: 10px;
    margin: 10px;
}

.status_body_frame_small {
    float: left;
    width: 260px;
    border: solid #666 1px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -khtml-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    height: 200px;
    text-align: left;
    padding: 10px;
    margin: 10px;
}

    .status_body_frame_small h3, .status_body_frame_large h3 {
        /*font: Verdana, Arial, Helvetica, sans-serif;*/
        font:'Clarimo UD PE', Helvetica, Sans-Serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #2895D5;
        text-align: left;
    }

.box_gutters {
    width: 330px;
}

.boxSubHeader {
    font-weight: bold;
    text-align: left;
    line-height: 1em;
    font-size: 1.2em;
    color: #666;
    padding: 5px 5px 5px 29px;
}

a.link, a.link:visited, {
    color: #666;
    text-decoration: none;
}
/*Grey Box End*/




#body_frame, #app_body_frame {
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
}

#body_frame {
    width: 100%;
    margin-top: 30px;
}

.clear_both {
    clear: both;
}

.clear_left {
    clear: left;
}

.app_body_frame {
    width: 31.5%;
    float: left;
    padding: 0px 10px 150px 10px;
}

.rptItem, .rptItemAlt {
    color: #fff;/*#666;*/
    text-align: center;
    padding: 5px;
    cursor: pointer;
    padding-top: 10px;
}

/*----------========================= APPLICATION LIBRARY END ==========================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/


/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------========================= File Testing START ===============================----------------------*/
/*MStart JRR 1-MAR-2021 - Replced the image for File testing and Printing Request*/
.file_test_header {
    /*background: url(images/file_test_header.png) no-repeat center center;*/
    background: url(images/File_Test_Header_R2.png) no-repeat center center;
    width: 928px;
    height: 200px;
    margin-top: 2.6em;
}
/*MEnd JRR 1-MAR-2021*/

/*FTP Default Start*/
.ftpitemHeader {
    /*font: Verdana, Arial, Helvetica, sans-serif;*/
    font:'Clarimo UD PE', Helvetica, Sans-Serif;
    color: #666;
    font-size: 1em;
    font-weight: bold;
    padding: 20px 20px 10px 20px;
    vertical-align: top;
    text-align: left;
    margin-bottom: 10px;
}

.textBox {
    width: 250px;
}

.textField {
    width: 650px;
}

.textDate, .textDateDisabled {
    width: 100px;
}

.textDateDisabled {
    background-color: #999;
}

.Register {
    margin: 10px 20px 30px 20px;
    color: White;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    padding: 8px;
    text-align: left;
    background: url(images/curve_top_grad.gif) no-repeat left bottom;
    border: none;
}

.Panel {
    width: 400px;
    vertical-align: top;
}

.listPicker {
    width: 100%;
}

.listBox {
    width: 180px;
    background-color: #FFFFFE;
    padding: 2px;
}

.itemBox {
    float: left;
    width: 28%;
}

.buttonBox {
    float: left;
    width: 7%;
    text-align: left;
    vertical-align: bottom;
    height: 170px;
}

.button {
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.imageButton {
    padding: 5px;
    cursor: pointer;
}

.AjaxUploaderQueueTable {
    display: none;
}

.AjaxUploaderCancelAllButton {
    display: none;
}

.menu a {
    color: #666666;
    margin-left: 10px;
    /*text-decoration: underline;*/ /*MStart MEnd JRR - 12-FEB-2021 - Removed underline*/
}
/*MStart  JRR - 12-FEB-2021 - Added css for active and hover*/
.menu a:hover, .menu a:active{
    color:#01916d !important;
    text-decoration:none;
    background:none;
}
.menu a::before{
    font-family: 'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 90%;
    color: #01916d;
    top: -1px;
    position: relative;
    padding: 0 10px 0 0;
    content: "\0000a0\276F";
}
 /*MEnd JRR - 12-FEB-2021*/
/*FTP Default End*/

/*FTP Status Start*/
.ftp_status_wrapper {
    margin: 0 auto;
    background-color: transparent;
    max-width: 1000px;
}

    .ftp_status_wrapper img {
        padding-left: 10px;
    }

.detailsBox {
    float: left;
    border: solid 1px black;
    background: #ffffff;
    padding: .5em;
    margin: 0 .5em .1em .1em;
    width: 630px;
}

.ListingTable {
    border: solid 1px white;
    width: 100%;
}

    .ListingTable th {
        font-weight: bold;
    }

.list {
    list-style: none;
    ;
}

    .list li {
        font-weight: bold;
        color: #2895D5;
    }

        .list li em {
            font-weight: normal;
            font-style: normal;
            color: #000000;
            text-align: right;
        }

.column {
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.column2 {
    margin-right: 20px;
    padding: 10px;
}

.windowHeader {
    font-size: 1.3em;
    color: #333;
    width: 300px;
    text-align: left;
    text-decoration: underline;
}

.windowContent {
    border: none;
    text-align: left;
    width: 100%;
    height: 100%;
}

.floatLeft {
    margin-right: 1.5em;
    float: left;
    margin-bottom: 1em;
}
/*FTP Status End */


/*----------========================= File Testing END =================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/
/*----------============================================================================----------------------*/



/*----------============================= PAUL MURPHY ==========================----------------------*/

DIV.pager {
    text-align: left;
    padding: .5em 0 0 0;
    margin-top: 1em;
}

    DIV.pager A, input {
        font-size: 1.1em;
        color: #666;
        text-decoration: none;
        padding: 0 .4em 0 .4em;
    }

        DIV.pager A, input:hover {
            background-color: Silver;
        }

        DIV.pager A, input.selected {
            background-color: #353535;
            color: White;
        }

/*----------============================= TIM BALL ==========================---------------------- */

/*Product Family Page Adjust table position*/
.ProdCat {
    clear: both;
}
/* Add a highlight to the dropdown menu for product categories */
.optionBold {
    font-weight: 700;
}

/* IStart - ADK - 20-NOV-2020 - Css related to Booking Screen enhancement.*/
.my-event-class-blue {
    background-color: blue !important;
    border-color: black;
    color: white;
}

.my-event-class-lime {
    background-color: #00FF00 !important;
    border-color: black;
    color: white;
}

.my-event-class-olive {
    background-color: #808000 !important;
    border-color: black;
    color: white;
}

.my-event-class-brown {
    background-color: #A52A2A !important;
    border-color: black;
    color: white;
}


.legendTable {
    border: thick;
}

    .legendTable tbody tr td {
        padding-right: 10px;
        padding-left: 10px;
    }

.hiddenClass {
    display: none;
}

#popupCheckMachineAvailability {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1050;
    width: 100%;
    height: 100%;
    /*height: 98%;*/
    /* margin-left: -280px; */
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *:;
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    /*MStart - ADK - 04-DEC-2020 - Check Machine Availability on Scroll issue fixed.*/
    #popupCheckMachineAvailability .modal-body {
        /*min-height: 88%;*/
        overflow-x: auto;
    }
/* MEnd */

.hiddenoverflow {
    overflow: hidden !important;
}

/* MStart - ADK - 22-JAN-2021 - Remove the cross button from title bar and add the “Close” button on header part. */
.modalCloseBtn {
    font-size: 15px;
    color: white;
    opacity: 1;
    height: 49px;
    margin-top: -10px !important;
    width: 60px;
    margin-right: -14px;
    font-weight:200;
    background-color:#01916D !important /*#07901a !important;*/ /*MStart MEnd - JRR -18-FEB-2021 - Changed background-color as per the guideline*/
}

    .modalCloseBtn:hover {
        color: white;
        background: red;
        opacity: 0.8;
        background-color: green !important;
    }
/* MEnd */    

/* Added for Screen Loader */
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

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

    to {
        -webkit-transform: rotate(360deg);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
/* IEnd*/

.multiselect-input{
    width: 150px !important;
}
/*MStart JRR 16-FEB-2021 - Added below css to change the default color*/
.action_view_link a
{
    /*color:#666;*/
}
/*MEnd JRR 16-FEB-2021*/
#applicationLists.app_listing .repeater .rptItem
{
    color:#555;
}

.userLogon-table {
    margin: 0px 0px 0px 0px !important;
}

.userLogon-table label{
    font-size:small;
}

.userLogon-table input{
    width:300px;
    font-size:small;
}

/*IStart SR 26-NOV-2021 - Added for User Guide Functionality*/
/*userguide Area*/
#userguide {
    width: 300px;
    display: inline-block;
    margin-top:15px;
    float:right;
}

#userguide_main_header {
    text-shadow: 1px 1px 2px #FFF;
    background: #ECECEC;
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    padding: 10px 30px 10px 30px;
    /*font-family: Xerox-Sans, Arial, Tahoma, Geneva, sans-serif;*/
    font-family:'Clarimo UD PE', Helvetica, Sans-Serif;
    font-size: 1.3em;
    color:#191919; /*#666;*/ /*MStart MEnd JRR 19-FEB-2021 - Changed font color*/
    line-height: 1.25em;
}

#userguide .userguide_content {
    background-color: #fafafa;
    border-right: solid 1px #ebebeb;
    border-left: solid 1px #ebebeb;
    padding:15px;
    line-height: 1.4em !important;
    font-size: 13px !important;
}
#userguide .userguide_content a{
    text-decoration: none;
    color: #01916D;
    cursor:pointer;
}
#userguide .userguide_content a:visited,#userguide .userguide_content a:hover {
    border-bottom: #01916D solid 4px;
    color: #222222;
}

#userguide .userguide_footer {
    background: url(../Content/images/sidebar_footer_300.png) no-repeat top center;
    width: 300px;
    height: 7px;
}

.userguide_content_admin a{
    text-decoration: none;
    color: #01916D;
    cursor:pointer;
}
.userguide_content_admin a:visited,.userguide_content_admin a:hover {
    border-bottom: #01916D solid 4px;
    color: #222222;
}
/*IEnd*/