/* Minification failed. Returning unminified contents.
(769,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '\'
 */
html {
    background-color: #3b73af;
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
    overflow: hidden;
}

body {
    background-color: #fff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    width:100%;
}

    body p.buttons
    {
        margin:0 auto;
        height:40px;
        text-align:center;
        position:fixed;        
        width:83.9%;
        z-index:2;        
        background-color:#FFF;
        top:40px;
        left: 15%;
    }

div.csam-cruda-section
{
    margin-top: 45px;
    margin-bottom: 30px;
    width:100%;
}

.editor-label {
    float: left;
    clear: left;
    width: 35%;
    height: 75px;
}

.mandatory:before {
    float: left;
    content: "* ";
    color: red;
}

.editor-field {
    min-height: 75px;
}

a {
    color: #3b73af;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #3b73af;
    }

    a:hover {
        /*background-color: #205081;*/
        color: #3b73af;
        text-decoration: underline;
    }

    /* Show more/ show less CSS classes */

    a.morelink
    {
        /*text-decoration: none;*/ 
        outline: none; 
    }

.morecontent span
{
    display: none;
}

.comment
{
    margin: 10px;
    min-width: 250px !important;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;  
}

    .float-left p
    {
        margin-top: 2px;
        padding-top: 2px;
    }


.float-right {
    float: right;
    /*clear: both;*/
    display: block;
}

.float-right p
    {
        margin-top: 2px;
        padding-top: 2px;
    }

    .float-right a {
        color: #FFF;
    }

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1em;
}

h5, h6 {
    font-size: 0.83em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }



div.required label:after {
    content: ' *';
    color: #990000;
    display: inline;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

/* Left Hand Side Context Menu */

.csam-contextmenu {
    width: 15%;
    background-color: #ddd;
    height: 88%;
    float: left;
    max-height: 88%;
    padding-bottom: 30px;
    padding-top: 5px;
}

    .csam-contextmenu span {
        display: none;
    }

.csam-contextmenu-menus {
    overflow: hidden;
    height: 100%;
}

    .csam-contextmenu-menus dl {
    }

        .csam-contextmenu-menus dl dd a {
            position: relative;
            left: -40px;
            background-color: #3b73af;
            color: #fff;
            display: block;
            font-size: 12px;
            line-height: 18px;
            padding: 5px 20px;
            text-decoration: none;
            width: 100%;
            outline-offset: 0px;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            cursor: context-menu;
        }

        .csam-contextmenu-menus dl dd a.csam-function, .csam-contextmenu-menus dl dd a.csam-search-link {
            position: relative;
            padding: 3px 3px;
            padding-left:40px;
            background-color: #C4C4C4;
            width: 100%;
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .csam-contextmenu-menus dl dd a.csam-function:hover, .csam-contextmenu-menus dl dd a.csam-search-link:hover
            {
                background-color: #7DA7D4;
                cursor: pointer;
            }

             .csam-contextmenu-menus dl dd a.csam-function-disabled {
            position: relative;
            padding: 3px 3px;
            padding-left:40px;
            background-color: #C4C4C4;
            /*width: 100%;*/
            color: #000;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .csam-contextmenu-menus dl dd a.csam-function-disabled:hover
            {
                background-color: #C4C4C4;
                cursor:not-allowed;
            }



        .csam-contextmenu-menus dl dd div {
            position: relative;
            left: -40px;
            padding: 3px 3px;
            background-color: #ddd;
            height: 0;
            overflow: hidden;
            width: 100%;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .csam-contextmenu-menus dl dd div p {
                color: #444444;
                font-size: 10px;
                padding: 15px;
                text-align: justify;
            }

        .csam-contextmenu-menus dl dd a:hover {
            background-color: #205081;
        }

        .csam-contextmenu-menus dl dd a:active {
            background-color: #205081;
        }

#SavedSearch:target ~ .csam-contextmenu-menus .csam-contextmenu-menu-01 dd div {
    height: 400px;
}

#Function:target ~ .csam-contextmenu-menus .csam-contextmenu-menu-02 dd div {
    height: 400px;
}

#RelatedData:target ~ .csam-contextmenu-menus .csam-contextmenu-menu-03 dd div {
    height: 400px;
}


#body {
    background-color: #ffffff;
    clear: right;
    padding-bottom: 30px;
    height: 88.5%;
    width: auto;
    padding-left: 0.4%;
    padding-right: 0.2%;
    padding-top: 2px;
    margin-left: 10%;
    display: block;
    position: relative;
    top: 0px;
    /* Overflow the main content to scroll only if needed*/
    overflow-x: auto;
    overflow-y: auto;   
}

#bodylogin {
    background-color: #3b73af;
    clear: both;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}

.main-content {
    padding-left: 10px;
    padding-top: 30px;
}

.main-content_left {
    padding-left: 30px;
    padding-top: 30px;
    /*overflow: scroll;*/
    width: 960px;
}

.featured + .main-content {
}

/*header .content-wrapper {
	padding-top: 20px; 
}*/

footer {
    clear: both;
    background-color: #3b73af;
    font-size: .8em;
    height: 20px;
    display: block;
}

    footer p {
        color: #FFFFFF;
    }

/* Scott Layout Test code*/

div.page_header {
    background-color: #3b73af;
    height: 40px;
    width:100%;
}

div.page_header_bar {
    position: absolute;
    top: 2px;
    left: 0px;
}

    div.page_header_bar a {
        top: 0px;
        left: 0px;
        color: transparent;
        height: 100%;
        width: 100%;
        display: block;
    }

