/* ********************************************************************
 * System 7 UI - Cascading Style Sheet Definition - default.css - Default styles for any System 7 theme
 * A Component of the System 7 Framework (tm)
 * Copyright (c) 2009-2014 Libera, Inc.  All Rights Reserved.
******************************************************************** */



/* ****************************************************************************/
/* ****************************************************************************/
/*      GLOBAL STYLES
/* ****************************************************************************/
/* ****************************************************************************/

html {
    /* Override reset.css so we dont always get vertical scrollbars */
    overflow-y: auto;

}

html, body {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}



/* LIBERA - MDEARMAN - 2014-05-12 - ITS 115216, 115843 - Dont modify default focus style - it causes too many elements to get an outline like plain TDs when clicked, even if theyre not tabbable */
/* Change default Chrome/WebKit Orange outline on focused elements */
/*:focus {*/
/*outline: thin dotted black;*/
/*outline: 0;*/
/*}*/



.PageContentContainer {
}



table.PageHeader {
    table-layout: fixed;
}





.lblUserInfo {
}


.ErrorMessage {
    display: block;
    border: 4px solid #CCCC00;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #FFFF66;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.GenericMessage {
    display: block;
    border: 4px solid #4A3C8C;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #0080FF;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}

.PageInstructions {
    font-size: 10pt;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-top: 2px solid #00A653;
    border-bottom: 2px solid #00A653;
    background-color: #F0FFF8;
}

div.CopyrightFooter {
    font-size: 10pt;
    font-family: Arial;
}



/* Styles for editorHyperlinkHandler functions */
.HyperlinkHandlerHighlight {
    background-color: #99CCFF;
}





/* Screen Reader only element style
	From http://www.sitepoint.com/15-rules-making-accessible-links/
*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}










/* ****************************************************************************/
/* ****************************************************************************/
/* GENERAL LFORM STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

/* Use a higher specificity compared to the form engine to override color */
html div.lfBusyTextBox {
    background-color: #c9aedb;
}








/* ****************************************************************************/
/* ****************************************************************************/
/* LOGIN PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7LoginPage {
    font-family: Verdana;
}

    html.Sys7LoginPage .LoginHeader {
        width: 100%;
        margin-top: 0.5em;
        margin-left: auto;
        margin-right: 0;
        text-align: right;
    }

        html.Sys7LoginPage .LoginHeader .Wrapper {
            max-width: 500px;
            text-align: left;
            margin-bottom: 1em;
            margin-right: 1em;
            float: right;
        }



            html.Sys7LoginPage .LoginHeader .Wrapper img.Logo {
                float: left;
                margin-top: 0.2em;
                margin-right: 0.5em;
            }

            html.Sys7LoginPage .LoginHeader .Wrapper .Copyright {
                display: inline-block;
            }

            html.Sys7LoginPage .LoginHeader .Wrapper .FrameworkVersion {
                display: inline-block;
            }



    html.Sys7LoginPage .LoginContainer {
        width: 100%;
        min-width: 200px;
    }


    html.Sys7LoginPage div.LoginBox {
        clear: both;
    }



    html.Sys7LoginPage .LoginAppName {
    }

    html.Sys7LoginPage .LoginClientName {
    }


    html.Sys7LoginPage .LoginMessage {
    }

    html.Sys7LoginPage .LoginCustomMessage {
    }

    html.Sys7LoginPage .LoginLicenseInfo {
    }

        html.Sys7LoginPage .LoginLicenseInfo .LicenseInfo {
            display: block;
        }



    html.Sys7LoginPage div.LoginField {
    }

    html.Sys7LoginPage div.LoginLabels {
    }

    html.Sys7LoginPage div.LoginInputBox {
    }

    html.Sys7LoginPage input[type="text"], html.Sys7LoginPage input[type="password"] {
    }

        html.Sys7LoginPage input[type="text"]:focus, html.Sys7LoginPage input[type="password"]:focus {
        }



    html.Sys7LoginPage div.LoginButtons {
        clear: both;
    }


    html.Sys7LoginPage input.LoginButtons {
        display: inline-block;
    }


    html.Sys7LoginPage .ResetAccountInfo {
    }


    html.Sys7LoginPage .lblAuthenticationErrors {
        display: block;
    }









/* ****************************************************************************/
/* ****************************************************************************/
/* MISC PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7StartPage body {
    font-family: Verdana;
    /*background-color: #9EBEF5;*/
    background-color: #cae8c6;
    background-image: url('../../../images/liberalogo_250x250_a20.png');
    background-repeat: no-repeat;
    background-position: center center;
}




html.Sys7GoPage body {
    font-family: Verdana;
    /*background-color: #9EBEF5;*/
    background-color: #cae8c6;
    background-image: url('../../../images/liberalogo_250x250_a20.png');
    background-repeat: no-repeat;
    background-position: center center;
}

