/*Stylesheet for master pages*/

/*Master header starts-------------------------------------------------------------*/

#divMasterTopBar {
    height: 40px; 
    background-color:#DA291C; 
    width:100%;
}

#divMasterTopLink {
    z-index: 1001;
    color: #FFF;
    font-size: 12px;
}

    #divMasterTopLink a {
        color: #FFF;
        text-decoration: none;
    }

/*Top click dropdown starts------------------------------------------------------------*/
#divMasterUser, #divMasterProvince {
    display: inline;
    position: relative;
    cursor: pointer;
    z-index: 200;
}

#divMasterUserDropdown {
    display: none;
    position: absolute;
    top: 22px;
    right: 12px;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 5px 5px 5px #ddd;
}

#divMasterProvinceDropDown {
    display: none;
    position: absolute;
    top: 22px;
    right: -20px;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 5px 5px 5px #ddd;
    z-index: 2000;
}

    #divMasterUserDropdown ul, #divMasterProvinceDropDown ul {
        list-style-type: none;
        background-color: #FFF;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

    #divMasterUserDropdown a, #divMasterProvinceDropDown a {
        color: #000;
        text-decoration: none;
        display: block;
        height: 30px;
        line-height: 30px;
        background-color: #FFF;
        padding-right: 10px;
        margin-left: 10px;
    }

#divMasterUserDropdown a {
    width: 100px;
}

#divMasterProvinceDropDown a {
    width: 200px;
}

    #divMasterUserDropdown a:hover, #divMasterProvinceDropDown a:hover {
        color: #DA291C;
    }
/*Top click dropdown ends------------------------------------------------------------*/

#divMasterHeader > hr {
    height: 3px;
    width:100%;
    background-color: #EBEDF0;
    border: none;
    z-index: 999;
    margin-top: 0px;
}

#divNavMenu {
    z-index: 1000;
    padding-right: 0px;
    /*padding-top: 20px;*/
}

/*Navigation Menu starts-----------------------------------------------------------*/
ul#navMenu {
    font-size: 14px;
    color: #000;
    float: right;
}

ul#navMenu, ul.sub-menu-1, ul.sub-menu-2 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-right:10px;
    background-color: #FFF;
}

ul.sub-menu-1, ul.sub-menu-2 {
    box-shadow: 5px 5px 5px #ddd;
    z-index: 1001;
}

/*ul.sub-menu-1 li:hover > a:before, ul.sub-menu-2 li:hover > a:before {
    content: "> ";
}*/

ul#navMenu > li {
    /*width: 110px;*/
    text-align: left;
    position: relative;
    float: left;
    padding:10px;
}

/*ul#navMenu li .right-arrow {
    display: none;
}

ul#navMenu li a:hover .right-arrow {
    display: inline;
}*/

ul#navMenu a {
    color: #000;
    text-decoration: none;
    display: block;
    /*width: 200px;*/
    height: 35px;
    line-height: 35px;
    background-color: #FFF;
}

ul#navMenu .sub-menu-2 a {
    /*margin-left: 6px;*/
    /*width: 220px;*/
}

ul#navMenu .sub-menu-1 a, ul#navMenu .sub-menu-2 a {
    color: #000;
    background-color: #FFF;
    padding-left: 10px;
}
    ul#navMenu .sub-menu-1 a:hover, ul#navMenu .sub-menu-2 a:hover {
        text-decoration: underline;
    }

ul#navMenu ul.sub-menu-1 {
    display: none;
    position: absolute;
    top: 58px;
    left: auto;
    border: 1px solid gray;
    min-width:150px
}

ul#navMenu ul.sub-menu-1 > li {
    position: relative;
}

ul#navMenu ul.sub-menu-2 {
    display: none;
    position: absolute;
    top: 0px;
    left: 100px;
    border: 1px solid gray;
}

ul#navMenu > li:hover > a {
    color: #DA291C;
}