div.header_menu {
    position: absolute;
    top: 0px;
    left: 175px;
}

    div.header_menu ul {
        text-align: left;
        display: inline;
        margin: 0;
        padding: 15px 4px 17px 0;
        list-style: none;
        overflow:hidden;
        overflow-y: auto;
        max-height: 80vh;
    }

        div.header_menu ul li {
            font: bold 11px;
            font-family: 'Segoe UI';
            display: inline-block;
            margin-right: -4px;
            position: relative;
            padding: 10.5px 10.5px;
            background: #3b73af;
            color: #FFF;
            cursor: pointer;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            div.header_menu ul li a {
                color: #FFF;
                text-decoration: none;
                display: block;
            }

                div.header_menu ul li a:hover {
                    background-color: transparent;
                }

            div.header_menu ul li:hover {
                background: #205081;
                color: #fff;
            }

            div.header_menu ul li ul {
                padding: 0;
                position: absolute;
                top: 39px;
                left: 0;
                width: 150px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                display: none;
                opacity: 0;
                visibility: hidden;
                -webkit-transiton: opacity 0.2s;
                -moz-transition: opacity 0.2s;
                -ms-transition: opacity 0.2s;
                -o-transition: opacity 0.2s;
                -transition: opacity 0.2s;
                z-index: 10;
            }

                div.header_menu ul li ul li {
                    background: #205081;
                    display: block;
                    color: #fff;
                    min-width:170px;                                     
                    padding-top: 0;
                    padding-bottom: 0;                                                                         
                    padding-left: 0;
                    padding-right: 0;
                }

                    div.header_menu ul li ul li:hover {
                        background: #173859;
                    }

                div.header_menu ul li ul li a{                    
                    padding-top: 7px;
                    padding-bottom: 7px;                                                       
                    padding-left: 10.5px;
                    padding-right: 10.5px;
                }

            div.header_menu ul li:hover ul {
                display: block;
                opacity: 1;
                visibility: visible;
            }

/* header buttons*/

div.page_header_bar_buttons_home {
    position: absolute;
    top: 2px;
    right: 290px;
}

    div.page_header_bar_buttons_home a {
        border: none;
        text-decoration: none;
        outline: none;
        color: transparent;
    }

        /*div.page_header_bar_buttons_home a:hover {
            background-color: #205081;
            height: 100%;
            width: 40px;
            display: block;
        }*/

div.page_header_bar_buttons_settings {
    position: absolute;
    top: 2px;
    right: 245px;
}

    div.page_header_bar_buttons_settings a {
        border: none;
        text-decoration: none;
        outline: none;
        color: transparent;
    }

div.page_header_bar_buttons_help {
    position: absolute;
    top: 2px;
    right: 200px;
}

    div.page_header_bar_buttons_help a {
        border: none;
        text-decoration: none;
        outline: none;
        color: transparent;
    }

        /*div.page_header_bar_buttons_settings a:hover {
            background-color: #205081;
            height: 100%;
            width: 40px;
            display: block;
        }*/

div.page_header_bar_buttons_logout {
    position: absolute;
    top: 2px;
    right: 155px;
}

/* Header User Info */

div.page_header_bar_user {
    position: absolute;
    top: 0px;
    right: 0px;
}

    div.page_header_bar_user ul {
        text-align: center;
        display: inline;
        margin: 0;
        padding: 0 4px 17px 0;
        list-style: none;
    }

        div.page_header_bar_user ul li {
            font: bold 11px;
            font-family: 'Segoe UI';
            display: inline-block;
            margin-right: -4px;
            position: relative;
            padding: 0 0;
            background: #3b73af;
            color: #FFF;
            cursor: pointer;
            top: 0px;
            height: 40px;
            width: 195px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
        }

            div.page_header_bar_user ul li p {
                margin-top: 0px;
                font-family: 'Segoe UI';
                font-size: 10pt;
                font-weight: 400;
            }

            div.page_header_bar_user ul li a {
                color: #FFF;
                text-decoration: none;
                padding-top: 3px;
            }

                div.page_header_bar_user ul li a:hover {
                    background-color: transparent;
                }

            div.page_header_bar_user ul li:hover {
                background: #205081;
                color: #FFF;
            }

            div.page_header_bar_user ul li ul {
                font-family: 'Segoe UI';
                font-size: 10pt;
                font-weight: 400;
                padding: 0;
                position: absolute;
                top: 40px;
                left: 0;
                width: 195px;
                border: solid;
                border-bottom-width: 1px;
                border-top-width: 0;
                border-left-width: 1px;
                border-right-width: 1px;
                border-color: #3b73af;
                display: none;
                opacity: 0;
                visibility: hidden;
                -webkit-transiton: opacity 0.2s;
                -moz-transition: opacity 0.2s;
                -ms-transition: opacity 0.2s;
                -o-transition: opacity 0.2s;
                -transition: opacity 0.2s;
                z-index: 10;
            }

                div.page_header_bar_user ul li ul li {
                    background: #FFF;
                    display: block;
                    color: #000;
                    font-family: 'Segoe UI';
                    font-size: 10pt;
                    font-weight: 400;
                    padding-top: 7px;
                    margin: 0;
                    width: 195px;
                    height: 30px;
                    text-align: left;
                }

                div.page_header_bar_user ul li ul form.signout_link input {
                    background: #FFF;
                    display: block;
                    color: #000;
                    font-family: 'Segoe UI';
                    font-size: 10pt;
                    font-weight: 400;
                    padding-top: 7px;
                    padding-left: 3px;
                    margin: 0;
                    border: 0;
                    width: 100%;
                    height: 37px;
                    text-align: left;
                    top: -7px;
                }

                    div.page_header_bar_user ul li ul form.signout_link input:hover {
                        background: #DDD;
                        color: #000;
                    }

                div.page_header_bar_user ul li ul li a {
                    color: #000;
                    display: block;
                }

                div.page_header_bar_user ul li ul li:hover {
                    background: #DDD;
                    color: #000;
                }

            div.page_header_bar_user ul li:hover ul {
                display: block;
                opacity: 1;
                visibility: visible;
            }

/* User Dash Classes*/

div.csam-dashboard {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    border: solid;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.3);
    padding: 10px 0px 5px 10px;
    width: 99%;
    align-content: center;
}

    div.csam-dashboard input {
        width: 32%;
        height: 40px;
        background-color: #ebf2f9;
        border: solid;
        border-width: 1px;
        border-color: rgba(0, 0, 0, 0.3);
        color: rgba(0, 0, 0, 0.7);
    }
    
        div.csam-dashboard input:disabled:hover {
            background-color: #C2C2C2;
            color: rgba(0, 0, 0, 0.7);
        }

        div.csam-dashboard input:hover {
            background-color: #C4D9ED;
            color: rgba(0, 0, 0, 1);
        }


