/* ------------------------------------------------------------------------------------ */
/*						Standard Main Page Element								        */
/*						(Radicalogic.css content)							      	    */
/* ------------------------------------------------------------------------------------ */

/*******************************************************************************************/
/* --------------------------------Font Styles----------------------------------------- */
/*******************************************************************************************/

.formbtnfooter.file-page {
    width: calc(100% - 75px);
}


.header2 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding: 15px 0px 8px 0px
}
.header3 {height:14px;line-height:14px;padding:0px;margin:0px;font-size:12px;color:#ccc;}
.header4 {padding: 10px 0 10px 15px;height: 30px;}
    
/*******************************************************************************************/
/* --------------------------------General Styles----------------------------------------- */
/*******************************************************************************************/
html {height:100%; margin:0; padding:0; overflow:hidden;}
body {color:#222;font:normal 12px/14px Arial,'Lucida Sans Unicode', Verdana, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; height:100%; width:100%;}
#aspnetForm, #form { height: 100%; } /* The top level generated form */
a { text-decoration:none;}
a:hover {text-decoration:underline;}
a#helplink:focus { outline: 1px solid white; }
a[role="button"]:focus { outline: 1px solid white; }
.aboutImg {background-image:url(images/aboutpage.png); background-repeat:no-repeat}
a.fav[role="button"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
/******************
Loading icon
*******************/
.loading-wrap {width: 100%; height: 100%; }
.loading-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-animation { width:200px;height:200px;background:url(images/loader.gif) no-repeat;display: flex; }

/******************
Exiting icon
*******************/
.exiting-wrap {width:188px;height:73px;background:url(images/exiting.png) no-repeat;}
.exiting-animation {background:url(images/throbberAni.gif) no-repeat;width:39px;height:39px;float:left;margin:15px 0px 0px 15px;}

/******************
Small Button Icons
*******************/
.iconEdit {cursor:default;background:url(images/icon-Edit.png) no-repeat;width:30px;height:20px}
.iconDelete {cursor:default;background:url(images/icon-delete.png) no-repeat;width:30px;height:20px}
.iconAdministrate {cursor:default;background:url(images/icon-administrate.png) no-repeat;width:20px !important;height:20px !important;}

/******************
Section Elements
*******************/
.sectiontitle-right {background:#888 url(images/sectiontitle-right.png) no-repeat;height:28px;width:20px;}
.sectiontitle-left {width:100%;text-align:left;font:bold 16px/20px Arial, sans-serif;letter-spacing:-.02pt;color:#fff;background:#888 url(images/sectiontitle-right.png) no-repeat;height:28px;margin-right:20px;}

/******************
General Form Elements
*******************/
.formcontainer1 {padding-left: 10px; padding-top: 10px; padding-right: 10px;}
.formcontainer1 input {border:1px solid #888;font:normal 14px/16px Arial, sans-serif;color:#666;height:18px;padding:3px 3px 3px 3px;margin:3px 0 3px 0;}
.formcontainer1 select {border:1px solid #888;font:normal 14px/24px Arial, sans-serif;color:#666;height:24px;padding:0px 0px 0px 3px;margin:3px 0 3px 0;}
.formcontainer1 select option {padding-left:5px;}
.ui-icon-star {background:url(images/asterisk.svg) no-repeat !important; width:14px !important; height:14px !important; display: inline-block !important; vertical-align: middle;}

/******************
User Profile Preferences
*******************/
.icon-userprofile {background:url(images/icon-userprofile.png) no-repeat;height:100px}

/******************
Main Body and Titles
*******************/
.ui-pagetitle {height:42px;line-height:42px;padding:0 0 0 10px;background: url("images/titlebar-bck.png") repeat-x;}
.ui-content { height: 100%; }
.maincontent {position:relative;top:0px;bottom:-30px;left:0px;right:0px;}
/*Workaround to make scrollbar appear on MS Edge Browser */
@supports (-ms-accelerator: true){
    .maincontent{
        overflow-y: scroll;
    }
}

.masterPageTitleHide{ display:none; visibility:hidden;}
.masterPageTitleShow{ height:43px;overflow:hidden;}

.BodyInfoPortal {border: 1px white solid; }
.BodyInfoRegion {float:left; width:210px;text-align:left; padding:1px; margin:2px;}
.BodyInfoWidget {width:200px; text-align:left; padding:1px; margin:3px;}
#body { height: calc(100% - 58px); width:100%; }
#bodyTopEdge { display:none; }
#bodyInnerContent { height:100%; width: 100%; overflow: hidden; }
#bodyContent{ width: 100%;}

.bodyContentWithTitle { overflow:auto;background:#ccc;}
.bodyContentWithoutTitle { margin:0px; background:#999; border-top-left-radius: 10px;}
#plainBodyContent { margin:0px; overflow:auto;}

/*******************************************************************************************/
/* -----------------------------------Left Panel------------------------------------------ */
/*******************************************************************************************/

.LeftPanelIconWrap > a:focus {
    border: 1px solid white;
}

.LeftPanelIconWrap > a {
    border: 1px solid #00000000;
}

.LeftPanelAnchorIcons_active {
    background-color: #474747;
}

.LeftPanelListEntry_active {
    background-color: #474747 !important;
}


.LeftPanel {
    position: relative;
    height: calc(100vh - 65px);
    margin: 0px auto;
    width: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; /* IE 10+ */
}

.LeftPanel::-webkit-scrollbar { /* WebKit */
    width: 0px;
}

#innerLeftPanel {
    width: 100%;
    padding-bottom: 10px;
}

@media  only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2), 
        only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3)
{
    #innerLeftPanel {
        width: 100%;
        padding-bottom: 35px;
    }

    .LeftPanel {
        height: calc(100vh - 125px);
    }
}


.LeftPanelContainer {
    height:100%;min-height:100%;padding-top:0px; display: inline-block; float: left; width: 68px;
}
    .LeftPanelContainer ul {
        border: #807f7f;
        width: 100%;
    }
.LeftPanelContainer ul li { display: flex; justify-content: center; height: auto; width: 100%; }
    .LeftPanelContainer #FixedLeftPanel ul li a {
        /*width: 64px;*/
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        font-family: "Open Sans", sans-serif;
        max-height: 64px;
        text-decoration: none;
    }
    .LeftPanelContainer ul li a i {
        width: 30px;
    }
    .LeftPanelContainer #FixedLeftPanel ul li a div {
        color: white;
        font-size: 9px;
        text-align: center;
    }
    .LeftPanelContainer #FixedLeftPanel ul li a div:first-child {
        margin-left: 18px;
    }

    .LeftPanelContainer ul li:hover {
        background-color: #545454;
        cursor: pointer;
    }

.LeftPanelIcons, .LeftPanelIcons_active {
    display: block;
    height: 30px;
}

.DisabledLeftPanelIcon { display: none !important; }

.TitlePanelContainer{margin:0;font:bold 18px Arial, sans-serif;height:30px;line-height:30px;padding-right:10px;}
.TitlePanelContainer span {margin-left:6px;float:left;color:#666666;letter-spacing:-1px;padding:0 14px 0 9px;line-height:30px;}

.InfocenterIconInfection { background-position: -30px -60px}
.InfocenterIcon { background-position: -30px 0px; }
.AlertIcon {background-position:-60px 0px;}
.TaskIcon {background-position:-90px 0px;}
.SearchIcon, .SearchIconInfection {background-position:-120px 0px;}
.InboxIcon {background-position:-180px -30px;}
.FilesIcon {background-position:-150px 0px;}
.FilesIconInfection {background-position:-150px 0px;}
.FolderMgmtIcon {background-position:-180px 0px;}
.ReportIcon, .ReportIconInfection {background-position:0px -30px;}
.fimIcon { background-position:-60px -30px;}
/*.DashboardIcon {background-position:0px -300px;}*/
/*.AdminIcon {background-position:0px -200px;}*/
.CensusIcon {background-position:0px -60px;}
.SubmissionTrackerIcon {background-position:-90px -30px;}
.PatientCenterIcon {background-position: 0px 0px;}
.PXIcon {background-position: -120px -30px;}
.SafetyHuddlesIcon {
    background-position: -150px -30px;
}
.MoresIcon {
    background-position: -30px -30px;
}

.DisabledLeftPanelIcon .InfocenterIcon {background-position:0px -0px;}
.DisabledLeftPanelIcon .FilesIcon {background-position:0px -60px;}
.DisabledLeftPanelIcon .SearchIcon {background-position:0px -180px;}
.DisabledLeftPanelIcon .FolderMgmtIcon {background-position:0px -120px;}
.DisabledLeftPanelIcon .ReportIcon {background-position:0px -240px;}
.DisabledLeftPanelIcon .DashboardIcon {background-position:0px -300px;}

.DisabledLeftPanelIcon .AlertIcon {background-position:0px -360px;}
.DisabledLeftPanelIcon .TaskIcon {background-position:0px -420px;}

/*
#divBasic .EditorInput {width:300px;}
*/
/******************
Inner Content Grey Area Rounded Corners
*******************/
.ui-innercontent-top {background:url(images/ui-innercontent-topright.png) right no-repeat;width:100%;letter-spacing:-1px;}
.ui-innercontent-topleft {background:url(images/ui-innercontent-topleft.png) left no-repeat;float:left;width:13px;height:13px;}
.ui-innercontent-topmiddle {background:url(images/ui-innercontent-top.png) repeat-x;height:13px;right:200px;margin-left:13px;margin-right:13px;}

.ui-innercontent-bottom {background:url(images/ui-innercontent-bottomright.png) right no-repeat;width:100%;letter-spacing:-1px;}
.ui-innercontent-bottomleft {background:url(images/ui-innercontent-bottomleft.png) left no-repeat;float:left;width:13px;height:13px;}
.ui-innercontent-bottommiddle {background:url(images/ui-innercontent-bottom.png) repeat-x;height:13px;right:200px;margin-left:13px;margin-right:13px;}

.ui-innercontent-left {background:url(images/ui-innercontent-left.png) left repeat-y;}
.ui-innercontent-right {background:url(images/ui-innercontent-right.png) right repeat-y;}

.ui-innercontent {background:#eee;margin:0px 5px 0px 10px;font:normal 12px/16px Arial, sans-serif;color:#666;min-height:20px}

.ui-innercontent h2 {margin:0px;color:#888;}

/******************
Pop Up Dialog
*******************/
.ui-popup { position:relative;margin:0px;}
.ui-popup-wrap {margin:0px;min-height:150px;max-width:550px;height:200px}

.ui-popup-top {background:url(images/ui-popup-topright.png) top right no-repeat;width:100%;letter-spacing:-1px;}
.ui-popup-topleft {background:url(images/ui-popup-topleft.png) top left no-repeat;float:left;width:34px;height:34px;}
.ui-popup-topmiddle {background:url(images/ui-popup-top.png) top repeat-x;height:34px;right:200px;margin-left:34px;margin-right:34px;}

.ui-popup-bottom {background:url(images/ui-popup-bottomright.png) right no-repeat;width:100%;letter-spacing:-1px;}
.ui-popup-bottomleft {background:url(images/ui-popup-bottomleft.png) bottom left no-repeat;float:left;width:34px;height:34px;}
.ui-popup-bottommiddle {background:url(images/ui-popup-bottom.png) bottom repeat-x;height:34px;right:200px;margin-left:34px;margin-right:34px;}

.ui-popup-left {background:url(images/ui-popup-left.png) left repeat-y;}
.ui-popup-right {background:url(images/ui-popup-right.png) right repeat-y;}
.ui-popup-content {background:#fff;margin:0px 34px;font:bold 20px/22px Arial, sans-serif;color:#666;min-height:100px;}

.arrowscrollleft {background:url(images/scrollerLeftArrow.png) no-repeat;height:32px;width:32px;}
.arrowscrollright {background:url(images/scrollerRightArrow.png) no-repeat;height:32px;width:32px;}

/******************
Welcome Page
*******************/
.welcomeMsg1{font-family:arial, sans-serif;font-size:14px;color:#333;font-weight:bold;letter-spacing:-1px;line-height:18px}
.welcomeMsg2{font-family:arial, sans-serif;font-size:20px;color:#333;text-align:left;font-weight:bold;letter-spacing:-1px;line-height:22px}
.welcomeMsg3{font-family:arial, sans-serif;font-size:12px;font-weight:normal;color:#333;text-align:left;margin-top:8px}

.icon-welcome {width:75px;height:75px;background:url(images/icon-welcome.png) no-repeat;float:left;margin:5px 15px 5px 5px;}
.icon-infocenter {width:75px;height:75px;background:url(images/icon-welcome.png) no-repeat;float:left;margin:5px 15px 5px 5px;}
.icon-404 {width:75px;height:75px;background:url(images/icon-404.png) no-repeat;float:left;margin:5px 15px 5px 5px;}
.icon-unauthorized {width:75px;height:75px;background:url(images/icon-404.png) no-repeat;float:left;margin:5px 15px 5px 5px;}
.icon-logout {width:75px;height:75px;background:url(images/icon-logout.png) no-repeat;float:left;margin:5px 15px 5px 5px;}

/******************
Grid and Pagination
*******************/
.Grid {border:1px solid #ccc;margin:auto;width:100%;line-height:14px;color:#222}
.Grid tr td {border:1px solid #ccc;color:#222}
.Grid th {padding-left:3px;border:1px solid #ccc}
.GridHeader  {padding:2px;background:#eee;line-height:22px;height:22px;color:#222;}
.GridHeaderCompare {
    padding: 2px;
    background: #eee;
    /**/
    font: bold 14px/54px Arial, sans-serif;
    height: 30px;
    line-height: 30px;
    color: #222;
}

.GridHeader a {
    padding: 3px;
    line-height: 14px;
    color: #222
}
.Grid a {color:#222}
.GridEvenRow td, .GridOddRow td {background:#f9f9f9;text-align:left;height:25px;max-height:25px;border:1px solid #ccc !Important;line-height:14px;padding-left:3px;}

.selectrowcheckbox {width:15px;height:15px;border:1px solid transparent}
.detailgrid {color:#666;}

div.pagination {text-align:right;line-height:18px;color:#333;font-size:14px;margin:1px 0px;padding-bottom:3px;}
div.pagination a {color:#333;}


div.pagination .NumericButton{display:inline-block;padding:2px 7px 2px 7px;background:#eee;border:1px solid #ddd;margin:0px;}
div.pagination .aspNetDisabled.NumericButton {opacity:1;filter: alpha(opacity=100);background:#0066cc;color:#fff !Important;border-color:#003399;}
div.pagination .NextPreviousButton {display:inline-block;line-height:18px;height:18px;padding:2px 7px 2px 7px;background:#eee;border:1px solid #ddd;font-weight:bold;}

div.MorePageSelection {width:35px; height:auto; max-height:100px; background-color:#eee; border:solid 1px Gray; padding:0px; overflow-x:hidden; overflow-y:auto; }
div.MorePageSelection ul {margin:0px; padding:0px; width:15px;}
div.MorePageSelection li {border:0px; margin:0px; padding:0px;}
div.MorePageSelection li a{ display:block; width:100%; padding:0px 3px 0px 0px; margin:0px; border:0px; float:left; }
div.MorePageSelection li a span{display:block; text-align:right; width:100%; border:0; height:99.99%; cursor:pointer;}
div.MorePageSelection li a:hover{color: #666;background:#ccc; }
div.MorePageSelection li a[disabled] {cursor:default; color:#FFF;}
div.MorePageSelection li a[disabled] span{cursor:default;}
/*div.MorePageSelection li:hover{background-color:#ccc;}*/


/****************************************************************************************************
* REMOVED FROM DIALOG.CSS BECAUSE THEY ARE USED BY ASPX PAGES AND NOT BY POPUP DIALOGS
*****************************************************************************************************/
.ui-popup { position:relative;margin-top:20%;}
.ui-popup-wrap {margin:auto;}
.ui-popup-top {background:url(images/ui-popup-topright.png) top right no-repeat;width:100%;letter-spacing:-1px;}
.ui-popup-topleft {background:url(images/ui-popup-topleft.png) top left no-repeat;float:left;width:34px;height:34px;}
.ui-popup-topmiddle {background:url(images/ui-popup-top.png) top repeat-x;height:34px;right:200px;margin-left:34px;margin-right:34px;}

.ui-popup-bottom {background:url(images/ui-popup-bottomright.png) right no-repeat;width:100%;letter-spacing:-1px;}
.ui-popup-bottomleft {background:url(images/ui-popup-bottomleft.png) bottom left no-repeat;float:left;width:34px;height:34px;}
.ui-popup-bottommiddle {background:url(images/ui-popup-bottom.png) bottom repeat-x;height:34px;right:200px;margin-left:34px;margin-right:34px;}

.ui-popup-left {background:url(images/ui-popup-left.png) left repeat-y;}
.ui-popup-right {background:url(images/ui-popup-right.png) right repeat-y;}

/*******************************************************************************************/
/* ----------------------------------Buttons---------------------------------------------- */
/*******************************************************************************************/

/******************
Single Action Button
*******************/
.ui-button1-wrap {text-align:right;float:right;margin:7px 8px;}
.ui-button1-wrapLeft {text-align:right;float:left;margin:7px 8px;}

.ui-button1-left { float:left;}
.ui-button1-left a {color:#fff;font:bold 14px Arial, sans-serif;line-height:32px;height:32px;}
.ui-button1-right {float:left;text-align:left;}
.ui-button1-right a {color:#fff;font:bold 14px Arial, sans-serif;line-height:32px;height:32px;} 
.ui-button1-right:hover a {text-decoration:underline}

.ui-buttonsingle2{ float: left; color: #fff; font: bold 14px Arial, sans-serif; height: 32px; line-height: 32px; padding: 0 10px 0 10px;}

/******************
Multiple Action Buttons and Dialog Action buttons
*******************/
.ui-button2 {float:left;line-height:32px;height:32px;min-width:50px;}
.ui-button2-wrap {text-align:right;float:right;margin:7px 8px;}

.ui-variablebutton {background:none;border:0px solid red;color:#66cc33;}

/******************
Toolbar Actions (Used mostly for Datagrid Buttons)
*******************/
.button-maintoolbar-wrap {height: 20px; line-height: 24px; margin:0 0 5px 0; width:auto;}
.button-maintoolbar:active, .button-maintoolbar {cursor: pointer;display:block;font: normal 12px/14px Arial, sans-serif;color:#4285f1 !Important; float: left;padding: 0 4px 0 4px;margin-top:3px;border-right: 1px dotted #ccc;}
.button-maintoolbar[disabled]{cursor: default;}

.maintoolbardropdown-wrap {float:left;border-right: 1px dashed #ccc;font:normal 11px/18px Arial, sans-serif;height:18px}
.maintoolbardropdown {float:left;line-height:18px;padding-right:8px}
.maintoolbardropdown-text {display:inherit;float:left;padding-right:3px;font-weight:bold;}

.maintoolbarsearch-wrap {float:left;padding:0px 0px 0px 4px;width:170px}
.maintoolbarsearch {line-height:18px;border:1px solid #ccc;height:18px;width:120px;padding: 0px 0px;float:left}
.maintoolbarsearch-button {background:url(images/icon-maintoolbar-search.png) no-repeat;width:30px;height:20px;float:right;margin-left:2px;}
.maintoolbarsearch-button-noflow {background:url(images/icon-maintoolbar-search.png) no-repeat;width:30px;height:20px;margin-left:2px; position:absolute;top:2px;}
.maintoolbarsearch-button-flow-left {background:url(images/icon-maintoolbar-search.png) no-repeat;width:30px;height:20px; float:left; font-size:15px; margin-left:2px; }

/*******************************************************************************************/
/* ------------------------Action Panel CSS Dropdown Menu--------------------------------- */
/*******************************************************************************************/

.dropdownMenu {float:left;position:relative; z-index:100;display:block;}
.dropdownMenu ul {padding:0;margin:0;list-style-type:none;text-align:center;color:#fff;}
.dropdownMenu ul ul {width:80px;margin:0;padding:0;}
.dropdownMenu li {float:left;position:relative;}
.dropdownMenu li ul li {width:200px;text-align:left;}
.dropdownMenu a, .dropdownMenu a:visited {display:block;text-decoration:none; width:100px;line-height:25px;}
.dropdownMenu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;}
.dropdownMenu ul ul ul{left:149px; top:-1px; width:149px;}
.dropdownMenu ul ul ul.left {left:-149px;}
.dropdownMenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.dropdownMenu ul ul a, .dropdownMenu ul ul a:visited {background:url(images/soft_panel_50.png);color:#fff; line-height:34px;height:auto;padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
.dropdownMenu a:hover, .dropdownMenu ul ul a:hover{background:url(images/soft_panel_80.png);color:#333333;}
.dropdownMenu :hover > a
.dropdownMenu ul li:hover ul,
.dropdownMenu ul a:hover ul{visibility:visible; }
.dropdownMenu ul :hover ul ul{visibility:hidden;}
.dropdownMenu ul :hover ul :hover ul{visibility:visible;}

/* -------------------------------Header------------------------------------------ */
.header {
    width: 100%;
    height: 58px;
    min-width: 800px;
}


@media only screen and (max-width: 344px) {
    .header {
        height: 80px;
    }
}
@media only screen and (max-width: 799px) {
    .header {
        min-width: 1px;
    }
}
.header .col2.lastcol { position: relative; }
#logo {display:none;}

/* -------------------------the parts inside headerCtrls -------------------------- */
/*.headerMenu {float:right; text-align:left; vertical-align:top;margin-top:0px; margin-right:0px;}*/
#headerUser {float:right; text-align: right; margin:   0px auto auto 0px; padding: 10px auto auto auto;}
#headerUser span {font-family: sans-serif, Tahoma; color: #cccccc;}
#headerUser a{color:#cccccc;}

/* -------------------------loading panel --------------------------- (Introduced by Alex. Oct/27) */
#LoadingLayer { position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; display: none; }
#LoadingLayerSpacer { height: 45%; }
#LoadingPanel {  width:260px; height: 60px; padding: 10px; border: 0px solid #E0E0E0; background: white; font-family:Arial,sans-serif; color:black; font-size: 40px; }
/*#LoadingPanel img { }
#LoadingPanel span { }
*/
/* ------------------------ MainContainer */

.maincontainerWrap {background:transparent;}
.maincontainerHeader {font-family:arial,sans-serif;padding:0 0 0 8px;font-size:12px;font-weight:bold;}
.maincontainerHeaderTitle {height:28px;line-height:28px;}
.maincontainerToolbar {height:30px;padding-top:3px;}
.maincontainerAtionbar {height:auto;margin:3px 5px 3px 5px}
.maincontainerBody {padding:0px;margin:0px;border:0px solid blue;}

/* -------------------------topmenu inside header menu --------------------------- */

ul.topMenu { list-style-type:none; vertical-align:middle; margin: 3px auto auto 1px; float:left; padding-left:0px; }
ul.topMenu li {float:left; margin-right:2px;}
ul.topMenu li a { color: #f1f1f1; padding: 2px 5px 2px 5px; position:relative; z-index:500;}
ul.topMenu li a:visited { color: #f1f1f1; }
ul.topMenu li a:hover { background-color:#AAAAAA; color: #f1f1f1;border:1px solid #cccccc;}
ul.topMenu li a:disabled {color: #333333;}

#topMenu li a:hover { background-color:#AAAAAA; color: #111111;}

/* ------------------------ popup menu stylesheets */
.popupmenu_popup  {text-align: left; line-height: 12px; background:#333333; border:1px solid #dddddd;}
.headermenu_popup {margin-left:0;}
.headermenu_popup li {line-height: 22px; overflow: hidden; width:150px;display: block	}
.headermenu_popup li  a {text-decoration:none;color:#dddddd;padding-left:5px;display: block;background:#333333;}
.headermenu_popup li  a:hover {text-decoration:none;color:#222222;background:#dddddd;padding-left:5px;}

/* Right Navigate Panel */
/* ------------------------------footer------------------------------------------ */
#footer {position:absolute; bottom:0px; height: 15px; width:100%;  margin:2px 0px 0px 0px; padding: 0px 0px 7px 5px; vertical-align:middle;}
#footerIcon { float:right; width: 10%;  margin-right:30px;}
#footerInfo {  float:left; width: 69%; vertical-align:middle; text-align:left;margin-left: 5px;}

/* ----------------------------- footer inner infor inside footinfo div --------- */
#footerInnerInfo {width:400px; float:left;}
#footerCopy { height:15px; float:left; vertical-align:top; font-size:9px; font-style: italic; border-top: solid 1px #AAAAAA; margin-top:2px; padding-top:-2px; margin-right:2px; padding-bottom:2px; }
#footerLinks { height: 15px; vertical-align:bottom; }
#footerLinks a { color: #f1f1f1}
#footerLinks a:hover

.contentSpacer {width:100%;margin-bottom:2px;}
.contentwrap {width:100%;margin:0px; }
.contentwrap h2 {color:#cccccc;font-size:11px;text-transform: uppercase;}

.btnbarbtm{background:#444444 url(images/btnbar-btm.gif) bottom no-repeat;width:30px;height:3px;}

.contentbodySpacer {margin:3px;padding:2px;}
/**.contentbodyContent {width:100%;height:0px;}**/
.contentbodyWrap {background:#2c2c2c;}
.contentbody {background:red;}
.contentbodytabs {margin:3px;}
.mainContainerBody {vertical-align:top;margin:3px;}

#contenttitle {background:#444444;padding:0 5px 0 5px;}

/*-*-*-*-*-*-*-*-*-*-*-*-*- Box Objects -*-*-*-*-*-*-*-*-*-*-*-*/

/***************** Authentication Provider List ******************/
/*
.ProviderList { width: 100%; text-align:center; margin-left:6px;}
.ProviderMenuItem { height: 28px; color: #404040; text-align:left; font-family:Tahoma; font-size:11px; font-weight:bold; margin-top:0px; margin-bottom:4px; padding-left: 4px; background: url(images/ProvDark.png) no-repeat left top;}
.ProviderMenuItem img { margin-right:6px; }
.ProviderMenuItem a { background-image:none; }
.ProviderMenuItemCurrent { margin-top:4px; margin-bottom:4px; font-family:Tahoma; font-size:11px; height: 28px; color: #ffffcc; text-align:left; font-weight:bold; padding-left: 4px; background: url(images/ProvNorm.png) no-repeat left top;}
.ProviderMenuItemCurrent img { margin-right:6px; }
.ProviderMenuItemCurrent a { background-image:none; }
.ProviderMenuItemHover { color: #808080;   padding-left: 4px;    background: url(images/ProvCurr.png) no-repeat left top;}
.ProviderMenuItemHover img { margin-right:6px; }
.ProviderMenuItemHover a { background-image:none; }
*/

.HiddenObject {display:none !important;}
.imageCmd {position: relative; top: 1px; cursor:pointer;}

.picklist {width:20%;float:left;}

/********** Styles needed for Login Dialog *********************/
.messageCaption { text-align:left; padding-left: 8px; font-weight:bold; color: #2f2f2f; font-family:sans-serif, Tahoma;}
.captionColumn3 { width: 35%; line-height:15px; text-align:Right; padding-left: 8px;color: #dddddd; font-family:sans-serif, Tahoma;font-size:11px;font-weight:bold;}
.dataColumn3 { width: 280px; height:31px;text-align:left; padding-left:2px;}
.dataInput3 {border:1px solid #ccc;height:auto;line-height:10px;padding:1px 0 1px 5px;color:#666;}
.dataInput4 {border:1px solid #ccc;height:auto;line-height:10px;padding:1px 0 1px 5px;color:#000;}
.upperCase { text-transform: uppercase;}
.dataButton3 {width: 72px; font:12px/1.5em 'Lucida Sans Unicode', Verdana, sans-serif;}
.buttonColumn3 {text-align:right; height: 27px; vertical-align:middle; padding-top: 5px; padding-right: 10px;}

.FormButtonRight {border-style:none;background:url(images/ui_forms_p20.png) right -47px no-repeat;cursor:pointer;height:33px;width:4px;float:left;}
.FormButtonLeft {border-style:none;background:url(images/ui_forms_p20.png) left -47px no-repeat;cursor:pointer;height:33px;width:4px;float:left;}
.FormButton {border:none;float:left;height:33px;line-height:33px;margin:auto;background:url(images/ui_forms_p20.png) -7px -47px no-repeat;color:#fff;cursor:pointer;border-width:0px;padding:0px 8px 4px 8px;text-align:center;padding-right:10px}
.FormButton:hover {border:none;height:33px;line-height:33px;margin:auto;background:url(images/ui_forms_p20-o.png) -7px -47px no-repeat;color:#fff;cursor:pointer;border-width:0px;padding:0px 8px;text-align:center;padding-right:10px}
.FormButton:active {border:none;height:33px;line-height:33px;margin:auto;background:url(images/ui_forms_p20-c.png) -7px -47px no-repeat;color:#fff;cursor:pointer;border-width:0px;padding:0px 8px;text-align:center;padding-right:10px}
.FormButtonBreak {border:none;float:left;height:33px;line-height:33px;margin:auto;background:url(images/ui_forms_p20.png) -4px -47px no-repeat;color:#111111;cursor:pointer;border-width:0px;padding:0px;width:2px}
.FormButtonContainer {margin-left:10px; margin-top:4px;}
.ExpiredFieldContainer {height:38px;padding-top:5px}

/*********** Removed by Paul replacing with new framework at the bottom*********************
.LoginClusterWrap {width:350px;height:auto;margin:auto;}
.LdapLoginClusterWrap {width:390px;height:175px;margin-top:0px;margin-left:135px;text-align:left;float:left}

.LoginClusterWrap .LoginFieldContainer {padding:10px 0 0 0px;height:38px;width:350px;}
.LdapLoginClusterWrap .LoginFieldContainer {padding:10px 0 0 150px;height:38px;}

.LoginClusterWrap .UsernameField {float:right;font-size:16px;background:url(images/ui-login-field.png) no-repeat;border:0px;color:#333;font-weight:bold;width:213px;line-height:36px;height:36px;padding: 0px 11px 0px 6px;margin-left:5px}
.LoginClusterWrap .PasswordField {float:right;font-size:16px;background:url(images/ui-login-field.png) no-repeat;border:0px;color:#333;width:213px;height:36px;line-height:36px;height:36px;padding: 0px 11px 0px 6px;margin-left:5px}

.LdapLoginClusterWrap .UsernameField {float:right;font-size:16px;background:url(images/ui-login-field.png) no-repeat;border:0px;color:#333;font-weight:bold;width:213px;line-height:36px;height:36px;padding: 0px 11px 0px 6px}
.LdapLoginClusterWrap .PasswordField {float:right;font-size:16px;background:url(images/ui-login-field.png) no-repeat;border:0px;color:#333;width:213px;height:36px;line-height:36px;height:36px;padding: 0px 11px 0px 6px}

.DomainPicklist {float:right;font-size:16px;color:#333;width:222px;height:25px;line-height:25px;height:25px;}

.loginlabel {font:bold 16px/34px Arial;color:#fff;float:left;padding-left:8px;}

.loginbutton {float:left;background:url(images/ui-loginbutton-n.png) no-repeat;width:120px;height:30px;border:0px;color:#fff;font:bold 18px Arial}


.PositionButtonRight{float:right;}


.linkCell{text-decoration:none;color:#666666;text-align:center;}
.linkCell a {}


/****** Substituted with new Framework****/
.loginpageWrap {width:100%;height:100%;float:left;}

.loginboxWrap {position: absolute;top:50%;width:100%;height:100px;min-height:100px}


.loginFormWrap {height:100%;width:100%;margin:auto;margin-top:-130px;}

.loginPanelwrap {width:395px;height:200px;text-align:center;margin:auto}
.loginPanelbottom {background:url(images/loginpanel.png) bottom no-repeat;padding-top:1px}
.loginPaneltop {background:url(images/loginpanel.png) no-repeat;padding-top:1px;text-align:center}

#LoginBoxContent { position:relative; vertical-align:top;height:40px; }

.loginexpiredLabel {font-size:14px;margin-bottom:10px;padding:10px 0 10px 0;color:#ccc;border-bottom:2px dashed #666;margin-right:10px}

.UI-LoginPanel {height:100%;border-color:#3399ff;border-width:3px;color:#fff;}

.dataInput3 ,.dataInput4 {line-height:14px;}

/****************************************************************/
/********** Styles needed for Logout Dialog *********************/
.LogoutMsg{text-align:left; padding-left: 8px; font-weight:normal; color:#666; font-family: Arial,sans-serif; font-size: 14px; margin:0 4px 0 15px;}
#logoutBottom {margin: 0pt 10px 10px; text-align: center; height: 100px;}
.redirectBtn{outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; float:none; }
a.redirectBtn{color:White;}
/***********************************************************/

.mainContainer { width:100%; min-height:70%;height:auto;position:relative;}
.mainContainerHeader { font-family:Arial,sans-serif; font-size:11px; font-weight:bold; text-align:left;vertical-align:middle; height:20px; padding:0px 5px 2px 0px; color:#fff;}

.mainContainerCaption {
    width: 45%;
    color: #FFF;
    font:11px Arial, sans-serif;
    font-weight: bold;
    vertical-align:middle;
	 text-align:left;
}
.toptab {
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    color:#ffffff;
    line-height:21px;
    margin: 3px 6px 2px 0;
    padding: 0 7px 0 7px;
    text-decoration: none;
    border:0px solid transparent;
}

/*****************************Admin Action Panel*********************************/


/********************************************************************************/
/************style for information div ******************************************/

#PasswordPolicy { text-align:left;}
#RestrictWorlds { text-align:left;}
.infoDIV{ border:solid 1px #D7D7D7; padding-left:5px; padding-top:4px; padding-bottom:5px; margin: 10px auto auto 20px; background-color:#444444; font-style:italic}
.infoDIV li {margin-left:50px;}

.licenseExpired	{ font-weight:bold; font-style:italic; color:#5372b0;border:0px;}
.WrapperDiv {height:457px; overflow:hidden;} 

#CheckBoxListContainer {border:solid 1px #999;width:100%; height:235px; overflow:auto}
.CheckBoxListContainer {overflow: auto;width:auto;border:1px solid #ccc;color:#666; padding: 3px;}
.CheckBoxList {width:100%;}
.metaFieldEditContainer{width:99%; height:235px; overflow:auto}

.LoginOutSearchContainer{ width:100%;text-align:center;}
.LoginOutSearchHeader{height:10px;font-family:Arial, sans-serif; font-size:11px; font-weight:bold; background:#444444;color:#fff;}
.LoginOutSearchHeaderLeftCell{ text-align:left; width: 20%; padding-left: 8px; color: #FFF;font:12px Arial, sans-serif; font-weight: bold;
    vertical-align:middle;}
.LoginOutSearchHeaderRightCell{float:right; text-align: right; padding-right :3px; vertical-align:middle; margin:0 0 0 0; color: #fff;}
.LoginOutSearchCondition{  text-align:center; vertical-align:top; height:100%;width:100%; }
.LoginOutAuditLogTrue { color: #5372b0;}
.LoginOutAuditLogFalse { color: #dddddd;}

.inputbox{ width:200px;border:1px solid #ccc;color:#666;height:18px;line-height:18px;z-index:-200 }
.inputcaption{ vertical-align:top; }
.mandatoryinputcaption{ vertical-align:top; font-weight: normal;}
.fieldDiv{ width:100%; height:235px; overflow:auto; }

/******************************************************
**** FileFolder.ascx
******************************************************/

.SelectCheckBoxItem{width:20px; text-align:center; vertical-align:middle; }
.FolderIcon{ width:20px; text-align:center; vertical-align:middle;}
.NameItem{ width:100px; text-align:left; vertical-align:middle; }
.OwnerItem{ width:100px; text-align:left; vertical-align:middle; }
.CreatedByItem{ width:100px; text-align:left; vertical-align:middle; }
.CreatedDateItem{ width:150px; text-align:left; vertical-align:middle; }
.LastUpdateByItem{ width:100px; text-align:left; vertical-align:middle; }
.LastUpdateDateItem{ width:150px; text-align:left; vertical-align:middle; }

/******************************************************
**** FolderInfo.aspx
******************************************************/
.FileIcon{ width:20px; text-align:center; vertical-align:middle; }
.FileNumberItem{ width:100px; text-align:left; vertical-align:middle; }
.EventDateItem{ width:100px; text-align:center; vertical-align:middle; }
.FileTypeItem{ width:100px; text-align:left; vertical-align:middle; }
.FileStatus{ width:100px; text-align:left; vertical-align:middle; }

/******************************************************
**** FolderRightAssignment.aspx

.CommandItem{ width:50px; text-align:center; vertical-align:middle; }
.UserNameItem{ width:150px; text-align:left; vertical-align:middle; }
.RoleNameItem{ width:150px; text-align:left; vertical-align:middle; }
.UserNameDropdown{ width:150px; }
.RoleNameDropdown{ width:150px; }
.OpenItem{ width:100px; text-align:center; vertical-align:middle; }
.AddRemoveItem{ width:100px; text-align:center; vertical-align:middle; }
.DeleteItem{ width:100px; text-align:center; vertical-align:middle; }
.ChangeSecurityItem{ width:100px; text-align:center; vertical-align:middle; }
 ******************************************************/


/******************************************************
**** NewFolderAccessRightAssignment.aspx
******************************************************/
.CommandItem{ width:25px; text-align:center; vertical-align:middle; }
.UserNameItem{ width:150px; text-align:left; vertical-align:middle; }
.RoleNameItem{ width:150px; text-align:left; vertical-align:middle; }
.UserNameDropdown{ width:150px; }
.RoleNameDropdown{ width:150px; }
.OpenItem{ width:100px; text-align:center; vertical-align:middle; }
.AddRemoveItem{ width:100px; text-align:center; vertical-align:middle; }
.DeleteItem{ width:100px; text-align:center; vertical-align:middle; }
.ChangeSecurityItem{ width:100px; text-align:center; vertical-align:middle; }

/**********************UserLookup Webcontrol*********************/
.UserLookup_SearchText{ height:17px;}

.UserLookup_InnerPannel2{ height:42px; display: flex; }
.UserLookup_InnerPannel22{ width: 500px; padding-top: 12px;}


/* ----------------- Page Form Objects -------------------------------------*/
.contentDropdown {font:normal 14px/24px Arial,sans-serif;line-height:18px;height:24px;background:#fff;color:#888;border:1px solid #ccc;float:left;}
.contentDropdown option {color:Red;}
.contentTextfield {font-size:14px;background:#fff;color:#666;border:1px solid #ccc;}
.contentButton {font-size:14px;background:#fff;color:#666;border:1px solid #ccc;}

/* ------------------------------------------------------------------------------- */
/*									End Main									   */

/* ------------------------------------------------------------------------------- */
/*							For Popup Dialog Content Only						   */
/*								(RadicalogicDialog.css>							   */
/* ------------------------------------------------------------------------------- */
body.RadicalogicDialog {
    color: #F1F1F1;
    background-color:#222222;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    width:100%; 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
    overflow:hidden;
}
div.DialogBody{ position:absolute; top:0px; bottom:48px; overflow:auto; width:100%}
div.dialogButtonHolder {position:absolute;  bottom:0px; border-top:solid 1px white; text-align:right; 
                        height: 45px; vertical-align:middle;
                        width:100%}
                        
.NormalInput {width: 200px; background-color:#fff;color:#000;}

/* table style */
.detailgrid{ border: solid 1px transparent;}

/* cell styles */
.detailgrid td{	cursor:default;	height:20px;    color:#fff;	padding:2px 8px;	font-size: 13px;}
.detailgrid th{	cursor:default;	height:20px;	padding:2px 8px;	font-size: 12px;}

.dialogButton {background-color:#2b2b2b;color:White; font:12px/1.5em 'Lucida Sans Unicode', Verdana, sans-serif; width: 69px; height: 25px; margin-top:7px;margin-right:2px;}
.dialogContent {padding: 1px 1px 1px 0px; vertical-align:top; height:100%; font-family: 'Lucida Sans Unicode', Verdana, sans-serif;}
.dialogHeader{padding-left: 4px; padding-top:1px; height: 35px; width: 45%; color: #fff; font:14px Arial, sans-serif; font-weight: bold; vertical-align:middle;}
.dialogtreeFrame {border: solid 1px #3f3f3f;}

.invisible {display:none;}
.visible {display:block;}
.focusborder {
    border: 1.5px solid #000 !important;
}
.hiddenButton{opacity: 0; height: 0px; width: 0px; overflow: hidden;} /*IE is not able to properly fire .click() events on buttons with display:none, so this is a workaround to hide the button*/
.modalBackground { background-color:#7f7f7f; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color: #f1f1f1; width: 350px; border-top: 1px solid #EDEDED; border-right : 1px solid #ABABAB; border-bottom: 1px solid #ABABAB; border-left: 1px solid #EDEDED; }
.popupHeader{padding-left: 0px; padding-top:1px; width: 100%; color: black; font:14px Arial, sans-serif; font-weight: bold; vertical-align:middle;	}
.popupHeader td.dialogClose { width: 32px; text-align:right; }
.popupHeader td.tbRight a img {border:0px;}
.popupHeader td.tbLeft { background: #444444; color: #fff; width: 10px; }
.popupHeader td.title { cursor: move; 
	background-repeat: repeat-x;
	background-color: #444444;
    font-family:  'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	color: #ffffff;
	padding: 4px 0px 2px 0px;}
.popupHeader td.tbRight { background: #444444; color: #fff;
	width: 16px;
	padding: 8px 4px 3px 0;
	vertical-align: top;}	
.MainPanel { 
	border-top	 : 1px solid #898989;
	border-right : 1px solid #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
	border-left	: 1px solid #898989;
	background-color: #ffffff; 
	}

/* End Dialog */

/* for TabContainer */
.google .ajax__tab_header {
    font-size: 10px;
    font-family: Arial,sans-serif;
    padding-left: 0px;
    text-align: left;
    margin-bottom: 2px;
}
.google .ajax__tab_body {
    font-family: sans-serif;
    font-size:10pt;
    border: 0px;
} 
/* Active/Hover States */
.google .ajax__tab_active .ajax__tab_outer
{
    margin-right:3px;
	background:url(images/contenttableft-s.gif) no-repeat left top;    
}
.google .ajax__tab_active .ajax__tab_inner
{
    margin-left:3px;
	background:#555555 url(images/contenttabright-s.gif) no-repeat right top;       
}
.google .ajax__tab_active .ajax__tab_tab
{
	margin-right:3px;	
	height:16px;
	color:#2c2c2c;
	background:#888888;
	text-decoration:none;
}
/* Regular States */
.google .ajax__tab_outer
{
    margin-right:3px;
	background:url(images/contenttableft.gif) no-repeat left top;  	
	border:0;
}
.google .ajax__tab_inner
{
    margin-left:3px;
	background:#555555 url(images/contenttabright.gif) no-repeat right top;	
}
.google .ajax__tab_tab
{
	margin-right:3px;
	height:16px;
	color:#dddddd;
	background:#555555;
	padding:0 8px 0 8px;
}

.ajax__calendar {
    position: relative;
    visibility: visible; 
    display: block;
    z-index: 50000;
}
.ajax__calendar iframe 
{
    left: 0px !important;
    top: 0px !important;
}

/*
@import "DarkReports.css";
*/

/* ------------------------------------------------------------------ */
/*                       AUDIT HISTORY                                */
/* ------------------------------------------------------------------ */
#auditList {list-style: none; margin: 0; padding: 0;}
#auditCreated {display: inline; color: White;}
#auditElement {display: inline; color: White;}
#auditFrom {display: inline; color: White;}
#auditTo {display: inline; color: White;}
#auditText {display: inline; color: Silver;}
#auditEmpty {display: inline; color: Silver;}
/* ------------------------------------------------------------------ */
/*                       Lookup										  */
/* ------------------------------------------------------------------ */
.DetailContainer{padding:10px 0px 0px 40px; height:240px; overflow:visible; }
.DetailDataContainer{overflow: auto; padding:0px; border:0px; height:220px; width:90%;}
.LookupDetailTable{ margin-left:20px;}
.LookupDetailCaption{ text-align:left; max-width: 180px; word-wrap: break-word;}
.LookupDetailInput{ text-align:left; padding-left:25px; max-width: 180px; word-wrap: break-word;}
.DetailImageCell{ vertical-align:top; width:1px; }

/* ------------------------------------------------------------------ */
/*                       Default Page file List						  */
/* ------------------------------------------------------------------ */
input.FileActionButton {
    border: outset 0px;
    height: 22px;
    width: 45px;
    vertical-align: top;
    text-align: center;
    padding: 2px 4px 2px 4px;
    font: 12px,sans-serif;
    color: black;
}
        input.FileActionButton:hover
        {
            background-color: Gray;
        }
        .dpDown
        {/**check?*/
            font-family: 'Courier New', Courier, monospace;
            font-size: 11px;
            border: 1px solid #fff;
            background: #eeeeee;
        }
        .Caption
        {
            font-family: 'Courier New', sans-serif;
            font-size: 13px;
            border: 0px;
        }
        .FileList { width: 100%; cursor:pointer;}
        .fileContent {width:100%;padding-left:6px;padding-right:15px;}
         .FileList td {border: solid 1px #fff;border-bottom:solid 2px #fff;border-top:solid 2px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;height:40px; cursor:hand;background:#eee; }
        .Emp {font-weight:bold; font-size:1.1em; line-height:1.2em;font-family: sans-serif; }
        .Nrm {font-weight:normal;font-size: 1em; line-height:1.1em;font-family: Arial,sans-serif;color:#999999; }
        .Invisible {display:none;}
        
/*****************************************************************/

.AddScheduleContentTreeView { background: none; }

/**** Added by Alex for the Report Icons Panel on Nov./5 ************/

.reportWelcomeButtons { height:30px; padding-top: 3px; } 
.reportWelcomeBackground {background-color:#fff; vertical-align: top; text-align:left; height:100%; overflow-x:hidden; overflow-y: auto; }

.IP_Container { padding-top:8px; padding-bottom:8px;  }
.IP_Root { margin-top:2px; margin-bottom: 2px; width:100%; }

.IP_scrollColumn img { width:32px; height: 32px; cursor: pointer; }
.IP_VerticalLine, .IP_VerticalSpace { width: 16px; }
.IP_VerticalLine { border-left: 1px solid #808080; }
.IP_TopLine { border-top: 1px solid #808080; }
.IP_BottomLine { border-bottom: 1px solid #808080; }

.IP_CenterColumn { border-top: 1px solid #808080; border-bottom: 1px solid #808080; width:100%; }

.IP_Scroller { width:100px; overflow: hidden;  }


.IP_Image { width:64px; height:64px; }
.IP_Text  { width:96px; height:22px; overflow:hidden; text-overflow:ellipsis; }
.IP_AppIcon { vertical-align: middle; text-align: center; cursor: pointer; padding-left: 10px; padding-right: 10px; padding-top:4px;margin:5px;height:100px; border: 1px dashed transparent; }

.IP_HeaderRow { height: 20px; background: red; }
.IP_FooterRow { height: 20px; }
.IP_EmptyTable { padding-top: 10px; color: #808080; font-style: italic; }

/**** Added for Alert properties content ******/

.UserPickLink { font-size: inherit;}

/***************************
Tabs
***************************/
.ui-tabs { padding: 0; zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; padding:0px;margin-top:0px; }
.ui-tabs .ui-tabs-nav li { border:0px; float: left; border-bottom-width: 0 !important;background: url(images/buttonshell.png) top left no-repeat;height:25px;line-height:25px;}
.ui-tabs .ui-tabs-nav li a { float: left; text-align:center;text-decoration: none; background: url(images/buttonshell.png) top right no-repeat;margin-left:9px;font:bold 12px arial, sans-serif;color:#666;line-height:25px;height:25px;padding-right:10px;min-width:100px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { border:0;background: url(images/buttonshell.png) top left no-repeat;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;font-weight:bold; color:#fff;background: url(images/buttonshell.png) top right no-repeat;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 5px 1em; display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/*Firefox specific hacks*/

@-moz-document url-prefix() { 
  .ui-tabs .ui-tabs-nav li {list-style-position:outside; }
}

/***************************
Widgets - Not needed anymore Removed by Paul
***************************/
/**.widgetchrome td#toprt {background: url(images/widgetcluster-topright.png) top right no-repeat !important;}
.widgetchrome td#toplt {background: url(images/widgetcluster-topleft.png) no-repeat !important;}

/******************************/
/***** Objects Framework ******/
/******************************/

/*** Top Right User Menu ***/

#ActAsSubMenu ul li { list-style: none; }
#ActAsSubMenu ul { margin-left: 10px; }
#ShareMenu {float:right;top:40px;right:6px;}
#MoreActionsMenuContainer {float: right;width: 0px;}
#MoreActionsPosition {position:absolute; bottom: 40px;}
#MoreActionsMenu {right: 8px;width: 190px;position: relative;}
button.bookmark-button { background-color: #00000000; color: inherit; border: none; cursor: pointer; }

/*** Paper tear ***Only in Infection at the moment***/
.paper1top {
    background: url('images/csstheme/paper1-top.png') no-repeat;
    width: 720px;
    height: 54px;
    padding-right: 50px;
}
.paper1middle {background:url('images/csstheme/paper1-middle.png') repeat-y;width:720px;padding:5px 25px 5px 25px;}
.paper1bottom {background:url('images/csstheme/paper1-bottom.png') no-repeat;width:720px;height:66px;padding-right: 50px;}
.logoutbox {width:500px;height:80px;margin:auto;border-width:2px;margin-top:-40px;}
.welcomebox {overflow-y:auto; max-height:400px;max-width:500px;margin:auto;margin-top:-50%}

/*@media (min-width: 1025px) {
    .loginbox {
        width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .loginbox {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .loginbox {
        width: 30%;
    }
}*/

    /*** Login ***/
.loginbox {
    width: 400px;
    background: #ffffff;
    padding: 50px 50px 50px 50px;
    border: solid 1px #cccccc;
    box-shadow: 1px 1px 7px 2px rgba(125, 133, 134, 0.41);
    border-radius: 6px;
}

    .logowrapper { text-align: center; }
div[id*="LoginBoxProviderMenu"] { 
    /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);*/
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.loginformnew { margin-left: 2px; }
.loginformnew input { margin-bottom: 25px; border-radius: 0px; }
.loginformnew a { line-height: 22px; }
.loginformnew input, .loginformnew a { border: none; background: #8edb4b; color: #fff; font-size: 16px; text-transform: uppercase; cursor: pointer; padding:13px 0px; width: 356px; font-weight: bold; font-family: 'Open Sans', Arial, sans-serif; display: block; -webkit-appearance: none; }
.loginformnew a.showOriginialLogin { background: #d7d7d7; color: #666666; }
.loginbanner {max-width: 320px; max-height:320px;float:left; }
.loginform { text-align: center; }
.LoginClusterWrap input, .loginform .ComboBoxContainer { 
    width: 100%; 
    height: 40px; 
    box-sizing:border-box; 
    background: #ffffff; 
    border: 1px solid #cccccc; 
    border-radius: 3px; 
    margin-bottom: 30px; 
    padding-left: 12px; 
    font-size: 14px; 
}
.LoginClusterWrap input { margin-left: 0px; }
.LoginClusterWrap .changepassword { text-align: left; margin: 0px 0px 15px 0px; }
.LoginClusterWrap .passwordreset {
    text-align: left;
    margin: 0px 0px 15px 0px;
}
.LoginClusterWrap .confirmChange { background: #1e4385; width: 72px; height: 23px; display: block; color: #fff; font-weight: bold; padding-top: 10px; }
.LoginClusterWrap .cancelChange { color: #61695a; }
.loginform .ComboBoxContainer .ComboBoxInnerContainer { border: none; height: 60px; line-height: 60px; background: none !important; padding: 0px; margin: 0px; }
.loginSelectorWrapper { margin: 22px 0px 20px 16px }
.LoginFieldContainer { position: relative; padding-top: 20px; }
    .LoginFieldContainer a {
        /*box-sizing: border-box;
    width: 500px;*/
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 50px;
        /*line-height: 40px;*/
        text-align: center;
        background: #1e4385;
        border-radius: 3px;
        border: none;
        box-shadow: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #ffffff;
        /*margin-top: 20px;*/
    }
.LoginFieldContainer a:hover {
    background: #132e5e;
}
.LoginFieldContainer a:active {
    background: #0e254e;
}
.loginform .ComboBoxInput {
    /*box-sizing: border-box;
    padding-left: 11px;
    padding-right: 10px;
    width: calc(100% - 18px);*/
    height: 40px;
    /*position: relative;*/
    /*margin: 1px 3px 1px 1px;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    /*line-height: 1.33;*/
    letter-spacing: normal;
    color: #1f1f1f;
    text-indent: 10px;
    margin: 0;
    width: 100%;
}
.loginform input.ComboBoxInput { background: url('images/csstheme/arrow-dark-down.png') right center no-repeat; cursor: pointer; }
.loginform .ComboBoxInputHolder .ComboBoxInput:focus { background:#166ef2 url('images/csstheme/arrow-dark-down.png') right center no-repeat; }
.loginform .ComboBoxInput::after { content: ""; position: absolute; }
.loginform .ComboBoxInputHolder { padding: 0px }
.loginform .ComboBoxContainer { padding-left: 0px; }
.loginform .textAnonymous {
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    border: none;
    width: initial;
    cursor: pointer;
    margin: 0px;
    letter-spacing: normal;
    color: #4c717e;
    text-align: center;
    -webkit-appearance: none;
    padding: 0;
    height: 30px;
    margin-top: 40px;
}
.loginform .textForgotPassword {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    border: none;
    width: initial;
    cursor: pointer;
    letter-spacing: normal;
    color: #4c717e;
    text-align: center;
    -webkit-appearance: none;
    padding: 0;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 0px;
}
#rltopleft { position :absolute; top: 5px; left: 5px; display: none; }
#rltopleft.loginBody { display: block; }
.loginBody .DropdownItemContainer tr { height: 38px;}
.loginBody .DropdownItemContainer td {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #1f1f1f;
}

.loginDivider {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    color: gray;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.loginDivider::after,
.loginDivider::before {
    content: "";
    border-top: 1px solid gray;
    flex: 1;
}

.loginDivider:not(:empty)::before {
    margin-right: 0.50em;
}

.loginDivider:not(:empty)::after {
    margin-left: 0.50em;
}

/** New Login loading animation */
.loginBody .pagefader { background: transparent; }
.loginBody .loading-wrap {
    display: none;
}
.loading-container.input-blocker {
    top: 50px; left: 50px; position: absolute; width: 500px; background: #fff; opacity: 0.5;
}


.loading-container.input-blocker-ldap {
    width: 100%;
    background: #fff;
    opacity: 0.5;
    top: 0;
    left: 0;
    position: absolute;
}


.loginBody .LoginFieldContainer .login-text { display: none; }
.loginBody .LoginFieldContainer .login-text img { margin-left: 3px; }
.loginBody .LoginFieldContainer.authenticating .login-text { display: block; }
.loginBody .LoginFieldContainer.authenticating .btnlogin { display: none; }
.loginBody .LoginFieldContainer .btnlogin {
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}
.loginBody .login-text {
    animation: 1.5s textcolour 0s infinite;
    width: 500px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    background: #1e4385;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 20px;
}

@keyframes textcolour {
    0% { color: #d3dfc6 ; }
    50% { color: #fff; }
    100% { color: #d3dfc6; }
}


/*** Preference Dropdown ***/
.prefDD {position:absolute;z-index:1000;display:none;float:right;right:8px;width:200px;top:36px;padding:0px 5px}

/******************
	  ComboBox
*******************/
.MetaEditorButtonCell {display:none;visibility:hidden;cursor:hand;}
.DropdownOuterContainer{text-align:left; visibility:hidden; overflow-x:hidden; overflow-y:auto; border:0;right:13px;left:0px;}
.DropdownItemContainer{table-layout:fixed;}
.DropdownItemContainer td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:0px;padding:0;margin:0;}
.DropdownItemContainer td.BorderCell{ width:0px;}
.DropdownItemContainer tr:hover{ cursor:pointer;}
.DropdownItemHover { cursor:pointer;}

.MethodField {position:relative;}
.ComboBoxInnerContainer {line-height:24px;height:24px;cursor:pointer;background:#fff url('images/csstheme/arrow-dark-down.png') right no-repeat !important;}
.ComboBoxInputHolder {padding:2px 0px 0px 0px;left:0px;right:0px;top:0px;overflow:hidden}
*+html .ComboBoxInputHolder {padding:0px;}
.DefaultCursor {cursor:default;}
.PointerCursor {cursor:pointer;}

/**************Textbox**********/
.TextBoxInputHolder {overflow:visible;margin-right:3px;}
*+html .TextBoxInputHolder {overflow:hidden;}
.TextBoxInputHolder input{margin:0px; border:0px;}
.TextBoxInputHolder .MultiLine{margin:0px; }
.RichTextBoxInputHolder {
    overflow: visible;
    margin-right: -15px;
}
.RichTextBoxInputHolder input{margin:0px; border:0px;}
.RihTBoxInputHolder .MultiLine{margin:0px; border:0px;}

.PanelCharacterCounter {
    margin-right: -15px;
}
.RichTextBoxCharacterCounterUp, .RichTextBoxCharacterCounterDown,
.MemoBoxCharacterCounterUp, .MemoBoxCharacterCounterDown {
    font-size: 12px;
    font-weight: 700;
    align-content: flex-end;
    float: right;
    text-align: right;
    color: #6b6b6b;
}


.RichTextBoxCharacterCounterDown, .MemoBoxCharacterCounterDown {padding-left: 350px;}

.MultiLineGrey {border:1px solid #ccc;min-height: 50px; height:180px; text-align:left; overflow:auto; table-layout:fixed;width:100%; line-height: normal;}

/******************************/
/****** Style Framework *******/
/******************************/

.bold {font-weight:bold}
.shadow1 {box-shadow:-2px 2px 3px #eee}

.vcenter {position:absolute; top:40%;width:100%}
.vdivider {height:0px;width:95%;border-bottom:1px solid #fff;border-top:1px solid #ddd;margin:5px auto;}

/**** Buttons ****/
.btn {border:none; border:0; border-color: transparent;line-height:27px;height:27px;display:inline-block;zoom: 1;border-width:0px; min-width:54px;text-align:center; background:transparent; text-decoration:none; font-weight:bold; cursor:pointer; outline: none;padding:0px 8px 0px 8px;margin:5px 2px 5px 2px;font-size:11px; /* Links */}
.btntxt {cursor:pointer;zoom: 1;*display: inline;height:29px;font-weight:bold;line-height:29px;min-width:54px;text-align:center;overflow:visible;padding:1px 8px 0px 8px !Important;margin:2px 4px 2px 4px;}
.btn .iconset0,.btn .iconset1  {margin:6px 0px;}
.btn-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;}

.btn0 {background:none;border-width:0px;font-weight:bold;}
.btn1 {background:#f8f8f8;border-color:#ccc;border-width:1px;border-style:solid;color:#333;} /**Light Grey**/
.btn1 a {color:#333;text-decoration:none;}
.btn2 {background:#4285f1;border-color:#3c74ce;border-top:1px solid #3c64a4;border-width:1px;border-style:solid;color:#fff !Important;-moz-box-shadow: 0px 1px 1px #fff;-webkit-box-shadow: 0px 1px 1px #fff;box-shadow: 0px 1px 1px #fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} /**Blue**/

.btn2 a {color:#fff !Important;text-decoration:none;}

.btn3 {background:#4C717E;border-color:#4C717E;border-width:1px;border-style:solid;color:#fefefe;} /**Green**/
.btn3 a {color:#fff;text-decoration:none;}
.btn3:not(.ui-state-disabled):hover {background:#4F6770;border-color:#4F6770;color:#fff;text-decoration:underline;} /**Green**/

.btntxt:focus {
    border-color: #000;
    border-width:2px;
}
/**** Icons ****/
.iconset0 {display: inline-block;vertical-align:middle;background:url('images/csstheme/iconset0.png') right no-repeat;width:17px;height:17px;} /***17x17 Lite Icons***/
.iconset1 {display: inline-block;vertical-align:middle;background:url('images/csstheme/iconset1.png') right no-repeat;width:17px;height:17px;} /***17x17 Dark Icons***/

.icon-arrowd {background-position: -51px 0px;}
.icon-arrowu {background-position: -106px -1px;width:7px}
.icon-arrowr {background-position: -68px -1px;}
.icon-search {background-position: -17px 0px;}  
.icon-star {background-position: -34px 0px;}
.icon-clock {background-position: -39px 17px;}
.icon-body {background-position: 0px 0px;}
.icon-comment {background-position: -238px 0px;}
.icon-gear {background-position: -256px 0px;}
.icon-share {background-position: -272px 0px;}
.calloutarrowL {background: url('images/csstheme/calloutarrowL.png') no-repeat;position:relative;left:-24px;top:40px;width:25px;height:25px;}

.iconset2 {background:url('images/csstheme/iconset2.png') no-repeat;width:50px;height:50px;} /***25x25***/
.icon2-body {background-position: 0px 0px;}

/****Font Set*/
.font0 {font-family:arial,sans-serif;font-size:12px; line-height:16px;} /*Normal Font*/
.font1 {font-family:arial,sans-serif;font-size:18px; line-height:20px;color:#fff;} /*Page Title Text*/
.font2 {font-family:arial,sans-serif;font-size:10px; line-height:16px;color:#eee;font-weight:bold;text-transform:uppercase;} /*Used as Page sub Title*/
.font3 {font-family:arial,sans-serif;font-size:14px; line-height:18px;color:#eee;} /*Bubble text*/
.font4 {font-family:arial,sans-serif;font-size:12px; line-height:18px;line-height:14px;padding:5px 0px 0px 0px} /*Used as labels on top of fields*/
.font5 {font-family:arial,sans-serif;font-size:11px; line-height:14px;} /*patient info txt*/
.font6 {font-family:arial,sans-serif;font-size:16px; line-height:16px;font-weight:bold;} /*Dialog Box Titles*/
.font7 {font-family:arial,sans-serif;font-size:14px; line-height:20px;color:#333;} /*Login Input*/
.font8 {font-family:arial,sans-serif;font-size:12px; line-height:20px;color:#fff;font-weight:bold;} /*White button text*/
.font9 {font-family:arial,sans-serif;font-size:11px; line-height:20px;color:#333;font-weight:bold;} /*Dark button text*/
.font10 {font-size:14px;font-weight:normal;line-height:18px;margin:10px 0px 6px 0px;color:#222;}
.font11 {font-size:11px;font-weight:normal;line-height:14px;color:#333;}

/**** Theme Layers ****/
.theme0 {background:#222; border:0px solid #111}    /**Outter Dark Shell**/
.theme1 {background:#fff;border:0px solid #222}                                                         /**Content Outter Shell**/
.theme2 {background:#fff;border-color:#bbb;border-style:solid;border-width:0px;color:#333;}             /**Dropdown Backgrounds**/
.theme3 {background:#eee;border:0px solid #ccc}                                                         /**Tab0**Toolbar**/
.theme4 {background:#c5c5c5;border:0px solid #999}                                                      /**Tab0 Background**/
.theme5 {background:#ddd;border:0px solid #eee;}                                                        /**Header1**/
.theme6 {background:#f8f8f8;border-color:#ccc;border-style:solid;color:#333}                                                                                             /**Search Patient Summary result Panels**/
.theme7 {background:#666;border:0px solid #333;border-top:0px solid #ccc;color:#eee !Important;}        /*Dialog Header*/
.theme8 {background:#e5e5e5;border:0px solid #ddd}                                                      /*grid1 menu0 hover*/
.theme9 {background:#eee;border:0px solid #ddd;color:#333;}                                             /*Call out panel in Inbox Right - Patient List Event Overview */
.theme10 {background:#666;border:0px solid #333;border-top:0px solid #ccc;color:#efefef;}                /*Footer Bar Dialogs & Pages */

/**** Menus ****/
.menu0-item a {color:#333;}

.menu0-item {
    display: block !Important;
    padding: 5px 40px 5px 15px;
    border-width: 1px;
    color: #333 !Important
}

    .menu0-item:hover {
        background: #eee;
    }

    .menu0-item:focus {
        background: #eee;
        outline: none;
    }

.menu1, .menu2 {
    display: block;
    height: 34px;
    border-width: 1px;
    line-height: 35px;
    padding: 0px 0px 0px 8px;
    background: url(images/csstheme/arrow-dark-right.png) right no-repeat;
    opacity: .8
}
.menu1 a, .menu2 a {color:#222;}
.menu1:hover, .menu2:hover {cursor:pointer;opacity:1;border-width:1px;background:#eee url(images/csstheme/arrow-dark-right.png) right no-repeat;}

.menu2 {background-image:none;}
.menu2:hover {background-image:none;}

.menu3 {background:#333;color:#fff;margin-top:10px;} /*Used on Tooltip Bubbles*/
.menu4-item {font-size:10px; zoom: 1; *display: inline;} /*** FB Share Style Menu ***/

.menu5-left {display:inline-block; height:34px;border-left:solid 1px silver;border-top:solid 1px silver;border-bottom:solid 1px silver;border-right:none;line-height:35px;padding:0px 0px 0px 8px; }
.menu5-right {display:inline-block;color: white;height:34px;border-left:none;border-top:solid 1px silver;border-bottom:solid 1px silver;border-right:solid 1px silver;width:10px;line-height:35px;padding:0px 0px 0px 8px;background: url(images/csstheme/arrow-dark-right.png) right no-repeat;}
.menu5-right a {color:#222;}
.menu5-right:hover {cursor:pointer;opacity:1;border-width:1px;}

.menu-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right:5px;}

.menu6 {position: absolute; display:none; text-align:left; line-height:14px; float:right; z-index:1; border-width:1px; padding:5px 0px 5px 0px}

/**** Boarders ****/
.borderA {
    border-width: 1px
}
.borderT {border-width:1px 0px 0px 0px;}
.borderB {border-width:0px 0px 1px 0px;}
.borderL {border-width:0px 0px 0px 1px;}
.borderR {border-width:0px 1px 0px 0px;}
.boderTB {border-width:1px 0px 1px 0px;}
.boderLR {border-width:0px 1px 0px 1px;}

.border2A {border-width:2px}
.border3A {border-width:3px}
.border4A {border-width:4px}

/***** Header *****/
.header0 {height:39px;padding:0px;border-bottom:1px solid #ccc;border-top:1px solid #888} /**Toolbar Header**/
.header1 {height:39px;padding:0px;border-width:1px;border-bottom:1px solid #aaa;border:none;}

/***** Footer *****/
.footer0 {height:40px;border-top:1px solid #ccc;}

/***** Tabs ******/
.tab0, a.tab0 {display:inline-block;min-width:120px;padding:13px 15px 13px 8px;border-width:1px 1px 1px 0px; margin:0px;float:left;}
.tab1, a.tab1 {background-color:#e5e5e5;overflow: visible;line-height:20px;height:20px;padding:10px 8px 2px 8px;cursor:pointer;display:inline-block;position:relative;min-width:40px;text-align:center;vertical-align:text-top;}
.tab1m {display:inline-block;border-left:1px solid #aaa;border-right:1px solid #fff;width:0px;height:30px;}
.tab1w {display:inline-block;border:1px solid #888;}

/**** Highlights ****/
.highlight0 {border:1px solid #e1dfa8 !Important;background:#f2f1cb !Important;color:#666 !Important;}

/**** Inner & Outter Wraps ****/
.wrap0 {margin:5px;padding:5px;}
.wrap1 {padding:.5em;}
.wrap2 {display:inline-block;}
.wrap3 {margin:.2em}
.wrap4 {width:100%}
.wrap5 {padding:.2em;}

/**** Rounded Themes ****/
.rndn {-moz-border-radius: 0px; border-radius:0px;}
.rnda {-moz-border-radius: 4px 4px 4px 4px; border-radius:4px 4px 4px 4px;}
.rndt {-moz-border-radius: 4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.rndb {-moz-border-radius: 0px 0px 4px 4px; border-radius:0px 0px 4px 4px;}
.rndl {-moz-border-radius: 4px 0px 0px 4px; border-radius:4px 0px 0px 4px;}
.rndr {-moz-border-radius: 0px 4px 4px 0px; border-radius:0px 4px 4px 0px;} 

/**** Columns ****/
.col2 {width:49%;float:left;}
.col3 {width:33%;float:right;}

/**** Labels *****/

.label1 {margin:5px 0px 0px 0px;} /*To be used when label is on top of field*/

.labelPad {padding:5px;}
/**** Inputs ****/
.input0 {overflow:hidden;border-width:0px;height:22px;line-height:21px;width:98%;padding:0px;margin:0px 0px 0px 3px}
*+html .input0 {overflow:hidden;height:20px;line-height:20px;} /**IE7 Fix**/
.input1 {display:block;line-height:20px;height:20px;color:#333;width:98%;margin:0px 0px 0px 3px} /**Normal**/
.input2 {display:block;background:#fff;line-height:20px;height:24px;padding: 2px 3px 2px 5px;font-weight:normal} /**Main Toolbar **/

.inputwrap1,.inputwrap2 {margin:0px;padding:0px;background:#fff;border:1px solid #ddd;border-top:1px solid #bbb;margin-right:2px;} /**Editor**/
.inputwrap1 {padding:0px 15px 0px 0px;} /**dropdowns**/
.inputwrapNew {margin:0px;padding:0px;background:#fff;border:1px solid #ddd;border-top:1px solid #bbb;margin-right:2px;} /*New Input wrap for fields with no border after using inputwrap2 */
/**** Input Memo Fields */
.inputMemo0 {border:1px solid #fff;background:none;line-height:18px;min-height:69px; padding:3px;}
.inputMemo1 {border:1px solid #ccc;background:#fff;line-height:14px;min-height:69px; padding:3px;}
.inputMemo2 {border:1px solid #f5f5f5;background:#f5f5f5;line-height:18px;padding:2px 0px 2px 3px;}
.inputMemo3 {border:0px solid #eee;background:#eee;line-height:14px;min-height:69px; padding:3px;}

/**** Combobox **/
.ComboBoxInput {width:99%;border-width:0px;} /** Used in the forms **/

/**** Gradients ****/
.grad0 {background:#2a2a2a url(images/csstheme/grad0.png) repeat-x}
.grad2 {background:#ccc url(images/csstheme/grad2.png) repeat-x}
.grad3 {background: #f7f7f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f7f7 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to top,  #f7f7f7 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}

/**** Grids ****/
.grid1 {width:100%;border-width:1px;}
.grid1 td {padding:3px;color:#333;}
.grid1 .GridOddRow td,
.grid1 .GridEvenRow td {background:#fafafa;border:0px solid #f1f1f1 !Important;}

/**Floats**/
.floatL {float:left;}
.floatR {float:right;}

/**Display Properties*/
.hidden_display { display:none;}

/*** J-Query Script MenuX ***/
.menuX {overflow:hidden}
.moreContents {
    vertical-align: top;
    text-align: center;
    padding-left: 3px;
}

/******************************/
/*** End of Style Framework ***/
/******************************/


.header0.fieldListHeader {
	padding: 10px 0px 10px 15px;
	height: auto;
}

.header0.fieldListHeader .AdminElementPad {
	top: initial;
}

.header0.fieldListHeader input[type="radio"] {
	vertical-align: middle;
	margin: 0px 5px;
}

.header0.fieldListHeader input[type="radio"]:first-child {
	margin-left: 0px;
}

.header0.fieldListHeader label {
	vertical-align: middle;

}	

.header0.fieldListHeader .btnrow {
	margin-left: 0px;
}

.header0.fieldListHeader .btnrow .btn{
	margin-left: 0px;
}

.ui-button .ui-button-text {
	text-indent: -9999px; /* fix for issue #23283, removed button-text as it is redundant information */
}


/******* LOGIN SCREEN PLACEHOLDER  **********/
.LoginClusterWrap input[required]:focus {
  border: 1px solid #00bafa;
}
.LoginClusterWrap input[required]:focus + label[placeholder]::before {
  top: -77px;
  transition-duration: .2s;
  z-index: 20;
  background: #fff;
}
.LoginClusterWrap input[required]:-webkit-autofill + label[placeholder]::before {
    top: -77px;
    transition-duration: .2s;
    z-index: 20;
    background: #fff;
}
.LoginClusterWrap input[required]:valid + label[placeholder]::before {
    transition-duration: .2s;
    top: -77px;
    z-index: 20;
    background: #fff;
}
.LoginClusterWrap input[required] + label[placeholder] {
  display: block;
  pointer-events: none;
  position: relative;
  font-size: 14px; color: #b7b7b7;
  top: 0px;
}
    .LoginClusterWrap input[required] + label[placeholder]::before {
        content: attr(placeholder);
        display: inline-block;
        color: #7a7a7a;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        position: absolute;
        left: 14px;
        top: -56px;
        font-family: 'Open Sans',sans-serif;
    }

.LoginClusterWrap input.iefancyinput[required] + label[placeholder]::before { 
	top: -77px !important;
	background: #fff !important;
}


/******* BOOKMARK MENU  **********/
.menuwrapper {
	position: relative;
	display: inline-block;
}

#userbookmarks button.add-bookmark {
  background: #fbfbfb;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 14px;
  padding: 5px 10px;
  font-weight: bold;
  right: 0px;
  top: 0px;
  position: absolute;
  display: block;
  cursor: pointer;
}
#userbookmarks .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
    display: list-item;
}
#userbookmarks .bookmark-container {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
	font-size: 12px;
}


    .bookmark a {
        width: 72%;
        padding: 8px 0px 8px 15px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        text-decoration: none;
        line-height: 12px;
        font-size: 12px;
        font-family: Arial, sans-serif;
    }
.bookmark .ui-icon {
	display: inline-block;
	position: absolute;
	top: 6px; right: 6px;
}
.bookmark .ui-icon-pencil {
	right: 22px;
}
.bookmark:hover {
	background: #f5f5f5
}

.textEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bwp-Container{background-color: #F7F7F7; padding: 13px 0; font-size: 13px; z-index: 1000; width: 100%; height: 13px;}
.bwp-IconSection{float:left; width: 3%; text-align: center;}
.bwp-MessageSection{float:left; width: 87%;}
.bwp-ButtonSection{float:left; text-align: center; width: 10%;}
.bwp-ButtonSection a {background-color: #7FC04E; color: #FFF; padding: 7px 13px;}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    text-align: center;
    position: fixed;
    bottom: 50px;
      width: 253px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
  background-color: #6b6b6b;
  color:#ffffff;
  left:550px;
  z-index: 3;
}

/* Show the snackbar */
#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Styles for read-only fields */
input[readonly="readonly"],
div[contenteditable="false"], textarea[readonly="readonly"] {
    background: #ebebe4;
    cursor: no-drop;
    color: #333 !important;
    opacity: 1;
}

/* Styles for TimeZone Offeset Check warning */
.timezone-offset-warning {
    position: fixed;
    outline: #ffba00 solid 1px;
    background-color: #fffaeb;
    color: #1f1f1f;
    top: 42px;
    right: 38px;
    width: 385px;
    padding: 8px;
    flex-direction: column;
    display: none;
    z-index: 9999999;
}

.timezone-offset-warning > .timezone-offset-warning-container{
    display: flex;
    align-items: flex-start;
    margin-bottom: 4px;
}

.timezone-offset-warning > .timezone-offset-warning-container > i {
    height: 24px;
    display: flex;
    align-items: center;
}

.timezone-offset-warning > .timezone-offset-warning-container > i:first-child {
    margin-right: 8px;
}

.timezone-offset-warning > .timezone-offset-warning-container > i:last-child {
    margin-left: 16px;
    cursor: pointer;
}

    .timezone-offset-warning > .timezone-offset-warning-container > .timezone-offset-warning-message {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Open Sans',sans-serif;
        line-height: 1.71;
    }

.timezone-offset-warning > .timezone-offset-warning-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.timezone-offset-warning > .timezone-offset-warning-footer > *{
    background: transparent;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 600;
    border: none;
    box-shadow: none;
    margin-left: 8px;
    cursor: pointer;
}

.timezone-offset-warning > .timezone-offset-warning-footer > *:hover {
    text-decoration: underline
}

.timezone-offset-success {
    position: fixed;
    display: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    line-height: 1.29;
    background-color: #666666;
    bottom: 80px;
    width: 380px;
    left: calc(50% - 190px);
    z-index: 99999;
    pointer-events: none;
    padding: 12px;
    border-radius: 2px;
    opacity: 0;
    transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    animation: fade 2s linear;
}

    .timezone-offset-success.show {
        opacity: 1;
        transition: opacity 500ms;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        visibility: visible;
        display: flex;
    }

/* Styles for File Time Zone Offeset warning */

.timezone-file-offset-warning {
position: fixed;
outline: #ffba00 solid 1px;
background-color: #fffaeb;
color: #1f1f1f;    
width: 385px;
right: 38px;
padding: 8px;
flex-direction: column;
z-index: 9999999;
text-align:left;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-container {
display: flex;
align-items: flex-start;
margin-bottom: 4px;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-container > i {
    height: 24px;
       
    align-items: center;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-container > i:first-child {
    margin-right: 8px;
    margin-top: 5px;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-container > i:last-child {
    margin-left: 16px;
    cursor: pointer;
}

    .timezone-file-offset-warning > .timezone-file-offset-warning-container > .timezone-file-offset-warning-message {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Open Sans',sans-serif;
        line-height: 1.71;
    }

.timezone-file-offset-warning > .timezone-file-offset-warning-footer {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    text-wrap: normal;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-footer > * {
    background: transparent;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: 600;
    border: none;
    box-shadow: none;
    margin-left: 8px;
    cursor: pointer;
}

.timezone-file-offset-warning > .timezone-file-offset-warning-footer > *:hover {
        text-decoration: underline
}
.warning-text{
    color:red;
}

/*Hide when not in small devices*/
.show-apps-icon, .show-close-icon {
    display: none ;
}

.resp-panel-bottom {
    display: none;
}

.resp-small-devices-icon {
    display: none !important;
}

span.requiredAlert.visually-hidden {
    top: 0;
    left: -2px;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
}