html.Sys7GoPage .GoMessage {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10% auto 0 auto;
    text-align: center;
    font-size: 20px;
}



.LiberaLogo250a20 {
    background-image: url('../../../images/liberalogo_250x250_a20.png');
    background-repeat: no-repeat;
    background-position: center center;
}





/* *************************** */
/* ERRORPAGE.ASPX */

html.Sys7ErrorPage, html.Sys7ErrorPage body {
    width: 100%;
    height: 100%;
    background-color: white;
    font-family: Verdana;
}

    html.Sys7ErrorPage .ErrorBox {
        box-sizing: border-box;
        margin: 25px 50px 50px;
        background-color: #9EBEF5;
        border: 2px solid black;
        padding: 20px;
        background-image: url('../../../Images/liberalogo_250x250_a20.png');
        background-repeat: no-repeat;
        background-position: center;
    }

    html.Sys7ErrorPage hr {
        margin-left: auto;
        margin-right: auto;
        width: 75%;
    }

    html.Sys7ErrorPage .Header {
        color: #000077;
        font-size: 20pt;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid white;
        padding-bottom: 0.5em;
        margin-bottom: 1em;
    }

    html.Sys7ErrorPage .Message {
        font-size: 12pt;
    }

    html.Sys7ErrorPage .ReturnLink {
        font-size: 12pt;
        text-align: center;
    }






/* *************************** */
/* ParameterDialog.ASPX (ITS 116304) */

/* Main autogenerated form */
html.Sys7ParameterDialogPage table.ParameterForm {
    width: 100%;
    table-layout: fixed;
}

/* H1 class for Parameter Dialog title header */
html.Sys7ParameterDialogPage h1.ParameterDialogTitle {
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
    padding-bottom: 6px;
    margin-bottom: 20px;
    /*border-top: 6px solid rgb(141, 89, 150);*/
    border-bottom: 6px solid rgb(141, 89, 150);
}

/* Label column */
html.Sys7ParameterDialogPage td.ParameterDialogLabel {
    width: 40%;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 14pt;
}

    html.Sys7ParameterDialogPage td.ParameterDialogLabel span {
    }

/* Field column */
html.Sys7ParameterDialogPage td.ParameterDialogField {
    width: 60%;
}

    html.Sys7ParameterDialogPage td.ParameterDialogField span.DataSetRecordCount {
        font-size: 12pt;
        padding-left: 10px;
        font-style: italic;
    }


/* Help row/column */
html.Sys7ParameterDialogPage td.ParameterDialogHelp {
    text-align: center;
    padding-bottom: 10px;
}

    html.Sys7ParameterDialogPage td.ParameterDialogHelp div {
        font-size: 12pt;
    }


html.Sys7ParameterDialogPage div.ButtonPanel {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

    html.Sys7ParameterDialogPage div.ButtonPanel .lfButtonNormal {
        font-size: 14pt;
        min-width: 150px;
    }



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






/* ****************************************************************************/
/* ****************************************************************************/
/* DIALOGCONTAINER PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7DialogContainerPage,
html.Sys7DialogContainerPage body {
    overflow: hidden;
}

    html.Sys7DialogContainerPage #divDialog {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 0;
        /*border: 2px solid purple;*/
    }


    html.Sys7DialogContainerPage #divPrompt {
        width: 100%;
        height: auto;
        display: none;
        font-family: Tahoma Arial;
        font-size: 12pt;
        font-weight: bold;
        padding: 5px;
        /*border: 2px solid yellow;*/
    }

    html.Sys7DialogContainerPage .dlgNoPrompt .divPrompt {
        display: none;
    }



    html.Sys7DialogContainerPage .dlgNoPrompt #divFrame {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        /*border: 2px solid orange;*/
    }

    html.Sys7DialogContainerPage .dlgWithPrompt #divFrame {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        bottom: 0;
        /*width: 100%;
	height: 100%;*/
        margin: 0;
        padding: 0;
        /*border: 2px solid orange;*/
    }


    html.Sys7DialogContainerPage #DialogContents {
        display: block;
        width: 100%;
        height: 100%;
    }

    html.Sys7DialogContainerPage .debug #divDialog {
        border: 2px solid green;
    }

    html.Sys7DialogContainerPage .debug #divPrompt {
        border: 2px solid yellow;
    }

    html.Sys7DialogContainerPage .debug #divFrame {
        border: 2px solid blue;
    }

    html.Sys7DialogContainerPage .debug #DialogContents {
        border: 2px solid orange;
    }





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