/* Create/Edit View Classes */

div.csam-content-parent
{
    /*position: fixed;*/
}

div.csam-create-edit {
    padding-top:0.5px; 
    /*position:fixed;
    width:84.5%;
    height:86.5%;
    overflow-y:scroll;
    overflow-x: hidden;*/
   
}

div.csam-modification-details
{
   /*position:fixed;*/

}


.csam-hyperlink .editor-label label
{
    color:#3b73af;
}

.csam-hyperlink .editor-label label:hover
{
    text-decoration:underline;
    cursor:pointer;
}


.csam-error-section {    
        column-count: 2;
        -webkit-column-count: 2;\
        -moz-column-count: 2;
        border: solid;
        border-width: 1px;
        color: red;
        padding: 10px 0px 10px 10px;
        margin: 2px;
        margin-top: 0;
        margin-bottom:0;
        width: 99%;        
        background-color: #FFE5E5;
    }

.csam-error-summary p
{
    color: #000;
    font-size:10pt;
    float:left;
    margin-top:0;
}

.csam-success-section {    
        border: solid;
        border-width: 1px;
        background-color: #E5FFE5;
        color: green;
        padding: 10px 0px 0px 10px;
        margin: 2px;
        margin-top: 0;
        margin-bottom:0;
        width: 99%;
        /*position:fixed;*/
    }

/*.csam-success-section {    
        border: solid;
        border-width: 1px;
        background-color: #E5FFE5;
        color: green;
        padding: 10px 0px 0px 10px;
        margin: 2px;
        margin-left:-2px;
        margin-top: -8px;
        margin-bottom:0;
        width: 82.5%;
        position: fixed;
        z-index:200;
    }*/

.csam-success-summary img
{
    background: url(../Images/success.png) no-repeat;
    height:16px;
    width:16px;
    float:left;
    padding-right: 10px;
}

.csam-success-summary p
{
    color: black;
    font-size:10pt;
    float:none;
    margin-top:0;
    width: 85%;
}

.csam-section {    
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        padding: 10px 0px 5px 10px;
        margin: 0;
        margin-top: 0;
        margin-bottom:0;
        width: 99% !important;
    }

.csam-collapsable-section
{    
        
}

.csam-grids-container
{
    left:15%;
    width: 83.3%;
    background-color:#FFF;    
    top:40px;
    position:fixed;
    z-index:1;
    height:20px;
    padding-left:7px;
}


.csam-section-grids
{
    border: solid;
    border-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    color: rgba(0, 0, 0, 0.3);
    padding: 5px 0px 5px 10px;
    margin: 0;
    margin-top: 0;
    margin-bottom:0;
    width:82.3%;
    position:fixed;
    z-index:1;        
}

.csam-section-buttons {    
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        padding: 10px 0px 45px 10px;
        margin: 0;
        margin-top: 0;
        margin-bottom:0;
        width: 99%;
        position:relative;
    }

.csam-section-singlecol {    
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        padding: 10px 0px 10px 10px;
        margin: 0;
        margin-top: 0;
        margin-bottom:0;
        width: 99%;
    }

.csam-section-singlecol-buttons {    
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        padding: 10px 0px 45px 10px;
        margin: 0;
        margin-top: 0;
        margin-bottom:0;
        width: 99%;
        position:relative;
    }



 .csam-section-header{
        /*display:block;*/ 
        
        padding:0;
        padding-left: 3px;
        padding-right: 3px;
        min-width: 100px;
        float: left;
    }

  .csam-section-header label{
        position:relative;
        top: 7px;
        left:7px;
        background-color: #FFF;
        color: #000;
        float: left;
        font-size:12.5px;        
        padding-left: 3px;
        padding-right: 3px;
        z-index:1;
    }

  .csam-section-header-showhide label{
        position:relative;
        top: 7px;
        right:17px;
        background-color: #FFF;
        color: #3b73af;
        float: right;
        display:block;
        font-size:12.5px;        
        padding-left: 3px;
        padding-right: 3px;
        margin-right: 17px;
        z-index:1;
    }

