body
{
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    font-size: 0.8em;
    margin: 0px;
    background-color: #3c3c3c;
    color: White;
    scrollbar-3dlight-color: #7d7d7d;
    scrollbar-arrow-color: #7d7d7d;
    scrollbar-base-color: #000000;
    scrollbar-darkshadow-color: #595959;
    scrollbar-face-color: #595959;
    scrollbar-highlight-color: #595959;
    scrollbar-shadow-color: #7d7d7d;
}
.checkboxdemoSelectAll .demo-legend {
  color: #3F51B5; }

.checkboxdemoSelectAll .demo-fieldset {
  border-style: solid;
  border-width: 1px;
  height: 100%; }

.checkboxdemoSelectAll .demo-select-all-checkboxes {
  padding-left: 30px; }
#mainContainer
{
    width: 500px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px double #000;
    padding: 1px;
}

#footer
{
    height: 30px;
    vertical-align: middle;
    text-align: right;
    clear: both;
    padding-right: 1px;
    background-color: #317082;
    margin-top: 2px;
    width: 790px;
}
#footer form
{
    margin: 0px;
    margin-top: 1px;
}
#dhtmlgoodies_dragDropContainer
{
    /* Main container for this script */
    width: 1240px;
    height: 720px;
    border: none;
    background-color: #3c3c3c;
    margin-left: 10px;
    -moz-user-select: none;
}
#dhtmlgoodies_dragDropContainer ul
{
    /* General rules for all <ul> */
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 1px;
}

#dhtmlgoodies_dragDropContainer li, #dragContent li, li#indicateDestination
{
    /* Movable patient boxes on left */
    list-style-type: none;
    height: 18px; /*background-color: #cfdbed;*/
    border: none;
    padding: 1px;
    margin-bottom: 1px;
    cursor: pointer;
    font-size: 0.9em;
}

li#indicateDestination
{
    /* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
    border: none;
    background-color: #FFF;
}

/* LEFT COLUMN CSS */
div#dhtmlgoodies_listOfItems
{
    /* Left column */
    float: left; /*     padding-left: 1px;     padding-right: 1px;*/ /* CSS HACK */
    width: 180px; /* IE 5.x */
    width: /* */ /**/ 180px; /* Other browsers */
    width: /**/ 180px; /*jsweeney*/ /*180px*/
    background: #333333;
    border: solid 1px #B4B4B4;
}
#dhtmlgoodies_listOfItems ul
{
    /* Left(Sources) column <ul> */
    height: 680px;
}

div#dhtmlgoodies_listOfItems div
{
    border: none;
}
div#dhtmlgoodies_listOfItems div ul
{
    /* Left column <ul> */
    margin-left: 8px; /* Space at the left of list - the arrow will be positioned there */
}
#dhtmlgoodies_listOfItems div p
{
    /* Heading above left column */
    margin: 0px;
    font-weight: bold;
    padding: 0px;
    background-image: url(../images/Header.png);
    margin: 0px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover
{
    /* Mouse over effect DIV box in right column */
    border: none;
}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer
{
    /* Right column DIV increase this to fit more boxes on right*/
    width: 1000px;
    float: left;
}
#dhtmlgoodies_mainContainer div
{
    /* Parent <div> of small boxes on right*/
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-top: 0px;
    border: none; /* CSS HACK */
    width: 172px; /* IE 5.x */
    width: /* */ /**/ 170px; /* Other browsers */
    width: /**/ 170px;
    background-color: #3c3c3c;
}
#dhtmlgoodies_mainContainer div ul
{
    margin-left: 10px;
}

#dhtmlgoodies_mainContainer div p
{
    /* Heading above small boxes */
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 1px;
    background-image: url(../images/Header.png);
}

#dhtmlgoodies_mainContainer ul
{
    /* Small boxes on right to drag content into */
    width: 152px;
    height: 80px;
    border: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #333333;
    border: solid 1px #B4B4B4;
}

#dragContent
{
    /* Drag container */
    position: absolute;
    width: 180px;
    height: 20px;
    display: none;
    margin: 0px;
    padding: 0px;
    z-index: 2000;
}

#dragDropIndicator
{
    /* DIV for the small arrow */
    position: absolute;
    width: 7px;
    height: 10px;
    display: none;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
}

/*Classes*/
.ApptListCount
{
    border-style: none;
    font-weight: bold;
    padding-left: 5px;
    margin: 0px;
    text-align: right;
}

.RefreshLinkRed
{
    color: Red;
    text-decoration: underline;
    padding-top: 0px;
}

.MainContainer
{
    /* Main container for this script */
    width: 1240px;
    height: 575px;
    border: none;
    background-color: #FFF;
    margin-left: 10px;
    -moz-user-select: none;
}

.Header
{
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
    font-weight: bold;
    background-color: #317082;
    color: #FFF;
    margin-bottom: 1px;
    width: 505px;
}

.Boxes
{
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-top: 0px;
    border: 1px solid #999; /* CSS HACK */
    width: 172px; /* IE 5.x */
    width: /* */ /**/ 170px; /* Other browsers */
    width: /**/ 170px;
}
.Links
{
    color: #FFFFFF;
    text-decoration: underline;
    padding-top: 0px;
}

.SearchResultsTitle
{
    font-size: medium;
    color: #FFFFFF;
    padding-top: 5px;
}

.TaskSummaryTitle
{
    font-size: 15px;
    padding-top: 5px;
    font-weight: bolder;
}

.SearchResultsLink
{
    text-indent: 7px;
    color: #FFFFFF;
    text-decoration: underline;
}

.WorkflowHeader
{
    color: #FFF;
    height: 10px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.WorkflowHeaderUnderline
{
    color: #FFF;
    height: 10px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.WorkflowHeaderDetail
{
    color: #317082;
    height: 10px;
    font-size: small;
}

.Text
{
    color: #317082;
    padding-top: 5px;
    height: 15px;
}
.Text2
{
    color: #317082;
    padding-top: 5px;
    height: 35px;
}
.HeaderRow
{
    color: #317082;
    padding-top: 13px;
    font-size: 21px;
}

.PatientLinks
{
    text-decoration: none;
    color: #3c3c3c;
}

.PatientLinksWUnderline
{
    text-decoration: underline;
    color: #3c3c3c;
}

.PatientLinksOnMouseOver
{
    text-decoration: underline;
    color: #333333;
}

.MatchBackground
{
    background-color: #eaeff5;
    display: none;
}

.NameHeader
{
    font-weight: bold;
    font-size: 14pt;
}

.IsReasonListRequired
{
}

.IsAutoRemoval
{
}

.SummaryHeaders
{
    font-size: larger;
    font-weight: bolder;
    text-align: center;
    vertical-align: top;
    color: #FFFFFF; /*background-color:#317082;*/
    background-image: url(../images/Header.png);
}

.Hidden
{
    visibility: hidden;
    display: none;
}
.BoldLabels
{
    font-weight: bold;
}
/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs
{
    filter: alpha(opacity=40); /* Transparency */
    opacity: 0.4; /* Transparency */
    background-color: #AAA;
    z-index: 1;
    position: absolute; /* Always needed	*/
}
.modalDialog_contentDiv
{
    border: 1px solid #000;
    padding: 1px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #3c3c3c; /* White background color for the message */
}
.modalDialog_contentDiv_shadow
{
    z-index: 90; /* Always needed	- to make it appear below the message */
    position: absolute; /* Always needed	*/
    background-color: #555;
    filter: alpha(opacity=30); /* Transparency */
    opacity: 0.3; /* Transparency */
}
.TextBox
{
    background-color: #FFFFCC;
}

.CommunicationsMainContainer
{
    width: 870px;
    height: 100%;
    border: none;
    background-color: #FFF;
    margin-left: 10px;
    -moz-user-select: none;
}

.CommunicationsMainTable
{
    width: 850px;
    height: 100%;
}

.InsuranceMainContainer
{
    width: 870px;
    height: 100%;
    border: none;
    background-color: #FFF;
    margin-left: 10px;
    -moz-user-select: none;
}
.InsuranceMainTable
{
    width: 69%;
    height: 100%;
}

.DemographicsMainTable
{
    width: 59%;
    height: 603px;
}
.DemographicsMainContainer
{
    width: 870px;
    height: 100%;
    border: none;
    background-color: #FFF;
    margin-left: 10px;
    -moz-user-select: none;
}

.SRMainContainer
{
    width: 1100px;
    height: 100%;
    border: none;
    background-color: #FFF;
    margin-left: 10px;
    -moz-user-select: none;
}

/************************************************************************************************************
*	Random Web CSS Classes for projects
*
*	Created: May, 15th, 2014
*
*		
*	
*
* 	Update log:
*   Added CSS for News Alerts table in MDI Web for the PracticeLogin.aspx page
************************************************************************************************************/

.NewsTable
{
    margin-top: 25px; 
    padding: 10px; 
    width: 450px;
}

.NewsTable_TD_Header
{
  color:red;
}


.toggle {
    display: inline;
    padding: 3px 10px;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid #d9d9d9;
    margin:3px;
    white-space:nowrap;
}

 .toggle:hover {
        background: #d9534f;
    }

.toggle-selected {
    color: #000000;
    background: #99caff;
}

.toggle-selected:hover {
    color: #000000;
    background: #99caff;
}

.toggle:before {
	font-family: FontAwesome;
    content: "\f00c";
}

.toggle-disabled  {
    opacity: 0.5;
    cursor:default;  
}

.fa-btn {
	font-family: FontAwesome;
	padding-left: 10px;
}

/* MDI toggle class for use with input checkboxes */
.toggle-cb label {
    padding: 3px 10px;
    border-radius: 15px;
    border: 1px solid #d9d9d9;
}

.toggle-cb label:hover {
    color: #000000;
    background: #99caff;
}

.toggle-cb input[type=checkbox] {
    display: none;
}

.toggle-cb input[type=checkbox]:checked + label {
    color: #000000;
    background: #99caff;
}

#lblWarning {
    color: red;
}