/* ****************************************************************************/
/* ****************************************************************************/
/* DESKTOP PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/


html.Sys7DesktopPage, html.Sys7DesktopPage body {
    /* Dont ever scroll desktop */
    overflow: hidden;
    overflow-y: hidden;
}


    html.Sys7DesktopPage .lfPage, .Sys7DesktopPage .lfPageContainer {
        width: 100%;
        /*font-family: Arial;
	font-size: 14px;*/
        overflow: visible;
        /*
	background-color: #0158a8;
	*/
        padding: 0;
        margin: 0;
        border: 0;
    }

    /* Dont put borders or focus highlights on FormDisplay and PdqDisplay when in the desktop */
    html.Sys7DesktopPage .lfFormDisplay {
        border: none;
        background-color: transparent;
    }

        html.Sys7DesktopPage .lfFormDisplay.lfHasFocus {
            border: none;
            background-color: transparent;
        }

    html.Sys7DesktopPage .lfPdqDisplay {
        border: none;
        background-color: transparent;
    }

        html.Sys7DesktopPage .lfPdqDisplay.lfHasFocus {
            border: none;
            background-color: transparent;
        }


    /* Splash screen displayed while the desktop loads */
    html.Sys7DesktopPage #Sys7DesktopSplashScreen {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #c9aedb;
        background-image: url('../../../images/liberalogo_250x250_a20.png');
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 99999999;
    }

        html.Sys7DesktopPage #Sys7DesktopSplashScreen .Message {
            width: 100%;
            position: relative;
            top: 30%;
            margin-left: auto;
            margin-right: auto;
            height: 100%;
            font-size: 200%;
            text-transform: uppercase;
            letter-spacing: 5px;
            text-align: center;
            color: #818383;
        }





/* ****************************************************************************/
/* ****************************************************************************/
/* GENTREEVIEW PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7DataTreePage #divGrid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* margin-bottom is dynamically set in datatreeOnResize handler in GenTreeView.js to allow NavigationBar to show */
}

html.Sys7DataTreePage .navbarContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}




/* ****************************************************************************/
/* ****************************************************************************/
/* INFOGRID PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7ECFPage #divLayout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}





/* ****************************************************************************/
/* ****************************************************************************/
/* PDQDisplay PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7PDQDisplayPage #divLayout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 3px; /* A little buffer to prevent a scrolling issue */
}




/* ****************************************************************************/
/* ****************************************************************************/
/* PDQLookupDialog PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7PDQLookupDialogPage #divLayout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html.Sys7PDQLookupDialogPage #divGrid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2px;
}

html.Sys7PDQLookupDialogPage #divPdqMemo {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: 400px;
    overflow: auto;
    padding: 5px;
}








/* ****************************************************************************/
/* ****************************************************************************/
/* Sys7ChartViewerPage PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/
html.Sys7ChartViewerPage {
}

    html.Sys7ChartViewerPage div.MessageContainer {
        margin: 20% auto;
        text-align: center;
    }

        html.Sys7ChartViewerPage div.MessageContainer h1 {
            font-weight: bold;
            font-size: 90%;
            margin: 0 auto 10px auto;
            border-bottom: 2px solid #a26fab;
            width: 75%;
        }

        html.Sys7ChartViewerPage div.MessageContainer div.Message {
        }

        html.Sys7ChartViewerPage div.MessageContainer div.Footer {
            margin-top: 2em;
            font-size: 75%;
            color: gray;
        }








/* ****************************************************************************/
/* ****************************************************************************/
/* Sys7ChangePasswordDialog PAGE STYLES (Use LForm # instead of class name because sometimes form is loaded outside of Sys7ChangePassword.aspx page */
/* ****************************************************************************/
/* ****************************************************************************/
html.LForm52000 {
}

    html.LForm52000 h1 {
        font-family: Arial;
        font-size: 18pt;
        font-weight: bold;
        text-align: center;
        margin: 0 auto 15px auto;
        border-bottom: 2px solid #a26fab;
    }


    html.LForm52000 table.FormTable {
        width: 100%;
    }

        html.LForm52000 table.FormTable .col1 {
            width: 200px;
            padding-right: 20px;
            text-align: right;
            font-family: Arial;
            font-size: 12pt;
            vertical-align: middle;
        }

        html.LForm52000 table.FormTable .col2 {
            width: 200px;
        }

        html.LForm52000 table.FormTable td.col2 .lfTextField {
            width: 100%;
        }

        html.LForm52000 table.FormTable tr.NewPassword td {
            padding-top: 10px;
        }


        html.LForm52000 table.FormTable tr.Buttons {
            height: 60px;
            vertical-align: bottom;
        }

            html.LForm52000 table.FormTable tr.Buttons td {
                padding-top: 25px;
                text-align: center;
            }

html.Sys7ChangePasswordDialog table.FormTable tr.Buttons .lfButton {
    width: 150px;
}