.csam-section-header-showhide label:hover
{
    text-decoration:underline;
    cursor:pointer;
}

  .csam-section-header-grids{
        /*display:block;*/ 
        
        padding:0;
        padding-left: 3px;
        padding-right: 3px;
        min-width: 100px;
        /*display: inline-block;*/
        float: left;
        /*position: fixed;*/
        background-color: #FFF;
    }

  .csam-section-header-grids label{
        position:relative;
        top: 1px;
        left:7px;
        background-color: #FFF !important;
        color: #000;
        float: left;
        font-size:12.5px;        
        padding-left: 3px;
        padding-right: 3px;
        z-index:2;
    }

 .csam-section-nocols {    
        column-count: 0;
        -webkit-column-count: 0;
        -moz-column-count: 0;
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        padding: 10px 0px 10px 10px;
        margin: 0;        
        margin-bottom:0;
        margin-top:0;
        width: 99%;
        overflow: auto;
    }


.csam-group-box{
        border: solid;
        border-width: 1px;
        color: rgba(0, 0, 0, 0.3);
        width: 99.5%;
        margin-left: 0%;
    }

.csam-section-block{
        width: 100%;
        min-height: 30px;
        margin: 2px;
        margin-top:0;
        overflow: hidden;
    }


.csam-modification-section-block{
        width: 100%;
        min-height: 30px;
        margin: 2px;
        margin-top:0;
    }


.csam-section-block-buttons{
        width: 98%;
        min-height: 30px;
        margin: 0;
        margin-top:0;
        float:left;
        position: absolute;
        left:1%;
        bottom:0px;
    }

a.csam-report-form.csam-function
{
    background-color: #3b73af;
    border: 1px transparent solid;
    color: #FFFFFF;
    margin-right: 10px;
    margin-top:-5px;
    display: inline-block;
    text-align: center;
    min-width: 90px;
    height: 22px;
    padding: 4px 10px;
    vertical-align: middle !important;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 11pt;
    font-size: 10pt;
    line-height: 20px;
}

a.csam-report-form.csam-function:hover
{
    text-decoration: none;
    color:#000;    
    cursor:pointer;
}


.csam-section-singlecol .csam-section-block, .csam-section-singlecol-buttons .csam-section-block{
        width: 50%;
        min-height: 30px;
        margin: 2px;
        margin-top:0;
        
    }

.csam-section-block .editor-label, .csam-modification-section-block .editor-label{

            min-height: 0px;
            height: auto;
            color: rgba(0, 0, 0, 0.8);
            width: 30%;
            margin-top: 0;
            vertical-align:top;
        }

        .csam-section-block .editor-label label, .csam-modification-section-block .editor-label label{    
                font-family: 'Segoe UI';
                font-size: 9pt;
                margin: 3px;
                margin-bottom: 0;
                padding-bottom: 8px;
                text-align: left;
                margin-top: 0;
                margin-right: 8px;               
        }
        .csam-section-block .editor-field, .csam-modification-section-block  .editor-field {
            min-height: 0px;
            color: rgba(0, 0, 0, 0.8);
            width: 80%;
            padding-top:2px;
        }

        .csam-section-block .csam-lookup-section, .csam-modification-section-block .csam-lookup-section {
            width: 27%;
            height: 0px;
            min-width: 30px;
            min-height: 0px;
            float: right;
            /*position:relative;*/
            /*left:63%;*/
        }

        .csam-section-block .csam-lookup-section input, .csam-modification-section-block .csam-lookup-section input {
                min-height: 0px;
                color: rgba(0, 0, 0, 0.8);
                width: 30px;
                height: 30px;
                min-width: 30px;
                min-height: 30px;
                color: transparent;
                float:left;
                top: -34px;
                padding-left: 0px;
                position:relative;                
                margin-left:25px;
            }

        .csam-section-block .editor-field input, .csam-modification-section-block .editor-field input{    
            font-family: 'Segoe UI';
            font-size: 10pt;
            padding: 1px;
            margin: 3px;
            /*width: 55%;*/
        }

            .csam-section-block .editor-field input[readonly="readonly"], .csam-modification-section-block .editor-field input[readonly="readonly"]
            {
                background-color: rgb(229,229,229);
                width: 55%;
            }
            
            .csam-section-block .editor-field input[type='check-box'], .csam-modification-section-block .editor-field input[type='check-box']{    
                font-family: 'Segoe UI';
                font-size: 10pt;
                padding: 1px;
                margin: 3px;
                width: 10px;
            }

            .csam-section-block .editor-field input[type='radio'], .csam-modification-section-block .editor-field input[type='radio']{    
                font-family: 'Segoe UI';
                font-size: 10pt;
                padding: 1px;
                margin: 3px;
                width:10px;
                margin-top: 4px;
                margin-right: 55%;
                margin-bottom: 5px;
                vertical-align: top;
            }

            input.csam-file-upload {
                width: 55%;   
                border:0;
            }

            input.csam-file-upload::-ms-value {
                border:0;
            }

            input.csam-file-upload::-ms-browse {
                background-color: #3b73af;
                color: #FFF;
                border:0;
            }
            
            input.csam-file-upload::-ms-browse:hover {
                  color: #000;
            }

/*Email Subject box*/
input#Subject
{
    width:98%;
}

            .csam-section-block .editor-field input.csam-file-upload::-webkit-file-upload-button {
                background-color: #3b73af;
                color: #FFF;                
                border:0;
                padding:5px;
                padding-left:8px;
                padding-right:8px;
                font-size: 10pt;
                font-family: 'Segoe UI';
            }

            .csam-section-block .editor-field input[type='file']::-webkit-file-upload-button:hover 
            {
                color: #000;
            }


            .csam-section-block .editor-field input.date {
                width: 55%;
            }

            .csam-section-block .editor-field input.csam-click-field {
                width: 55%;
            }

            .csam-section-block .editor-field input.csam-change-field {
                width: 55%;
            }

            .csam-section-block .editor-field input.text-box {
                width: 55%;
            }

            .csam-section-block .editor-field input[type="password"] {
                width: 55%;
            }