ul#navMenu > li:hover hr {
    visibility: visible;
}

ul#navMenu > li hr {
    visibility: hidden;
    color: #DA291C;
    background-color: #DA291C;
    border: none;
    height: 3px;
    margin-right: 10px;
    /*margin-top: 10px;*/
    margin-bottom: 0px;
    z-index: 1000;
}
ul#navMenu img {
    border-style: none;
}
/*Navigation Menu ends-----------------------------------------------------------*/

/*Master header ends-------------------------------------------------------------*/


/*Master body ---------------------------------------------------------------*/
#divMasterBody {
    min-height: 650px;
    width: 100%;
}


/*Master footer -------------------------------------------------------------*/
#divMasterFooter {
    font-size: 14px;
    color: #414042;
    padding-bottom: 15px;
    width: 100%;
}
    #divMasterFooter hr {
        background-color: #C9CACC;
        border: none;
        height: 1px;
        width:100%;
        margin-bottom: 15px;
    }
    
    #divMasterFooter a {
        background: none;
        color: #414042;
        text-decoration: none;
    }

        #divMasterFooter a:hover {
            text-decoration: underline;
        }

.pipe-separator {
    padding-right: 5px;
    padding-left: 5px;
}

textarea {
        margin: 5px 0px;
    height: 115px;
    width: 459px;
}



        /*Ocp Menu starts-----------------------------------------------------------*/
                #divOcpMenuPortalDropDown {
            /*z-index: 1000;*/
            padding-right: 0px;
            /*padding-top: 20px;*/
        }

        ul#ocpNavmenu {
            font-size: 14px;
            color: #000;
            /*float: left;*/
        }

        ul#ocpNavmenu, ul.sub-menu-1, ul.sub-menu-2 {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            padding-right: 10px;
            /*background-color: #FFF;*/
        }

        ul.sub-menu-1, ul.sub-menu-2 {
            box-shadow: 5px 5px 5px #ddd;
            z-index: 1001;
        }

        ul#ocpNavmenu > li {
            /*width: 110px;*/
            text-align: left;
            position: relative;
            float: left;
            padding-left: 10px;
        }

        ul#ocpNavmenu a {
            color: #FFF;
            text-decoration: none;
            display: block;
            /*width: 200px;*/
            /*height: 35px;
            line-height: 35px;
            background-color: #FFF;*/
        }

        ul#ocpNavmenu .sub-menu-2 a {
            /*margin-left: 6px;*/
            /*width: 220px;*/
        }

        ul#ocpNavmenu .sub-menu-1 a, ul#ocpNavmenu .sub-menu-2 a {
            color: #337ab7;
            background-color: #FFF;
            padding-left: 10px;
        }

            ul#ocpNavmenu .sub-menu-1 a:hover, ul#ocpNavmenu .sub-menu-2 a:hover {
                text-decoration: underline;
            }

        ul#ocpNavmenu ul.sub-menu-1 {
            display: none;
            position: absolute;
            top: 20px;
            left: auto;
            border: 1px solid gray;
            min-width: 335px;
        }

            ul#ocpNavmenu ul.sub-menu-1 > li {
                position: relative;
            }

        ul#ocpNavmenu ul.sub-menu-2 {
            display: none;
            position: absolute;
            top: 0px;
            left: 100px;
            border: 1px solid gray;
        }

        ul#ocpNavmenu > li:hover > a {
            /*color: #000;*/
        }

        ul#ocpNavmenu > li:hover hr {
            visibility: visible;
        }

        ul#ocpNavmenu > li hr {
            visibility: hidden;
            color: #DA291C;
            background-color: #DA291C;
            border: none;
            /*height: 3px;*/
            margin-right: 10px;
            /*margin-top: 10px;*/
            margin-bottom: 0px;
            z-index: 1000;
        }

        ul#ocpNavmenu img {
            border-style: none;
        }
        /*Ocp Menu ends-----------------------------------------------------------*/