/* ****************************************************************************/
/* ****************************************************************************/
/* Sys7ResetAccountPage PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/
html.Sys7ResetAccountPage .ResetAccountForm {
	padding: 20px;
}






/* ****************************************************************************/
/* ****************************************************************************/
/* Sys7AccountRegistration PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/
html.Sys7AccountRegistration a.cancel {
	margin-left: 30px;
}


html.Sys7AccountRegistration .step-buttons {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid black;
}



html.Sys7AccountRegistration #RegistrationProgress {
    margin: 10px auto;
    text-align: center;
    position: relative;
}

    html.Sys7AccountRegistration #RegistrationProgress ul {
        counter-reset: step;
                    
        overflow: hidden;
    }

	/* Progress list item */
    html.Sys7AccountRegistration #RegistrationProgress li {
        list-style-type: none;
        color: black;
        font-size: 80%;
        text-transform: uppercase;
        float: left;
        position: relative;
        width: 15%;
        z-index: 2;
		min-width: 75px;
    }

    /* Insert numbers before progress list item */
    html.Sys7AccountRegistration #RegistrationProgress li:before {
        content: counter(step);
        counter-increment: step;
        width: 30px;
        line-height: 25px;
        display: block;
        color: black;
        background-color: white;
        border: 1px solid black;
        border-radius: 5px;
        margin: 0 auto 5px auto;
        z-index: 2;
    }

    /* Connectors between progress list items */
    html.Sys7AccountRegistration #RegistrationProgress li:after {
        content: '';
	    width: 100%;
	    height: 2px;
	    background: black;
	    position: absolute;
        left: -50%;
	    left: calc(-50% + 15px);
	    top: 12px;
	    z-index: -1;
    }

    html.Sys7AccountRegistration #RegistrationProgress li:first-child:after {
	    /*connector not needed before the first step*/
	    content: none; 
    }

    /* Marking active/completed steps green */
    /* The number of the step and the connector before it = green */
    html.Sys7AccountRegistration #RegistrationProgress li.active:before,
    html.Sys7AccountRegistration #RegistrationProgress li.active:after {
	    background: #27AE60;
        border-color: #27AE60;
	    color: black;
    }


	html.Sys7AccountRegistration .registration-step p.padded {
		padding: 15px;
	}






/* ****************************************************************************/
/* ****************************************************************************/
/*      FRAMEWORK DIALOGS
/* ****************************************************************************/
/* ****************************************************************************/

/* Make the dialog overlay a little darker so dialog content stands out */
.ui-widget-overlay.ui-front {
    z-index: 19999;
    opacity: 0.6;
}