.csam-section-block .editor-field textarea, .csam-modification-section-block .editor-field textarea{    
            font-family: 'Segoe UI';
            font-size: 10pt;
            width: 55%;
            padding: 1px;
            margin: 3px;
            height: 70px;
        }

.csam-section-block .editor-field textarea[readonly="readonly"], .csam-modification-section-block .editor-field textarea[readonly="readonly"]{    
            font-family: 'Segoe UI';
            font-size: 10pt;
            width: 55%;
            padding: 1px;
            margin: 3px;
            height: 70px;
            background-color:#e2e2e2;
        }

.csam-section-block .editor-field select, .csam-modification-section-block .editor-field select{    
            font-family: 'Segoe UI';
            font-size: 10pt;
            width: 55.6%;
            padding: 1px;
            margin: 0;
            margin-left: 3px;
            margin-right: 3px;
            border-color: #e2e2e2;
            border-width:1px;
        }

.csam-section-block .editor-field select:disabled, .csam-modification-section-block .editor-field select:disabled
{
    background-color: rgb(229,229,229);
}



/* JQuery Tabs */
.csam-tabs {
    border-image: none;
    width: 99%; 
    max-width:99%;
}

ul.tabs {
    font-size: 8pt;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background-color: #FFF;
    background-image: none;
    width: 99%;    
    max-width:99%;
    list-style:none;
}

.csam-tabs-container {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    background: #fff;
    margin-bottom: 10px;
    width: 99%;
    max-width:99%;
}

.csam-tab-content
{
    overflow:auto;    
    width:auto;
}
    ul.tabs li
    {
        /* Trying to fix the IE shaft */
        color: transparent;
    }

.ui-widget-content {
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}

    .ui-state-default, .ui-widget-content .ui-state-default, ui-widget-header .ui-state-default {
        background-image: none;
    }

ui-tabs ui-widget {
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}

/* JQuery Datepicker */
.ui-datepicker {
    border: 1px;
    border-color: #000;
    z-index: 99 !important;
}

.ui-datepicker-header
{
    background-image:none;
    background-color: #3b73af;
}

.ui-datepicker-title
{
    color: #FFF;
}

.ui-datepicker-prev:hover
{
    background-image:none;    
    /*background-color: #205081;*/
}

.ui-datepicker-next:hover
{
    background-image:none;    
    /*background-color: #205081;*/
}


/* JQuery Dialog*/

