/* Minification failed. Returning unminified contents.
(1745,64): run-time error CSS1019: Unexpected token, found '%'
(1745,64): run-time error CSS1042: Expected function, found '%'
(1745,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
 */
@media screen and (min-width: 1200px)
{
    html
    {
        height: 100%;
    }

    body
    {
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0px;
        padding: 0px;
        height: 100%;
        background-color: #f2f8f8;
        font-family: Open Sans, Arial;
    }

    a
    {
        color: inherit;
        text-decoration: none;
    }

    img
    {
        border: 0px solid;
    }

    h2
    {
        font-size: 22pt;
    }

    h4
    {
        margin-left: 30px;
        font-size: 22pt;
    }

    .fLeft
    {
        float: left;
    }

    .fRight
    {
        float: right;
    }

    .clear
    {
        clear: both;
    }

    #bg
    {
        position: fixed;
        top: -2.5%;
        left: -2.5%;
        z-index: 1;
        width: 105%;
        height: 105%;
        background: url(../images/stockgray.png) center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

    #bgOverlay
    {
        position: fixed;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: rgba(0,58,90,.9);
    }

    .errorModule
    {
        position: absolute;
        top: 15%;
        z-index: 100;
        margin-right: 10%;
        margin-left: 10%;
        width: 80%;
        color: White;
    }

        .errorModule h1
        {
            margin-bottom: 20px;
            padding: 0px;
            font-size: 48pt;
        }

        .errorModule hr
        {
            height: 3px;
            background-color: White;
        }

        .errorModule p
        {
            font-size: 14pt;
        }

        .errorModule .errorButton
        {
            margin-top: 50px;
            padding: 15px;
            border: #7baeb3 2px solid;
            background: rgba(123,174,179,1);
            color: white;
            font-weight: 500;
            font-size: 11pt;
            cursor: pointer;
            -moz-transition: border .7s, background .7s;
            -o-transition: border .7s, background .7s;
            -webkit-transition: border .7s, background .7s;
            transition: border .7s, background .7s;
        }

            .errorModule .errorButton:hover
            {
                border: #669a9f 2px solid;
                background: #669a9f;
            }

    #loginModule
    {
        position: absolute;
        top: 15%;
        z-index: 100;
        margin-right: 20%;
        margin-left: 20%;
        width: 60%;
        height: 40%;
        text-align: center;
    }

        #loginModule .loginLogo
        {
            max-width: 200px;
            width: 80%;
        }

        #loginModule h3
        {
            color: White;
            font-weight: 300;
        }

        #loginModule input
        {
            font-size: 11pt;
        }

        #loginModule .textbox
        {
            clear: both;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 10px;
            margin-left: 2px;
            padding: 5px;
            padding-left: 10px;
            max-width: 329px;
            width: 90%;
            height: 40px;
            border: 0px solid;
        }

        #loginModule .captcha
        {
            max-width: 231px;
            width: 70%;
            height: 45px;
        }

        #loginModule .captchaTextbox
        {
            position: relative;
            top: -13px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: 4px;
            padding: 5px;
            padding-left: 10px;
            max-width: 96px;
            width: 20%;
            height: 40px;
            border: 0px solid;
            font-size: 22pt;
        }

        #loginModule .button
        {
            padding: 15px;
            max-width: 165px;
            width: 48%;
            border: #7baeb3 2px solid;
            background: rgba(123,174,179,0);
            color: #7baeb3;
            font-weight: bold;
            font-size: 11pt;
            -moz-transition: color .7s, background .7s;
            -o-transition: color .7s, background .7s;
            -webkit-transition: color .7s, background .7s;
            transition: color .7s, background .7s;
        }

			#loginModule .button:hover
			{
				background: rgba(123,174,179,1);
				color: white;
			}

        #loginModule .notice
		{
            color: White;
        }
		
    #captcha
    {
    }

    #container
    {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    #leftCol
    {
        position: fixed;
        z-index: 5;
        float: left;
        overflow-y: auto;
        min-width: 270px;
        max-width: 25%;
        max-width: 350px;
        width: 350px;
        height: 100%;
        background: url(../images/stockgray.png) center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 1);
        color: #dfdfdf;
        font-size: 16pt;
    }

        #leftCol .lcOverlay
        {
            position: fixed;
            top: 0px;
            z-index: 10;
            overflow-y: auto;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 50px;
            min-width: 270px;
            max-width: 350px;
            width: 350px;
            height: 100%;
            border-right: rgba(0,0,0,.4) 1px solid;
            background: rgba(0,58,90,.9);
        }

    .content
    {
        position: absolute;
        top: 0px;
        z-index: 15;
        min-width: 270px;
        width: 100%;
    }

    #companyLogo
    {
        margin-bottom: 0px;
        height: 220px;
        text-align: center;
    }

    .smallLogo
    {
        margin: 10px;
        margin-right: 25px;
        padding: 10px;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: url(../images/triangular.png);
        box-shadow: 0px 0px 0px 3pt rgba(0,0,0,.05);
    }


    #companyLogo img
    {
        margin-top: 15%;
        padding-bottom: 70px;
        max-width: 150px;
    }

    #userMenu
    {
        margin-top: 0px;
    }

        #userMenu ul
        {
            margin: 0px;
            padding: 0px;
        }

        #userMenu .menu
        {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 20px;
            width: 100%;
            height: 70px;
            background: rgba(0,0,0,.6);
            list-style-type: none;
            text-align: center;
            cursor: pointer;
        }

            #userMenu .menu:hover
            {
                background: rgba(0,0,0,.8);
            }

        #userMenu .compLogo
        {
            display: none;
            margin-bottom: 20px;
            height: 180px;
        }

            #userMenu .compLogo img
            {
                margin-top: 10%;
                padding-bottom: 70px;
                max-width: 150px;
            }

        #userMenu .userIcon
        {
            float: left;
            margin-right: 10%;
            margin-left: 10%;
            width: 24px;
            height: 24px;
            background: url(../images/icons/user.png) center center no-repeat;
            opacity: .8;
        }

            #userMenu .userIcon img
            {
                max-width: 100px;
            }

        #userMenu .userName
        {
            float: left;
        }


        #userMenu .settingsIcon
        {
            float: right;
            margin-right: 10%;
            margin-left: 10%;
            height: 24px;
        }

    .subNav
    {
        padding: 0px;
    }

        .subNav ul
        {
            margin: 0px;
            padding: 0px;
        }

        .subNav li
        {
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            list-style-type: none;
            text-align: left;
        }

    .subMenu
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 10px;
        height: 50px; /*Collapses the menu*/
        background: rgba(0,0,0,.4);
        font-size: 12pt;
        -moz-transition: height .7s, padding-top .7s;
        -o-transition: height .7s, padding-top .7s;
        -webkit-transition: height .7s, padding-top .7s;
        transition: height .7s, padding-top .7s;
    }

    .subCat
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 25px;
        width: 100%;
        height: 75px;
        background: rgba(0,0,0,.2);
        list-style-type: none;
        text-align: center;
        cursor: pointer;
    }

        .subCat:hover, .activeCat
        {
            background-color: #2b698c;
        }

        .subCat img
        {
            float: left;
            margin-right: 10%;
            margin-left: 10%;
            width: 24px;
            height: 24px;
            opacity: .8;
        }

    #catMenu
    {
        display: none;
    }

    .open
    {
        overflow: hidden;
        padding-top: 0px;
        height: 0px;
    }

    .subMenu:hover
    {
        background: rgba(0,0,0,.8);
    }

    .activesub
    {
        background: rgba(0,0,0,.8);
    }

    .subMenu img
    {
        margin-top: 5px;
        margin-right: 30px;
        margin-left: 15%;
    }


    .shadow
    {
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .5);
    }

    .border-right
    {
        border-right: rgba(0,0,0,.4) 1px solid;
    }

    .col
    {
        z-index: 4;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 230px;
        max-width: 80%;
        width: 70%;
        height: 100%;
        font-size: 14pt;
    }

    .catCol
    {
        position: fixed;
        max-width: 200px;
    }

    .catInfoCol
    {
        position: relative;
        left: 230px;
        width: 80%;
    }

    .col .catTitle
    {
        padding-top: 50px;
        padding-bottom: 15px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 22pt;
    }

        .col .catTitle span:before
        {
            content: "Categories";
        }

    .col h4
    {
        margin: 0px;
        padding: 35px;
    }

    .col p
    {
        max-width: 1000px;
    }

    .col ul
    {
        margin: 0px;
        padding: 0px;
    }

    .col li
    {
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 15px 50px;
        width: 100%;
        list-style-type: none;
        text-align: left;
        font-size: 12pt;
    }

        .col .activeDoc, .col li:hover
        {
            background: rgba(0,0,0,.05);
        }

            .col .activeDoc:after
            {
                position: absolute;
                top: 15px;
                right: -11px;
                width: 20px;
                height: 20px;
                border-top: rgba(0,0,0,.4) 1px solid;
                border-right: rgba(0,0,0,.4)1px solid;
                background-color: #e5ebeb;
                content: '';
                -moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                -o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
                transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
            }

    #rightCol
    {
        position: absolute;
        right: 0px;
        left: 350px;
        height: 100%;
        font-size: 16pt;
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .col h4
    {
        margin: 0px;
        padding: 35px;
    }

    .col p
    {
        max-width: 1000px;
    }

    .col ul
    {
        margin: 0px;
        padding: 0px;
    }

    .col li
    {
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 20px 15px 50px;
        width: 100%;
        list-style-type: none;
        text-align: left;
        font-size: 12pt;
    }

    #rightCol h2
    {
        position: absolute;
        top: -24px;
        left: 0px;
        padding: 30px;
        padding-left: 50px;
        width: 120%;
        background: rgba(0,0,0,.1);
        color: #3a3a3a;
    }

    .user
    {
        position: absolute;
        top: 23px;
        right: 30px;
        padding: 15px;
        padding-right: 25px;
        padding-left: 25px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        background: rgba(0,0,0,.05);
        box-shadow: 0px 0px 0px 1pt rgba(0,0,0,.1);
        font-size: 12pt;
    }

    .paddedCol
    {
        margin-left: 20px;
        padding: 30px;
        padding-top: 120px;
    }

    .alert
    {
        margin-bottom: 30px;
        padding: 20px;
        border: #dc9a74 1px solid;
        background-color: #f1bda0;
    }

        .alert img
        {
            position: relative;
            top: 5px;
            margin-right: 15px;
            width: 24px;
            height: 24px;
        }

    .section
    {
        margin-bottom: 30px;
        padding: 20px;
        border: #69938f 1px solid;
        background-color: #a8cec4;
    }

    .fileInfo
    {
        margin-left: 120px;
        font-size: 10pt;
    }

        .fileInfo span
        {
            margin-right: 15px;
            font-weight: 600;
        }

        .fileInfo div
        {
            margin-right: 15px;
            width: 150px;
            text-align: right;
            font-weight: 600;
        }

    .documents li, .file
    {
        position:relative;
        margin-bottom: 30px;
        padding: 30px;
        min-height: 60px;
        height: auto;
        border: rgba(16,68,97,.2) 1px solid;
        background: rgba(16,68,97,.1);
        -moz-transition: background-color 1s;
        -o-transition: background-color 1s;
        -webkit-transition: background-color 1s;
        transition: background-color 1s;
    }

        .documents li:hover, .file:hover
        {
            background: rgba(16,68,97,.2);
        }

        .documents li img, .file img
        {
            width: 50px;
        }

    .downloadButton
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 25px;
        width: 300px;
        height: 75px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .downloadButton:hover
        {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .table
    {
        overflow: auto;
        margin-left: 0px;
        width: 100%;
        height: 60vh;
        border: 1px solid;
        border-right: 1px solid;
        background: url(../images/stripe.png);
    }

    .tableScroll
    {
        overflow-y: scroll;
        width: 100%;
        height: 400px;
    }

    .table table
    {
        width: 100%;
        border-collapse: collapse;
    }

    .table th
    {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */
        text-align: left;
        font-weight: 400;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
    }

        .table th:first-child
        {
            text-align: center;
        }

    .evenRow
    {
        background-color: #e8edee;
    }

    .oddRow
    {
        background-color: #f2f8f8;
    }

    .pendingPub
    {
        background: #e3cbcb;
    }

    .table tr
    {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid;
        font-weight: 200;
    }

    .table td
    {
        padding: 10px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */
        font-size: 10pt;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
    }

    .tdUpdated
    {
        font-size: 10pt;
    }

    .tdControls
    {
        width: 200px;
        text-align: center;
    }

        .tdControls img
        {
            margin-left: 10px;
            height: 24px;
            opacity: .6;
            filter: alpha(opacity=60);
        }

    .plusIcon
    {
        margin-right: 10px;
        height: 32px;
        opacity: .6;
        filter: alpha(opacity=60);
    }



    .iconText
    {
        position: relative;
        top: -8px;
    }


    .addButton
    {
        position: relative;
        top: 8px;
        margin-right: 120px;
    }

    .filter
    {
        margin-right: -2px;
        margin-bottom: 25px;
    }

        .filter input
        {
            padding-right: 25px;
            padding-left: 5px;
            width: 300px;
            height: 25px;
            outline: 0px solid;
            border: 1px solid;
            background: url(../images/searchIcon.png)center right no-repeat;
            background-color: #fff;
        }

        .filter img
        {
            position: relative;
            top: 10px;
            left: -7px;
        }

    .publishButton
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        height: 75px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .publishButton:hover
        {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .popTxt
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        width: 300px;
        height: 40px;
    }

    .popMultiple
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        width: 300px;
        height: 138px;
    }

    .popTxtArea
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        width: 620px;
        height: 90px;
        font-family: Raleway, Arial;
    }

    .popBtn
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px;
        width: 300px;
        height: 50px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .popBtn:hover
        {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .popContent
    {
        left: 0px;
        overflow-y: auto;
        max-height: 65vh;
        text-align: center;
    }

    .consentButton
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        margin-left: 20px;
        padding-right: 20px;
        padding-left: 20px;
        height: 40px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }



        .consentButton:hover
        {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    #switchUser
    {
        padding: 30px;
        padding-left: 10%;
    }

    .selectStyle
    {
        -webkit-appearance: none;
        margin-top: 20px;
        padding: 5px;
        padding-right: 40px;
        width: 90%;
        border: 0;
        border-radius: 0;
        background: url(../images/icons/ddArrow.png) no-repeat right #fff;
        line-height: 1;
    }

    .userButton
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        height: 40px;
        border: #0d2c3d 0px solid;
        background-color: #2b698c;
        color: #f2f8f8;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }



    .userButton:hover
    {
        background-color: #0d2c3d;
        color: #f2f8f8;
    }

    .prevVersions{
        margin-top: -30px;
        padding: 8px;
        font-size: 10pt;
        text-align: right;
        border: rgba(16,68,97,.2) 1px solid;
        border-top: 0;
        margin-bottom: 30px;
        background: rgba(16,68,97,.05);
    }
}
@media screen and (max-width: 1200px) {

    @media screen and (max-width: 800px) {
        @-ms-viewport {
            width: 600px;
        }

        @-o-viewport {
            width: 600px;
        }

        @viewport {
            width: 600px;
        }
    }

    html {
        height: 100%;
    }

    body {
        overflow-x: hidden;
        overflow-y: hidden;
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #f2f8f8;
        font-family: Raleway, Arial;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    img {
        border: 0 solid;
    }

    h2 {
        font-size: 22pt;
    }

    h4 {
        margin-left: 30px;
        font-size: 22pt;
    }

    .fLeft {
        float: left;
    }

    .fRight {
        float: right;
    }

    .clear {
        clear: both;
    }

    #bg {
        position: fixed;
        top: -2.5%;
        left: -2.5%;
        z-index: 1;
        width: 105%;
        height: 105%;
        background: url(../images/stockgray.png) center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

    #bgOverlay {
        position: fixed;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: rgba(0,58,90,.9);
    }

    #loginModule {
        margin-top: 5%;
        text-align: center;
    }

        #loginModule .loginLogo {
            max-width: 200px;
            width: 80%;
        }

        #loginModule h3 {
            color: White;
            font-weight: 300;
        }

        #loginModule input {
            font-size: 11pt;
        }

        #loginModule .textbox {
            clear: both;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 10px;
            margin-left: 2px;
            padding: 5px;
            padding-left: 10px;
            max-width: 329px;
            width: 90%;
            height: 40px;
            border: 0 solid;
        }

        #loginModule .captcha {
            max-width: 231px;
            width: 70%;
            height: 45px;
        }

        #loginModule .captchaTextbox {
            position: relative;
            top: -13px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: 4px;
            padding: 5px;
            padding-left: 10px;
            max-width: 96px;
            width: 20%;
            height: 40px;
            border: 0 solid;
            font-size: 22pt;
        }

        #loginModule .button {
            padding: 15px;
            max-width: 165px;
            width: 48%;
            border: #7baeb3 2px solid;
            background: rgba(123,174,179,0);
            color: #7baeb3;
            font-weight: bold;
            font-size: 11pt;
            -moz-transition: color .7s, background .7s;
            -o-transition: color .7s, background .7s;
            -webkit-transition: color .7s, background .7s;
            transition: color .7s, background .7s;
        }

            #loginModule .button:hover {
                background: rgba(123,174,179,1);
                color: white;
            }

    #captcha {
    }

    #container {
    }

    #loginContainer {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        z-index: 15;
    }

    #leftCol {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100px;
        border-right: rgba(0,0,0,.4) 1px solid;
        color: White;
    }

        #leftCol .lcOverlay {
            position: relative;
            z-index: 10;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: rgba(0,0,0,.4) 1px solid;
            background: rgba(0,58,90,.9);
        }

    .content {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        min-width: 270px;
    }

    #companyLogo {
        display: none;
        float: right;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        margin-right: 30px;
        padding-top: 10px;
        width: 60px;
        height: 60px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAADFBMVEW3t72zs7q4uL66usDztsWmAAAAgElEQVR4Xl3HoRECAQxFQQwY6ruYdID5fVECJn1hwgxw4r11e/m7Hl+ltx59+Fq+9ejD1/KtRx++lm89+vC1fOvRh6/lW48+fC3fevThb8vfzx8/j+fP+Rdfb7716MPX8q1HH76Wbz368LV869GHr+Vbjz58Ld969OFr+dajD/8B1Qy0h0vSiNMAAAAASUVORK5CYII=') /*../images/triangular.png*/;
        *background: url(../images/triangular.png); /* For IE 6 and 7 */
        box-shadow: 0 0 0 6pt rgba(255,255,255,.2);
        text-align: center;
    }

    .smallLogo {
        margin: 10px;
        margin-right: 25px;
        padding: 10px;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAADFBMVEW3t72zs7q4uL66usDztsWmAAAAgElEQVR4Xl3HoRECAQxFQQwY6ruYdID5fVECJn1hwgxw4r11e/m7Hl+ltx59+Fq+9ejD1/KtRx++lm89+vC1fOvRh6/lW48+fC3fevThb8vfzx8/j+fP+Rdfb7716MPX8q1HH76Wbz368LV869GHr+Vbjz58Ld969OFr+dajD/8B1Qy0h0vSiNMAAAAASUVORK5CYII=') /*../images/triangular.png*/;
        *background: url(../images/triangular.png); /* For IE 6 and 7 */
        box-shadow: 0 0 0 3pt rgba(0,0,0,.05);
    }

    #companyLogo img {
        max-width: 45px;
        height: 35px;
    }

    #userMenu {
        position: fixed;
        z-index: 20;
        margin-top: 0;
        width: 90%;
        border-right: #174c69 1px solid;
        background: #174c69;
    }

    .userMenuUl {
        margin: 0;
        padding: 0;
    }



        .userMenuUl .menu {
            width: 100%;
            height: 100px;
            list-style-type: none;
            cursor: pointer;
        }

    #userHead .compLogo img {
        float: left;
        margin: 25px;
        max-height: 50px;
    }

    #userHead .userIcon {
        float: right;
        width: 100px;
        height: 100px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEX///////9VfPVsAAAAAXRSTlMAQObYZgAAAChJREFUeF7NjLENAAAIgzT+/6Mn+AHGoS80spAwEDYS+lwwsvr7n40FQ2ki4QSL61EAAAAASUVORK5CYII=') /*../images/icons/menu.png*/ center center no-repeat;
        *background: url(../images/icons/menu.png) center center no-repeat; /* For IE 6 and 7 */
        opacity: .8;
    }

    #userHead .userName {
        float: left;
        padding-top: 33px;
        font-size: 20pt;
    }

    .subNav {
        position: fixed;
        top: 100px;
        width: 100%;
    }

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

        .subNav li {
            background-color: #125175;
            list-style-type: none;
        }

    .subCat, .subMenu {
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 0; /*Collapses the menu*/
        background: rgba(0,58,90,1);
        font-size: 12pt;
        -moz-transition: height .7s, padding-top .7s;
        -o-transition: height .7s, padding-top .7s;
        -webkit-transition: height .7s, padding-top .7s;
        transition: height .7s, padding-top .7s;
    }






        .subCat img, .subMenu img {
            margin-top: 5px;
            margin-right: 30px;
            margin-left: 15%;
        }

        .subCat span {
            position: relative;
            top: -6px;
        }

    #catMenu {
        position: fixed;
        right: 0;
        z-index: 20;
        margin-top: 0;
        width: 10%;
        background: #174c69;
    }

    .catMenuUl {
        margin: 0;
        padding: 0;
    }



        .catMenuUl .menu {
            width: 100%;
            height: 100px;
            list-style-type: none;
            cursor: pointer;
        }


    #catHead .userIcon {
        float: right;
        width: 100px;
        height: 100px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAmf9A5tgAAABnSURBVHhexdAxDoAgDAXQYsLirPfxEPQ+HIXFxVNqf/qDTYxu8gfCI58OlfFJeqVQ2aTUiqfNtaD+LKH6GOqwUBNUXXO1p0bh3F/UKBtTo37+R7GZg1TuzRKEO5vf4pZc3KBLIBmRE+u2PT/n3AVEAAAAAElFTkSuQmCC') /*../images/icons/categories.png*/ center center no-repeat;
        *background: url(../images/icons/categories.png) center center no-repeat; /* For IE 6 and 7 */
        opacity: .8;
    }

    .activesub {
        background: #040e14;
    }

    .open {
        padding-top: 10px;
        height: 50px;
    }

    .shadow {
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
    }

    .border-right {
        border-right: rgba(0,0,0,.4) 1px solid;
    }

    .col {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 4;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14pt;
    }

        .col .catTitle {
            margin-top: 10px;
            margin-bottom: 10px;
            width: 100%;
            height: 50px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAACVBMVEUAAAD///8AAABzxoNxAAAAAnRSTlMAAHaTzTgAAABMSURBVHhe3dAhDgAhDETRZmX9Xgi5CsMdCPfZO8CcEkhKCihkw3dPjBkKU962HFpl6EPvFSVq8S+KXc+RGMCqu3YqfWl/UN/NIs2wKg8Fz5ohQP0BAAAAAElFTkSuQmCC') /*../images/icons/docs.png*/ center no-repeat;
            *background: url(../images/icons/docs.png) center no-repeat; /* For IE 6 and 7 */
            text-align: center;
            font-weight: bold;
            font-size: 16pt;
        }



        .col h4 {
            margin: 0;
            padding: 35px;
        }

        .col p {
            max-width: 1000px;
        }

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

        .col li {
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px;
            min-height: 50px;
            width: 100%;
            list-style-type: none;
            text-align: left;
            font-size: 10pt;
        }

            .col .activeDoc, .col li:hover {
                background: rgba(0,0,0,.05);
            }

                .col .activeDoc:after {
                    position: absolute;
                    top: 15px;
                    right: -11px;
                    width: 20px;
                    height: 20px;
                    border-top: rgba(0,0,0,.4) 1px solid;
                    border-right: rgba(0,0,0,.4)1px solid;
                    background-color: #e5ebeb;
                    content: '';
                    -moz-transform: scale(1) rotate(45deg) translateX(0) translateY(0) skewX(0) skewY(0);
                    -ms-transform: scale(1) rotate(45deg) translateX(0) translateY(0) skewX(0) skewY(0);
                    -o-transform: scale(1) rotate(45deg) translateX(0) translateY(0) skewX(0) skewY(0);
                    -webkit-transform: scale(1) rotate(45deg) translateX(0) translateY(0) skewX(0) skewY(0);
                    transform: scale(1) rotate(45deg) translateX(0) translateY(0) skewX(0) skewY(0);
                }


    .catCol {
        left: 0;
        overflow-y: auto;
        width: 15%;
    }

    .catInfoCol {
        right: 0;
        left: 15%;
        overflow-y: auto;
    }

    #rightCol {
        position: absolute;
        top: 100px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        font-size: 16pt;
    }

        #rightCol h2 {
            position: absolute;
            top: -24px;
            left: 0;
            padding: 30px;
            padding-left: 50px;
            width: 105%;
            background: rgba(0,0,0,.1);
            color: #3a3a3a;
        }

    .user {
        position: absolute;
        top: 23px;
        right: 30px;
        display: none;
        padding: 15px;
        padding-right: 25px;
        padding-left: 25px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        background: rgba(0,0,0,.05);
        box-shadow: 0 0 0 1pt rgba(0,0,0,.1);
        font-size: 12pt;
    }

    .paddedCol {
        overflow-y: hidden;
        margin-left: 20px;
        padding: 30px;
        padding-top: 120px;
    }


    #rightCol h4 {
        font-size: 18pt;
    }

    .alert {
        margin-bottom: 30px;
        padding: 20px;
        border: #dc9a74 1px solid;
        background-color: #f1bda0;
    }

        .alert img {
            position: relative;
            top: 5px;
            margin-right: 15px;
            width: 24px;
            height: 24px;
        }

    .section {
        margin-bottom: 30px;
        padding: 20px;
        border: #69938f 1px solid;
        background-color: #a8cec4;
    }

    #fileInfo {
        margin-left: 50px;
    }

        #fileInfo span {
            margin-right: 15px;
            font-weight: bold;
        }

    .documents li {
        margin-bottom: 30px;
        padding: 30px;
        min-height: 120px;
        width: 100%;
        height: auto;
        border: rgba(16,68,97,.2) 1px solid;
        background: rgba(16,68,97,.1);
        -moz-transition: background-color 1s;
        -o-transition: background-color 1s;
        -webkit-transition: background-color 1s;
        transition: background-color 1s;
    }

        .documents li:hover {
            background: rgba(16,68,97,.2);
        }

        .documents li img {
            width: 50px;
        }

    .downloadButton {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 25px;
        width: 300px;
        height: 75px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .downloadButton:hover {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .table {
        overflow: auto;
        margin-left: 0;
        width: 100%;
        height: 60vh;
        border: 1px solid;
        border-right: 1px solid;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEU4boA4boC6qzI5AAAAAnRSTlMmCLuWxi4AAAArSURBVHheBcAhDQAhAAXQ505eBJowgiHYKPZpQgQkkql0LqfZsWLGF/9QPIXUCLw1Y4HsAAAAAElFTkSuQmCC') /*../images/stripe.png*/;
        *background: url(../images/stripe.png); /* For IE 6 and 7 */
    }

    .tableScroll {
        overflow-y: scroll;
        height: 400px;
    }

    .table table {
        width: 100%;
        border-collapse: collapse;
    }

    .table th {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* W3C */
        text-align: left;
        font-weight: 600;
        font-size: 12pt;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
    }

    .evenRow {
        background-color: #e8edee;
    }

    .oddRow {
        background-color: #f2f8f8;
    }

    .pendingPub {
        border-left: #184c69 10px solid;
    }

    .table tr {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid;
        font-weight: 400;
    }

    .table td {
        padding: 10px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) %,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.05) 100%); /* W3C */
        font-size: 10pt;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 ); /* IE6-9 */
    }

    .tdUpdated {
        font-size: 10pt;
    }

    .tdControls {
        width: 220px;
        text-align: center;
    }

        .tdControls img {
            margin-left: 10px;
            height: 24px;
            opacity: .6;
            filter: alpha(opacity=60);
        }

    .plusIcon {
        margin-right: 10px;
        height: 32px;
        opacity: .6;
        filter: alpha(opacity=60);
    }



    .iconText {
        position: relative;
        top: -8px;
    }


    .addButton {
        position: relative;
        top: 8px;
        margin-right: 120px;
    }

    .filter {
        margin-right: -9px;
        margin-bottom: 25px;
    }

        .filter input {
            padding-right: 25px;
            padding-left: 5px;
            width: 300px;
            height: 25px;
            outline: 0 solid;
            border: 1px solid;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAM1BMVEXDw8PPz8/a2trc3NzS0tLT09PU1NTW1tbX19fY2NjJycnQ0NDd3d3////Ozs7f39/Z2dnUu+sOAAAATUlEQVR4XtWROQ7AMAgEveD7SPL/1/pIiZHcmgIkphhWmKbUtaAW8A54+zbvJKhrF1kA/OM5BxxmJ5Jyl4bI7s4l4MvQApqgJS+XPqoDJUYdlVVDQSMAAAAASUVORK5CYII=') /*../images/searchIcon.png*/ center right no-repeat;
            *background: url(../images/searchIcon.png)center right no-repeat; /* For IE 6 and 7 */
            background-color: #fff;
        }

        .filter img {
            position: relative;
            top: 10px;
            left: -7px;
        }

    .publishButton {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        height: 75px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .publishButton:hover {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .popTxt {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        width: 300px;
        height: 40px;
    }

    .popTxtArea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        width: 300px;
        height: 90px;
        font-family: Raleway, Arial;
    }

    .popBtn {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px;
        width: 300px;
        height: 50px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .popBtn:hover {
            background-color: #2b698c;
            color: #f2f8f8;
        }

    .popContent {
        left: 0;
        overflow-y: auto;
        max-height: 65vh;
        text-align: center;
    }

    .consentButton {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px;
        margin-left: 20px;
        padding-right: 20px;
        padding-left: 20px;
        height: 40px;
        border: #2b698c 2px solid;
        color: #2b698c;
        text-align: center;
        font-size: 12pt;
        cursor: pointer;
        -moz-transition: color .7s, background .7s;
        -o-transition: color .7s, background .7s;
        -webkit-transition: color .7s, background .7s;
        transition: color .7s, background .7s;
    }

        .consentButton:hover {
            background-color: #2b698c;
            color: #f2f8f8;
        }
}