/* Make sure jQuery dialogs sit on top of all other things (including UCGroups) */
.ui-dialog {
    z-index: 20000 !important;
    box-shadow: rgba(75,75,75,0.4) 5px 5px;
}


    /* Customized look for Error Dialogs to use a red titlebar, etc */
    .ui-dialog.ui-state-error {
    }

        .ui-dialog.ui-state-error .ui-dialog-titlebar {
            /* IE10 */
            background-image: -ms-linear-gradient(top, red 0%, #a85656 100%);
            /* @alternate */ background-image: -moz-linear-gradient(top, red 0%, #a85656 100%);
            /* @alternate */ background-image: -o-linear-gradient(top, red 0%, #a85656 100%);
            /* @alternate */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(1, #a85656)); /* Webkit (Safari/Chrome 10) */
            /* @alternate */ background-image: -webkit-linear-gradient(top, red 0%, #a85656 100%); /* Webkit (Chrome 11+) */
            /* @alternate */ background-image: linear-gradient(to bottom, red 0%, #a85656 100%); /* W3C Markup, IE10 Release Preview */
            /* IE7-8-9 */
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f29a9a', endColorstr='#FF0000');
            /* @alternate */ background-image: linear-gradient(to bottom, red 0%, #a85656 100%);
            background-color: #a85656;
            color: white;
        }


    /* Custom jQuery dialog class to hide close button */
    .ui-dialog.ui-dialog-noclose .ui-dialog-titlebar-close {
        display: none;
    }





    .ui-dialog.ConfirmLogoff .ui-dialog-content p {
        padding-top: 15px;
    }








/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */
/* DESKTOP ICON/IMAGES */
/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */

/* SmartSprites directives - See http://csssprites.org/ */
/** sprite: desktopicons; sprite-image: url('images/sprites-desktop.png'); sprite-layout: horizontal */
.desktop-icon {
}

    .desktop-icon.icon-24 {
        width: 24px;
        height: 24px;
    }
   .desktop-icon.icon-32 {
        width: 32px;
        height: 32px;
    } 
.desktop-icon-Home {
    background-image: url("../../../images/themes/sophistique/general/sophistique_general_home_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-PDQList {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_report_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-MyPDQList {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_ils_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}
.desktop-icon-AddMyPDQ {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_ils_32.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}
.desktop-icon-Report {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_graphic_report_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-Dashboard {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_area_chart_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-SystemAdministration {
    background-image: url("../../../images/themes/sophistique/webdesign/sophistique_webdesign_cms_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-DictionaryAdministration {
    background-image: url("../../../images/themes/sophistique/business/sophistique_business_summary_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-KBShortcuts {
    background-image: url("../../../images/themes/sophistique/webdesign/sophistique_webdesign_redesign_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-ProgramFlow {
    background-image: url("../../../images/themes/sophistique/webdesign/sophistique_webdesign_architecture_info_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-UserPrefs {
    background-image: url("../../../images/themes/sophistiquen/general/sophistiquenight_general_gear_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-Logout {
    background-image: url("../../../images/themes/sophistique/general/sophistique_general_door_outside_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-HelpDocument {
    background-image: url("../../../images/themes/sophistique/general/sophistique_general_help_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-Views {
    background-image: url("../../../images/themes/sophistique/general/sophistique_general_windows_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-Tools {
    background-image: url("../../../images/themes/sophistique/construction/sophistique_construction_pocket_knife_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-Links {
    background-image: url("../../../images/themes/sophistique/networking/sophistique_networking_link_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}

.desktop-icon-NewForm {
    background-image: url("../../../images/themes/sophistique/custom/sophistique_custom_newform_24.png"); /** sprite-ref: desktopicons; sprite-alignment: top */
}








/* ****************************************************************************/
/* ****************************************************************************/
/*      GENERAL STYLES WORKING WITH CONTENT IN UNIVERSALCONTROL
/* ****************************************************************************/
/* ****************************************************************************/

/* User Message to display within a UCPage (Centered) */
.uc-ui-ucpage-content .usermessage {
    padding-top: 3em;
    text-align: center;
    font-size: 1.4em;
}

    .uc-ui-ucpage-content .usermessage.background {
        opacity: 0.6;
    }




/* Make UC header icons a little bigger */
/*.uc-ui-header-titlebar-buttonpanel span {
	padding-left: 5px;

	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}*/




.uc-ui-tabs a {
    text-transform: uppercase;
}


/* ITS 115007 - Updated to use custom class added to certain groups to control the padding - Horizontal padding (small)
	Create padding around buttons in LForm ribbon */
.uc-ui-hpadding-sm .uc-ui-text {
    padding: 0 5px 0 5px;
}


/* Display border around UCGroups that are meant to be windows/panels */
/*
.uc-ui-group.ui-corner-all,
.uc-ui-group.uc-ui-floating {
	border: 2px solid #7496c4;
}
*/



/* Make icons bigger when hovered over them.  Not fully working - IE is not handling the disabled state correctly */
/*
html.Sys7LFormDisplayPage :not(.uc-ui-state-disabled) span.uc-image {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


html.Sys7LFormDisplayPage :not(.uc-ui-state-disabled) span.uc-image:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
*/




/* ****************************************************************************/
/* ****************************************************************************/
/* FILEUPLOAD PAGE/FORM STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

/*
	Document Structure:
		
		#Container
			#Options
				#DocLocations
	
				#MainArea
					#DocumentInfo

					#ContentArea
				
					#ButtonArea

			#PreviewArea
	
*/

html.Sys7FileUpload {
    text-align: left;
    color: white;
    overflow: hidden;
}

    html.Sys7FileUpload div {
        /*border: 1px solid red;*/
    }

    html.Sys7FileUpload .lfContainer,
    html.Sys7FileUpload .lfPage {
        font-family: Arial;
        font-size: 14px;
        background-color: transparent;
    }

    /* LIBERA - MHOCH - 2015-09-08 - ITS 135627 - Changed color scheme from purple to grey */
    html.Sys7FileUpload .lfPage.lfPageFull,
    html.Sys7FileUpload.Sys7SubForm .lfPage.lfPageFull {
        background-color: #0156A7;
        border-top: 20px solid #96a3b0;
        border-bottom: 20px solid #96a3b0;
        border-left: 0;
        border-right: 0;
    }

    html.Sys7FileUpload #Container {
        width: 100%;
        height: 100%;
        /*padding-top: 20px;
		overflow: auto;*/
    }

    /* Main options panel */
    html.Sys7FileUpload #Options {
        float: left;
        width: 420px;
        overflow: auto;
        margin-bottom: 20px;
    }

    /* Main options panel when there is no preview pane */
    html.Sys7FileUpload #Container.NoPreview #Options {
        width: 100%;
    }

    /* Location buttons */
    html.Sys7FileUpload #DocLocations {
        float: left;
        box-sizing: border-box;
        width: 100px;
        text-align: center;
        vertical-align: top;
        padding: 20px 5px 20px;
    }

        html.Sys7FileUpload #DocLocations h1 {
            font-size: 10pt;
            font-weight: bold;
            margin-bottom: 10px;
        }


    /* Main area (containing DocumentInfo, ContentArea, ButtonArea) */
    html.Sys7FileUpload #MainArea {
        float: left;
        width: 320px;
        height: 100%;
    }



    html.Sys7FileUpload #DocumentInfo {
    }

        html.Sys7FileUpload #DocumentInfo h1 {
            width: 100%;
            text-align: center;
            font-size: 16pt;
            font-weight: bold;
            margin-bottom: 20px;
        }

        html.Sys7FileUpload #DocumentInfo .FieldHelp {
            text-align: left;
            color: white;
            font-size: 9pt;
            padding-left: 10px;
        }

    html.Sys7FileUpload #ContentArea {
        margin-top: 1em;
    }

    html.Sys7FileUpload #ButtonArea {
        margin-top: 1em;
        text-align: center;
    }

    /* Preview panel */
    html.Sys7FileUpload #PreviewArea {
        clear: both;
        width: 99%;
        height: 400px;
        margin-top: 20px;
        background-color: white;
    }

/* If wide enough display PreviewArea on same line as Options (side by side) */
@media screen and (min-width: 1000px) {
    html.Sys7FileUpload #Options {
        margin-bottom: 0;
    }

    html.Sys7FileUpload #PreviewArea {
        float: left;
        clear: none;
        width: 500px;
        height: 640px;
    }
}

html.Sys7FileUpload #AttachFooter {
    clear: both;
}




html.Sys7FileUpload .TabButton {
    width: 80px !important;
    height: 60px;
    border: 2px solid #626262;
    background-color: white;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}

html.Sys7FileUpload .TabButtonSelected {
    border: 2px solid black;
    background-color: #e9d9f3;
}

html.Sys7FileUpload button.lfButton, html.Sys7FileUpload input[type=file]::-ms-browse {
    background-color: #e9d9f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e9d9f3);
    /* @alternate */ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e9d9f3));
    /* @alternate */ background-image: -webkit-linear-gradient(top, #ffffff, #e9d9f3);
    /* @alternate */ background-image: -o-linear-gradient(top, #ffffff, #e9d9f3);
    /* @alternate */ background-image: linear-gradient(to bottom, #ffffff, #e9d9f3);
    background-repeat: repeat-x;
    font-weight: bold;
}

html.Sys7FileUpload .lfButtonText {
    color: black;
    font-size: 90%;
}

html.Sys7FileUpload button.lfButton:hover,
html.Sys7FileUpload button.lfButton:focus,
html.Sys7FileUpload button.lfButton:active,
html.Sys7FileUpload button.lfButton.active,
html.Sys7FileUpload button.lfButton.disabled,
html.Sys7FileUpload button.lfButton[disabled] {
    color: #000;
    background-color: #e9d9f3;
}

html.Sys7FileUpload button.lfButton.active {
    background-color: #e9d9f3;
}

html.Sys7FileUpload .lfReadOnlyButton,
html.Sys7FileUpload button.lfReadOnlyButton,
html.Sys7FileUpload button.lfReadOnlyButton:hover,
html.Sys7FileUpload button.lfReadOnlyButton:focus {
    cursor: not-allowed;
    color: black;
    background-position: 0 0;
    background-color: #d0d0d0;
    background-image: none;
}




html.Sys7FileUpload img.Button {
    width: 40px;
    height: 40px;
}


html.Sys7FileUpload #oFileUpload {
    /*
		font-family: Arial;
		font-size: 14pt;
		*/
}

html.Sys7FileUpload #oPreview {
    border: 2px ridge #626262;
}

html.Sys7FileUpload .ErrorMsg {
    font-size: 16px;
    font-weight: bold;
    color: black;
    padding: 1em 25px;
    margin: 1em auto;
    background-color: #f1f17a;
}









/* ****************************************************************************/
/* ****************************************************************************/
/* SPELL CHECK DIALOG STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.SpellCheckDialog {
    background-color: #c3daf9;
}

    html.SpellCheckDialog #SpellCheckFrame {
        position: absolute;
        top: 0;
        bottom: 10px;
        left: 0;
        right: 0;
        width: 99%;
        height: 95%;
        box-sizing: border-box;
    }

    html.SpellCheckDialog div.SpellContainer {
        padding-top: 10px;
        font-size: 12pt;
    }


    html.SpellCheckDialog table.SpellContainer {
        width: 350px;
        margin: 0 auto 0 auto;
    }


    html.SpellCheckDialog input.suggestion,
    html.SpellCheckDialog select.suggestion,
    html.SpellCheckDialog select.suggestion option {
        width: 230px;
    }

    html.SpellCheckDialog input.button,
    html.SpellCheckDialog button.button {
        font-size: 12pt;
        width: 110px;
        cursor: hand;
    }

    html.SpellCheckDialog td.highlight {
        background-color: #DADADA;
    }






/* ****************************************************************************/
/* ****************************************************************************/
/* LFORM FORM FIELD LIST DIALOG PAGE/FORM STYLES */
/* ****************************************************************************/
/* ****************************************************************************/


html.Sys7LFormFieldListDialog {
    overflow: hidden;
}

    html.Sys7LFormFieldListDialog #divLayout {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 3px; /* A little buffer to prevent a scrolling issue */
    }




/* ****************************************************************************/
/* ****************************************************************************/
/* LFORM PRINTOPTIONS DIALOG PAGE/FORM STYLES */
/* ****************************************************************************/
/* ****************************************************************************/


html.Sys7LFormPrintOptions {
    overflow: hidden;
}


div.PrintOptContainer {
    padding: 10px 10px 10px 10px;
}


html.Sys7LFormPrintOptions h1 {
    font-size: 18pt;
    text-decoration: underline;
    text-align: center;
}

html.Sys7LFormPrintOptions h2 {
    font-size: 10pt;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

html.Sys7LFormPrintOptions fieldset {
    border: 2px solid #BBB;
    margin-bottom: 10px;
    padding: 8px;
    width: 95%;
}

    html.Sys7LFormPrintOptions fieldset legend {
        font-size: 12pt;
        font-weight: bold;
        border: 2px solid black;
        border-radius: 4px;
        color: white;
        background-color: rgb(158, 100, 168);
        padding: 0.3em 0.6em 0.3em 0.6em;
        margin-left: 6px;
        margin-bottom: 10px;
    }

html.Sys7LFormPrintOptions #cboZoom {
}

html.Sys7LFormPrintOptions .printopt {
    font-size: 12pt;
}


html.Sys7LFormPrintOptions .printoptDetail {
    font-size: 10pt;
    margin-left: 35px;
    margin-bottom: 6px;
}

html.Sys7LFormPrintOptions .ButtonPanel {
    margin-top: 20px;
    text-align: center;
}

    html.Sys7LFormPrintOptions .ButtonPanel .lfButton {
        min-width: 100px;
    }

    html.Sys7LFormPrintOptions .ButtonPanel #btnPageSetup {
    }

    html.Sys7LFormPrintOptions .ButtonPanel #btnPrintPreview {
        margin-left: 30px;
    }

    html.Sys7LFormPrintOptions .ButtonPanel #btnPrint {
    }

    html.Sys7LFormPrintOptions .ButtonPanel #btnOK {
        margin-left: 30px;
    }

    html.Sys7LFormPrintOptions .ButtonPanel #btnCancel {
    }