.ui-dialog {
    position: absolute;
    padding: 0;
    width: 300px;
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ui-dialog .ui-dialog-titlebar {
        padding: 0 1em;
        position: relative;
        background-color: #3b73af;
        background-image: none;
        width: auto;
        height: 24px;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: 2px 0 2px 0;
        font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        font-weight: 200;
        font-size: 12pt;
        color: #FFF;
        display: block;
        letter-spacing: 0.01em;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: 2px;
        top: 50%;
        width: 15px;
        margin: -10px 0 0 0;
        padding: 0;
        top: 15px;
        height: 15px;
        color: transparent;
        background: url(../Images/dialog_close_light.png);
        display: none;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
        float: left;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 0 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            width: auto;
            font-family: 'Segoe UI';
            font-weight: 400;
            line-height: 11pt;
            font-size: 13px;
            padding: 4px 12px;
            line-height: 20px;
            vertical-align: middle !important;
            min-width: 89px;
            min-height: 32px;
            height: 32px;
            background-color: #3b73af;
            border: 1px transparent solid;
            color: #FFFFFF;
            margin-right: 10px;
            margin-bottom: 10px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            padding: 4px 10px;
            position: relative;
            outline: none;
            border-radius: 0;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-button-text-only .ui-button-text
{
    padding-top:0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget-overlay {
    background: #aaaaaa /*{bgColorOverlay}*/ url(../Images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .6;
    filter: Alpha(Opacity=60) /*{opacityOverlay}*/;
}

a.tbl_edit_btn {
    background: url(../Images/ButtonsDark/Small/edit_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    /*float: left;*/
    /*padding-top:3px;*/
}

input[type="button"].tbl_select_btn {
    background: url(../Images/ButtonsDark/Small/ok_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 0px;
    height: 0px;
    padding: 0;
    visibility: hidden;    
    margin-top:0;
    margin-bottom:0;    
    min-width:0px !important; 
    min-height:0px;  /*Controls spacing in the index view*/
}

a.tbl_unselect_btn {
    background: url(../Images/ButtonsDark/Small/cancel_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    padding: 0px 0px;
    top: -5px;
}

input[type="button"].tbl_delete_btn {
    background: url(../Images/ButtonsDark/Small/delete_dark_small.png) no-repeat top left;
    width: 27px;
    height: 27px;
    min-width: 27px;
    min-height: 27px;
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    padding: 0;
    margin-top:4px;
    margin-bottom:0;     
    padding-bottom:3px;
    display: block;
    top:-5px;  
    
    /*top:-31px;  
    left:14px;*/
}

tr td form[name="__AjaxAntiForgeryForm"] input
{
    visibility:hidden;
    height:0px;
    width:0px;
    padding:0;
    margin:0;
}

a.tbl_add_btn {
    background: url(../Images/ButtonsDark/Small/add_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    top:25px;
}

input[type="button"].tbl_editall_btn, input[type="button"].csam-editall-button {
    background: url(../Images/ButtonsDark/Small/editall_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 27px;
    height: 27px;
    padding: 0;
    margin: 0;
    border:0;
    min-width:26px !important;
    min-height:26px !important;
}

[type="button"].tbl_lookup_btn, input[type="button"].csam-lookup-button
{
    background: url(../../../Images/ButtonsDark/Small/lookup_dark_small.png) no-repeat top left;
    display: block;
    width: 27px;
    height: 27px;
    color: transparent;
}

    input[type="button"].tbl_lookup_btn:hover, input[type="button"].csam-lookup-button:hover {
        color: transparent;
    }

[type="button"].tbl_lookup_btn:disabled, input[type="button"].csam-lookup-button:disabled
{
    visibility:hidden;
}

tr td form[name="__AjaxAntiForgeryForm"]
{
    height:0px;
    width:0px;
}

a.tbl_share_btn, a.csam-export-button {
    background: url(../Images/ButtonsDark/Small/table_dark_small.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    left:26px;
    top: -1px;
}

input#SavedSearch_Name
{
    padding-left:6px;
    font-size: 10pt;
    width: 330px;
}

input[type="submit"].csam-previous-button, input[type="submit"].csam-next-button {
    top: -60px;
}

input[type="submit"].csam-previous-button-disabled, input[type="submit"].csam-next-button-disabled {
    background-color: #ddd;
    top: -60px;
}

    input[type="submit"].csam-previous-button-disabled:hover, input[type="submit"].csam-next-button-disabled:hover {
        background-color: #ddd;
        color: #FFF;
        top: -60px;
    }


/* Lookup Popup*/

div.csam-popup-dialog {
    width: 1200px;
}

    div.csam-popup-dialog #lookup-content {
        text-align: center;
        width: 1150px;
    }

        div.csam-popup-dialog #lookup-content a.tbl_share_btn,  div.csam-popup-dialog #lookup-content a.csam-export-button {
            visibility:hidden;
            height:0;
            left:0px;
        }

        div.csam-popup-dialog #lookup-content input[type="button"].tbl_editall_btn, div.csam-popup-dialog #lookup-content input[type="button"].csam-editall-button {
            visibility:hidden;
            height:0;
        }

        div.csam-popup-dialog #lookup-content a.tbl_add_btn {
            visibility: hidden;
            height:0;
        }

        div.csam-popup-dialog #lookup-content a.tbl_edit_btn {
            visibility: hidden;
            height:0;
        }

        div.csam-popup-dialog #lookup-content input[type="button"].tbl_delete_btn {
            display: none;
        }

        div.csam-popup-dialog #lookup-content input[type="button"].tbl_select_btn {
            display: block;
            text-indent: -9999px;
            width: 26px;
            height: 26px;
            padding: 0px 0px;
            visibility: visible;
            border:0;
        }

        div.csam-popup-dialog #lookup-content .delete-dialog p {
            visibility: hidden;
        }

        div.csam-popup-dialog #lookup-content table thead th {
            padding: 3px 18px 3px 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
            font-family: 'Segoe UI';
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0.01em;
            color: rgba(0, 0, 0, 1);
            cursor: pointer;
            border-right-style: none;
            border-left-style: none;
        }

            div.csam-popup-dialog #lookup-content table thead th.nopad {
                padding-top: 0px;
                padding-left: 3px;
                background: none;
                width: 35px;
                padding-right:0;
            }



        div.csam-popup-dialog #lookup-content table tfoot th {
            padding: 3px 18px 3px 10px;
            border-top: 1px solid black;
            font-family: 'Segoe UI';
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0.01em;
        }

        div.csam-popup-dialog #lookup-content table td {
            padding-right: 2px;
            padding-left: 2px;
            padding-bottom: 0;
            border-right-style: none;
            border-left-style: none;
            font-size: 12px;
            line-height: 12px;
        }

        div.csam-popup-dialog #lookup-content table tr.odd:hover {
            background: #ebf2f9;
            border-right-style: none;
            border-left-style: none;
        }

        div.csam-popup-dialog #lookup-content table tr.even:hover {
            background: #ebf2f9;
            border-right-style: none;
            border-left-style: none;
        }



/* Scott Datatables stuff */

table.dataTable {
    clear: both;
    margin: 20px auto;
    width: 100%;
}

    table.dataTable thead th {
        padding: 3px 30px 1px 10px;
        border-bottom: 1.1px solid rgba(0, 0, 0, 0.5);
        font-family: 'Segoe UI';
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.01em;
        color: rgba(0, 0, 0, 1);
        cursor: pointer;
        border-right-style: none;
        border-left-style: none;
        text-align:center;
    }

        table.dataTable thead th.nopad {
            padding-top: 0px;
            padding-left: 3px;
            background: none;
            width: 80px;
        }



    table.dataTable tfoot th {
        padding: 3px 30px 3px 10px;
        border-top: 1px solid black;
        font-family: 'Segoe UI';
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.01em;
    }

    table.dataTable td {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 0;
        border-right-style: none;
        border-left-style: none;
        font-size: 12px;
        line-height: 12px;
        vertical-align:top;
        text-align: center;
    }

        table.dataTable td.center,
        table.dataTable td.dataTables_empty {
            text-align: center;
        }

    table.dataTable tr.odd {
        background-color: #f9f9f9;
    }

    table.dataTable tr.even {
        background-color: white;
    }

    table.dataTable tr.odd:hover {
        background: #ebf2f9;
        border-right-style: none;
        border-left-style: none;
    }

    table.dataTable tr.even:hover {
        background: #ebf2f9;
        border-right-style: none;
        border-left-style: none;
    }

    table.dataTable tr.odd td.sorting_1 {
        background-color: none;
    }

    table.dataTable tr.odd td.sorting_2 {
        background-color: none;
    }

    table.dataTable tr.odd td.sorting_3 {
        background-color: none;
    }

    table.dataTable tr.even td.sorting_1 {
        background-color: none;
    }

    table.dataTable tr.even td.sorting_2 {
        background-color: none;
    }

    table.dataTable tr.even td.sorting_3 {
        background-color: none;
    }


.dataTables_wrapper {
    position: relative;
    top: 0px;
}

.dataTables_length {
    float: left;
    /*position:fixed;*/
}

    .dataTables_length label {
        font-size: 12px;
        font-family: 'Segoe UI';
        font-weight: 400;
    }

.dataTables_filter {
    width: 50%;
    float: left;
    text-align: right;
    margin-left: 25px;
    /*position:fixed;*/
}

    .dataTables_filter label {
        font-size: 12px;
        font-family: 'Segoe UI';
        font-weight: 400;
    }

        .dataTables_filter label input, textarea {
            padding-top: 0px;
            margin-top: 0px;
            font-family: 'Segoe UI';
            font-size: 12px;
        }

        .dataTables_length label select {
            padding-top: 0px;
            margin-top: 0px;
            font-family: 'Segoe UI';
            font-size: 12px;
        }



.dataTables_paginate {
    float: right;
    text-align: right;
    font-size: 12px;
    font-family: 'Segoe UI';    
    /*position: fixed;
    right:1%;*/
}

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	padding: 2px 5px;
	cursor: pointer;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #3b73af;
    color: #FFF !important;
	text-decoration: none;
}

.paging_full_numbers a.paginate_button.current {
	background-color: #3b73af;
    color: #FFF !important;
}

/*.paging_full_numbers a.paginate_active {
	background-color: #3b73af;
    color: #FFF !important;
}*/

.dataTables_info {
    /*clear: both;*/
    float: left;
    font-size: 12px;
    font-family: 'Segoe UI';
}

.dataTables_processing {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 150px;
    height: 20px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 1px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #474646;
}

.sorting {
    background: url('../Content/DataTables-1.9.4/media/images/sort_both.png') no-repeat center right;
}

.sorting_asc {
    background: url('../Content/DataTables-1.9.4/media/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../Content/DataTables-1.9.4/media/images/sort_desc.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../Content/DataTables-1.9.4/media/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../Content/DataTables-1.9.4/media/images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}



/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/



#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

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


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm-header{
}


#loginForm {
    display: block;
    /*margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;*/
    width: 25%;
    background-color: #FFFFFF;
    /*height: 100%;*/ 
    border-radius: 15px;
    /*padding-left: 4%;*/

    position: absolute;
    top: 20%;
    left: 35%;
    padding: 15px;
}
    #loginForm .csam-login-section
    {
        margin-left:auto;
        margin-right:auto;
    }

    #loginForm img
    {        
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #loginForm .validation-error
    {
        display: block;
        margin-right: 15px;
    }
        
    #loginForm .validation-summary-errors {    
        border:none !important;
        background-color: transparent !important;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        font-weight:700;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;        
        color: #FF0000;
    }


    #loginForm input {
        width: 250px;
        display: block;
        margin-left: auto;
        margin-right: auto;      
    }

    #loginForm .csam-login-section p
    {
        color: #000000;
        font-size:11pt; 
        display: block;
        margin-left: auto;
        margin-right: auto;   
    }
    
    #loginForm label
    {
        color: #000000;
    }

        #loginForm input[type="checkbox"] {
            width: auto;
            float:left;
                   
        }

        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
            font-family: 'Segoe UI';
            font-weight: 400;
            line-height: 11pt;
            font-size: 10pt;
            padding-left: 20px !important;
            padding-right: 20px !important;
            line-height: 20px;
            vertical-align: middle !important;
            min-width: 90px;
            min-height: 32px;
            height: 32px;
            background-color: #3b73af;
            border: 1px transparent solid;
            color: #FFFFFF;          
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
            display: block;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            padding: 4px 10px;
            position: relative;
            outline: none;
            border-radius: 0;
        }

            #loginForm input[type="submit"]:hover,
            #loginForm input[type="button"]:hover,
            #loginForm button:hover {
                color: #000000;
            }


#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 99%; 
    max-width: 99%;
    width:99%;
    /*display:table-cell;*/

}

/*This is to target Firefox browsers. There is an issue where the tabs overflow and to fix you have to specify the display as table-cell but this breaks IE*/
@-moz-document url-prefix() {
    fieldset{
      display:table-cell;
    }
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    /*position:relative;*/
        top: 7px;
        left:7px;
        background-color: transparent;
        color: #000;
        float: left;
        font-size:12.5px;  
        padding-right: 3px;
}

    label.checkbox {
        display: inline;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    /*width: 300px;*/
}

button
{
    margin: 5px 0 6px 0;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    /*background-color: #d3dce0;
		border: 1px solid #787878;
		cursor: pointer;
		font-size: 1.2em;
		font-weight: 600;
		padding: 7px;
		margin-right: 8px;
		width: auto;*/
    width: auto;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 11pt;
    font-size: 10pt;
    padding: 4px 12px;
    line-height: 20px;
    vertical-align: middle !important;
    margin: 5px 0 6px 0;
    min-width: 90px;
    min-height: 32px;
    height: 32px;
    background-color: #3b73af;
    border: 1px transparent solid;
    color: #FFFFFF;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 4px 10px;
    position: relative;
    outline: none;
    border-radius: 0;
}