/* ****************************************************************************/
/* ****************************************************************************/
/* SYS7UI HOTKEYCONTROLLER STYLES - ITS 115007 */
/* ****************************************************************************/
/* ****************************************************************************/

.HotkeyControllerDialog h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.HotkeyControllerDialog ul.HotkeyControllerList {
    font-size: 12px;
    margin-left: 10px;
}

    .HotkeyControllerDialog ul.HotkeyControllerList > li {
        /*list-style: circle;*/
        border-bottom: 1px solid black;
        padding: 2px 0 2px 0;
    }

        .HotkeyControllerDialog ul.HotkeyControllerList > li span.HKName {
            display: inline-block;
            width: 75%;
        }

        .HotkeyControllerDialog ul.HotkeyControllerList > li span.HKKeys {
            display: inline-block;
            width: 25%;
        }


    /* An individual HotkeyInfo.Keys formatted HTML content */
    .HotkeyControllerDialog ul.HotkeyControllerList ul.hotkey {
        display: inline-block;
    }

        /* Insert separator between each full hotkey */
        .HotkeyControllerDialog ul.HotkeyControllerList ul.hotkey:nth-child(n+2):before {
            content: "\00a0 or ";
        }

        .HotkeyControllerDialog ul.HotkeyControllerList ul.hotkey li {
            display: inline-block;
        }

            .HotkeyControllerDialog ul.HotkeyControllerList ul.hotkey li span {
                border: 1px solid black;
                border-radius: 4px;
                padding: 2px 4px;
                display: inline-block;
                background-color: #e9d9f3;
                text-align: center;
                min-width: 1em;
            }

            /* Insert separator between each key */
            .HotkeyControllerDialog ul.HotkeyControllerList ul.hotkey li:nth-child(n+2):before {
                content: "+";
            }