a.button {
    width: auto;
    font-family: 'Segoe UI';
    font-weight: 400;
    line-height: 11pt;
    font-size: 10pt;
    line-height: 20px;
    vertical-align: middle !important;
    margin: 5px 0 6px 0;
    min-width: 90px;
    min-height: 27px;
    height: 27px;
    background-color: #3b73af;
    border: 1px transparent solid;
    color: #FFFFFF;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 4px 10px;
    position: relative;
    outline: none;
    border-radius: 0;
    padding-bottom:0;
}

a.button:hover {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
    }

    input[type="submit"]:hover,
    input[type="button"]:hover,
    button:hover {
        color: #000000;
    }

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled
{
    background-color: #c2c2c2;
    cursor: default;
}

input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
button:disabled:hover
{
    color: #FFFFFF;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */


.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    font-size:12px;
    padding-left:0%;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
}

.csam-section-block .editor-field select.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: red;
    font-size:10pt;
    border: solid;
    border-width: 1px;
    padding: 0px;
    padding-right: 10px;
    margin: 2px;
    margin-top: 0;
    margin-bottom:10px;
    width: 99%;
    background-color: #FFE5E5;
}

    .validation-summary-errors ul li
    {
        color: #000;
    }

.validation-summary-valid {
    display: none;
}

.actuallyHide{
     display: none !important;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

    table tbody tr:nth-child(even) {
        background-color: #f9f9f9;
    }

th {
    display: table-cell;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-left: 1px transparent solid;
    border-top: 1px transparent solid;
    font-family: 'Segoe UI';
    font-weight: 500;
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    vertical-align: central;
}


    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    /*padding: 0.25em 2em 0.25em 0em;*/
    /*border: 0 none;*/
    font-family: 'Segoe UI';
    font-weight: 300;
    font-size: 9pt;
    line-height: 9pt;
    padding: 2px 6px;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    border-left: 1px transparent solid;
    border-top: 1px transparent solid;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8);
}


tr.pager td {
    padding: 0 0.25em 0 0;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../Images/ajax-loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.csam-loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.csam-loading .modal {
        display: block;
    }

.csam-superselector
{
    margin-left: 1px;
    margin-right: 1px;
}

.csam-superselector-select
{
    min-width: 98%;
    height: 430px;
    border:none;
    /*height: 100%;*/
    /*width: 100%;*/
    overflow-y:visible;
    
}

.csam-superselector-select-scrollablearea
{
    /*overflow:scroll;*/
    width:325px;
    height:450px;
    border:solid 1px;
    overflow-x: scroll;
   
}

div.csam-search-field-list, div.csam-search-option
{
    width:91% !important;
}

div.csam-search-field-list select
{
    width:100% !important;
    height:100% !important;
}

    div.csam-search-option select
    {
        width:100% !important;
    }

    div.csam-search-option select.multiselect
    {
        width:100% !important;
        height:100% !important;
    }


    div.csam-search-option input
    {
        width:96.5% !important;
    }

.csam-search-option,.csam-search-field-list select
{
    min-height: 200px;
    max-width: 100%;
    overflow: scroll;
}

#SearchForm input[type="submit"]
{
    clear:both;
    display:block;
    margin-top: 70px;
}

.csam-criteria-list
{
    margin-top: 0px;
    margin-bottom: 20px;
}
ul .csam-search-hdr
{
    padding: 0.5em;
    border-width: 1px;
    border-color: #ffe #aaab9c #ccc #fff;
    border-style: solid;
    color: white;
    background: rgb(59, 115, 175);
    border-style: solid;
    display: inline;
    list-style-type: square;
    float:left;
}

.csam-remove-search
{
    background-color: transparent !important;
    min-height: 15px;
    max-width: 10px;
    /*top: 90px;*/
    margin-top:-25px;
    cursor: default;
    left:13.5% !important;
    position: absolute !important;
    z-index: 3;
}

ul .csam-search-hdr:hover
{
    color: black;
    background: #7DA7D4;
    border-color: #aaab9c #fff #fff #ccc;
}

.noborder, table td
{
    border:none;
}

.baseline
{
    position: absolute;
    right:    0;
    bottom:   0;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
	----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
	----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
	----------------------------------------------------------*/
    footer .float-left
    {
        float: left;
        height:20px;
    }

    footer .float-right {
        height:20px;
    }

        footer .float-left p { 
            height:20px;
        }

        footer .float-right p {
            color: #FFF;
            font-weight: 500;
            height:20px;
        }

            footer .float-right p a {
                color: #FFF;
                float: right;
                padding-right: 4px;
                text-decoration: none;
                height:20px;
            }

                footer .float-right p a:hover {
                    color: #FFF;
                    float: right;
                    padding-right: 4px;
                    height:20px;
                }

    footer {
        text-align: left;
        height: 20px;
        padding: 5px 0px;
        overflow:hidden;
    }

        footer p {
            margin: 0;
        }
}

.save-search-name-positioning{
    position:relative;
    right:90px;
    bottom:10px;
}

.save-search-dialog-fix{
    margin-top:40px;
    margin-bottom:-40px;
}

p {
    margin: 0;
}

input.remove-search-button {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    width: 10px;
    height: 15px;
    border: none;
    min-width: 10px;
    min-height: 10px;
    bottom:13px;
    left:5px;
}