/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */
/* UI THEME - PURPLE */
/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */


.Sys7ThemePurple.Sys7GoPage body {
    font-family: Verdana;
    /*background-color: #9EBEF5;*/
    background-color: #bc9fc1;
    background-image: url('../../../images/liberalogo_250x250_a20.png');
    background-repeat: no-repeat;
    background-position: center center;
}



.Sys7ThemePurple .ui-icon {
    /* Use white images */
    background-image: url("../../../UIComponents/jquery/themes/black-tie/images/ui-icons_ffffff_256x240.png");
}


/* Root elements */
.Sys7ThemePurple .uc-ui-page {
    background-color: white;
}

.Sys7ThemePurple .uc-ui-group-ribbon {
    background-color: white;
}

.Sys7ThemePurple .uc-ui-group {
    /*background-color: #EAF1FA;
	padding-bottom: 1px;*/
    background-image: -ms-linear-gradient(top, #bc9fc1 0%, #aa83b1 5%, #9E64A8 50%, #aa83b1 95%, #bc9fc1 100%);
    /* @alternate */ background-image: -moz-linear-gradient(top, #bc9fc1 0%, #aa83b1 5%, #9E64A8 50%, #aa83b1 95%, #bc9fc1 100%);
    /* @alternate */ background-image: -o-linear-gradient(top, #bc9fc1 0%, #aa83b1 5%, #9E64A8 50%, #aa83b1 95%, #bc9fc1 100%);
    /* @alternate */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bc9fc1), color-stop(0.05, #aa83b1), color-stop(0.5, #9E64A8), color-stop(0.95, #aa83b1), color-stop(1, #bc9fc1));
    /* @alternate */ background-image: -webkit-linear-gradient(top, #bc9fc1 0%, #aa83b1 5%, #9E64A8 50%, #aa83b1 95%, #bc9fc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AA83B1', endColorstr='#9E64A8');
    /* @alternate */ background-image: linear-gradient(to bottom, #bc9fc1 0%, #aa83b1 5%, #9E64A8 50%, #aa83b1 95%, #bc9fc1 100%);
}


    /*.Sys7ThemePurple .uc-ui-group .uc-ui-child-group {
	 background-image: none;
	 filter: none;
	 background-color: white;
}*/


    /* When group not docked (floating group) */
    .Sys7ThemePurple .uc-ui-group.uc-ui-floating {
        border: 2px solid #c9aedb;
        box-shadow: rgba(75,75,75,0.4) 5px 5px;
    }


.Sys7ThemePurple .uc-ui-dragheader {
    background-color: #69348e;
}


/* Cell holding the text of UCGroup header in the ribbon */
.Sys7ThemePurple td.uc-ui-group-titlecontainer {
    background-color: #8255a1;
}

/* When the user hovers over a child group in a ribbon, highlight title bar slightly */
.Sys7ThemePurple .uc-ui-group-ribbon .uc-ui-child-group:hover td.uc-ui-group-titlecontainer {
    background-color: #b892d1;
}

.Sys7ThemePurple .uc-ui-group-container-table-cell > .uc-ui-group {
    border: 2px solid #b892d1;
}


.Sys7ThemePurple .uc-ui-tabs.uc-ui-state-active {
    background-color: #c9aedb;
    border-top: 1px solid #ba99d0;
    border-left: 1px solid #ba99d0;
    border-right: 1px solid #ba99d0;
}


/* When hovering in UC Group, highlight group */
.Sys7ThemePurple :not(.uc-ui-state-disabled) > .uc-ui-group-ribbon-layout:hover {
    /*border: 1px solid #C3CEDB;*/
    /*background-color: #EAF1FA;*/
    background-color: #f6e3f7;
}

/* Icon/Text of UCElement/Item as user hovers over it (when not disabled) */
.Sys7ThemePurple .uc-ui-text:not(.uc-ui-state-disabled):hover {
    background-color: #e3cdf1;
}



/* UC element state classes */
.Sys7ThemePurple .uc-ui-tabs.uc-ui-state-default.uc-ui-state-hover:not(.uc-ui-state-disabled) {
    background-color: #EAF1FA;
    border-top: 1px solid #EBC663;
    border-left: 1px solid #EBC663;
    border-right: 1px solid #EBC663;
}

.Sys7ThemePurple .uc-ui-ribbonbuttonpanel {
    background-color: #a26fab;
}

.Sys7ThemePurple .uc-ui-ribbonmenubuttonpanel {
    background-color: #c9aedb;
}


.Sys7ThemePurple .uc-ui-tabs.uc-ui-state-default {
    background-color: #c9aedb;
    border-top: 1px solid #ba99d0;
    border-left: 1px solid #ba99d0;
    border-right: 1px solid #ba99d0;
}





/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */
/*  viewport style (flexbox) */
/* ################################################################################################################################################################ */
/* ################################################################################################################################################################ */

.viewport-flexcontainer {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.viewport-flexelement {
    display: inline;
}
.viewport {
    position: fixed !important;
    position: absolute;
}

.viewport-fixed {
    /*height: 800px;*/
    margin: auto;
}

.viewport-auto {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.fill {
    width: 100%;
    /* Note: unfortunately we need to handle height separately - pporter-buhl 2015/3/31 - its 115815: */
    /*height: 40%;*/
}

.fill-height {
    height: 100%;
}
/* This is part of the solution to get the pdqwebgrid displaying correctly. The rest is in javascript */
.pdqwebgrid-wrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 1px;
    display: none;
}
html.Sys7AccountRegistration .register-form {

}