/*
Evolv-CS
v8.0
08/04/2009
Here goes all defran specific css for this skin that is not with Telerik controls
*/

body
{
}

/* EB 11/11/2009 v8.1 Dev#6364 - Background like for the Pick lists (LUT's) */
.bgFilled
{
    background: url('images/listing_style_bg.png') repeat-y !important;
}

/***************************** FormSet Header ********************************/

.pnlfsHeader
{
    /* EB 01/11/2012 v8.5.1xx ECS-311 - Setting background to match menu style */
    /*background-color: silver;*/ /*#ecf4ff;*/
    background: url(images/formtoolbar_bg.png) repeat-x;
    width: 100%;
}

.pnlfsHeader .rmRootGroup
{
    border: none !important;
}

.divfsHeaderRight .rtbOuter,
.divfsHeaderRight .rtbMiddle
{
    border: none !important;
}

.divfsHeaderLeft .rmItem  .rmText
{
    color: #002767 !important;
}

/***************************** FormSet Header Lookup ********************************/
.pnlfsLookup
{
    background: url('Formset/ToolBar/rtbControlBg.png') repeat-x !important;
}

.pnlfsLookupLeft
{
    padding-left: 20px;
}

.pnlfsLookupLeft .rtbItem .rtbText
{
    color: #002767;
}

.pnlfsLookupLeft .rtbOuter,
.pnlfsLookupLeft .rtbMiddle
{
    border: none !important;
}



/***************************** Header ********************************/
a.squarebutton{
    background: transparent url('images/square-gray-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}
 
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: #494949; /*button text color*/
}
 
a.squarebutton span{
    background: transparent url('images/square-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
 
a.squarebutton:hover{ /* Hover state CSS */
    background-position: bottom left;
}
 
a.squarebutton:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

/**********************************************************/
/* MartinW 07/29/2009 #5746 V8.0 new header toolbar start */

#vista_img{ border: 0pt; }

.vista_toolbar {
    float:left;
    font:normal 8pt 'Tahoma', 'Trebuchet MS','Arial';
    margin:0;
    padding:0;
    white-space: nowrap;
}

.vista_toolbar .vista_toolbar_inner {
    background-image:url('images/vista_toolbar_back.gif');
    background-repeat:repeat-x;
    float:left;
    line-height:32px;
    list-style:none;
    margin:0;
    /*padding:0 10px 0 10px;*/
    padding:0 1px 0 1px;
    white-space: nowrap;
    /*MartinW 12/15/2009 #6560 V8.1 */
    /*width: expression((screen.availWidth - 20) + "px");*/
    /*MartinW 03/11/2010 #6560 V8.1 accomodating 800x600*/
    width: expression((screen.availWidth + 300) + "px");
    /* below expression is dynamic but it results in content wrapping on resizing
    width: expression(window.parent.document.getElementById('app_top').offsetWidth + "px")*/
}

.vista_toolbar .vista_toolbar_inner div {
    display:inline;
    padding:0;
    white-space: nowrap;
}

.vista_toolbar .vista_toolbar_inner a {
    color:#333333; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    white-space: nowrap;
}

.vista_toolbar .vista_toolbar_inner a .toolbarSpan {
    display:block;
    float:none;
    /* padding:0 10px 0 7px; */
    padding: 0 4px 0 2px;
    white-space: nowrap;
    color: #002767; /* Color of the text in the header */
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
    /*font-weight: bold;*/
    font-weight: normal;
}

/* controls the selected item description */
.vista_toolbar .vista_toolbar_inner a .toolbarSpanSelectedItem {
        display:block;
        float:none;
/*        padding:0 10px 0 7px;*/
        padding:0 5px 0 3px;
        white-space: nowrap;
        color: #000033;
	     font-family: Calibri, "Trebuchet MS", Tahoma, Arial;
        font-weight: bold;
        font-size: 11pt;
}

/* MartinW 04/20/2010 #6884 v8.2 start */
.toolbarSpanSelectedItem {
        display:block;
        float:none;
/*        padding:0 10px 0 7px;*/
        padding:0 5px 0 3px;
        white-space: nowrap;
        color: #000033;
	     font-family: Calibri, "Trebuchet MS", Tahoma, Arial;
        font-weight: bold;
        font-size: 11pt;
}
/* MartinW 04/20/2010 #6884 v8.2 end */

.vista_toolbar .vista_toolbar_inner a .toolbarSpanLoneImage {
    display:block;
    float:none;
    padding:0 2px 0 2px;
    white-space: nowrap;
}

/* This version removes block display preventing wrapping */
.vista_toolbar .vista_toolbar_inner a .toolbarSpanNotBlock {
    float:none;
    /*padding:0 10px 0 7px;*/
    /*padding:0 10px 0 4px;*/
    padding:0 1px 0 4px;
    white-space: nowrap;
}

.vista_toolbar .vista_toolbar_inner a .toolbarSpan img {
    border:none;
    margin: 8px 4px 0 0;
    white-space: nowrap;
}

.vista_toolbar .vista_toolbar_inner a .toolbarSpanLoneImage img {
    border:none;
    margin: 8px 0 0 0;
    white-space: nowrap;
}

/* show picture when mouse over link */
.vista_toolbar .vista_toolbar_inner a:hover{
    background: url('images/vista_toolbar_left.png') no-repeat left center;
}

.vista_toolbar .vista_toolbar_inner a:hover span {
    background:url('images/vista_toolbar_right2.png') no-repeat right center;
}

.vista_toolbar .vista_toolbar_inner a.right {
    float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/* MartinW utilzing Boris suggestion
.vista_toolbar_title_label_div
{
    position: relative; 
    top: 6px; 
    height: 20px; 
    background-color: #DAA520; 
    line-height: 20px;
}*/

/***************************** Header Inset ************************/
/* EB 09/12/2009 v8.0 - Use background image to be able to have round corners
.vista_toolbar_title_label_div
{
      border-width: 1px;
      border-style: solid; 
      border-color: #004872 #ACBFD5 #ACBFD5 #004872;
      position: relative;
      top: 5px;
      height: 20px;
      background-color: #BCD2EE;
      line-height: 20px;
}
*/

.headerInset a {
     height:22px;
     cursor:pointer;
     margin-top: 0;
     margin-right:0px;
     padding: 0px 0px 0 0px !important;
}

.headerInset a .vista_toolbar_title_label_div{
     background:transparent url(images/left.png) no-repeat;
     display:block;
     float:left;
}

.headerInset a .headerInsetRight {
     background:transparent url(images/right.png) no-repeat;
     display:inline;
     line-height:30px;
     height: 30px;
     margin-left: -3px;
     width: 16px;
     padding: 0px 0px 5px 0;
}

.vista_toolbar_title_label_div
{
    line-height: 30px;
    padding-top: 2px;
    padding-left: 10px;
}

/***************************** Header Inset End ************************/

.vista_toolbar_title_label
{
/*    font-family: Tahoma;*/
    font-size: 8pt;
    font-weight: bold;
/*    color: #000000;   */
    color: #002767; /* Color of the text in the header */
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
}

.vista_toolbar_title_label_client_header
{
/*    font-family: Tahoma;*/
    font-size: 8pt;
    font-weight: bold;
/*    color: #000000;   */
    color: #002767; /* Color of the text in the header */
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
}

.vista_toolbar_title_content
{
/*    font-family: Tahoma;*/
    font-size: 8pt;
    font-weight: normal;
/*    color: #000000;   */
    color: #002767; /* Color of the text in the header */
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
}

/* MartinW 07/29/2009 #5746 V8.0 toolbar end */

/***************************** End Header ********************************/

/***************************** Listing Header ****************************/

/* MartinW 08/10/2009 #5780 V8.0 new header listing toolbar start */
#vista_img_listing{ border: 0pt; }

#vista_toolbar_listing {
    float:left;
    font:normal 8pt "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
    margin:0;
    padding:0;
    white-space: nowrap;
}

#vista_toolbar_listing #vista_toolbar_inner_listing {
    background-image:url(images/vista_toolbar_listing_back.gif);
    background-repeat:repeat-x;
    float:left;
    line-height:26px;
    list-style:none;
    margin:0;
/*    padding:0 10px 0 10px;*/
    padding:0 5px 0 5px;
    white-space: nowrap;
    /*width: expression((Math.abs(self.window.screenLeft) - 20) + "px");*/
    width: 100%;
    /* below expression is dynamic but it results in content wrapping on resizing
    width: expression(window.parent.document.getElementById('app_top').offsetWidth + "px")*/
}

#vista_toolbar_listing #vista_toolbar_inner_listing div {
    display:inline;
    padding:0;
    white-space: nowrap;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a {
    color:#000000; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    white-space: nowrap;
    font-weight: normal;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpan {
    display:block;
    float:none;
    /* padding:0 10px 0 7px; */
    padding: 0 4px 0 2px;
    white-space: nowrap;
}

/* controls the selected item description */
#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpanSelectedItem {
    display:block;
    float:none;
    padding:0 10px 0 7px;
    white-space: nowrap;
    color: #00FFFF;
    font-weight: bold;
    font-size: 8pt;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpanLoneImage {
    display:block;
    float:none;
    padding:0 2px 0 2px;
    white-space: nowrap;
}

/* This version removes block display preventing wrapping */
#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpanNotBlock {
    float:none;
    /*padding:0 10px 0 7px;*/
    padding:0 10px 0 4px;
    white-space: nowrap;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpan img {
    border:none;
    margin: 4px 4px 0 0;
    white-space: nowrap;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a .toolbarSpanLoneImage img {
    border:none;
    margin: 8px 0 0 0;
    white-space: nowrap;
}

/* show picture when mouse over link */
#vista_toolbar_listing #vista_toolbar_inner_listing a:hover{
    background: url(images/vista_toolbar_listing_left.png) no-repeat left center;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a:hover span {
    background:url(images/vista_toolbar_listing_right2.png) no-repeat right center;
}

#vista_toolbar_listing #vista_toolbar_inner_listing a.right {
    float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/* MartinW 11/12/2009 added mechanism to stop hovering background on label, for some reason when telerik controls were added it stopped working
start */
#vista_toolbar_listing #vista_toolbar_inner_listing .noHover a:hover{
    background: url(images/row_blank.gif) no-repeat left center;
}

#vista_toolbar_listing #vista_toolbar_inner_listing .noHover a:hover span {
    background:url(images/row_blank.gif) no-repeat right center;
}
/* end */

/* MartinW utilzing Boris suggestion
.vista_toolbar_title_label_div_listing
{
    position: relative; 
    top: 6px; 
    height: 20px; 
    background-color: #DAA520; 
    line-height: 20px;
}*/

.vista_toolbar_title_label_div_listing
{
      border-width: 1px;
      border-style: solid; 
      border-color: #004872 #ACBFD5 #ACBFD5 #004872;
      position: relative;
      top: 5px;
      height: 20px;
      background-color: #E6E6FA;
      line-height: 20px;
}

.vista_toolbar_title_label_listing
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;   
}

.vista_toolbar_title_content_listing
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}

/* MartinW 08/10/2009 #5780 V8.0 listing toolbar end */

/***************************** Listing Header End ************************/

/***************************** Form Header ****************************/

/* BK 08/17/2009 #5780 V8.0 new header form toolbar start */
#img_form{ border: 0pt; }

#toolbar_form {
    float:left;
    font:normal 8pt 'Tahoma', 'Trebuchet MS','Arial';
    margin:0;
    padding:0;
    white-space: nowrap;
}

#toolbar_form #toolbar_inner_form {
    background-image:url(images/toolbar_form_bg.png);
    background-repeat:repeat-x;
    float:left;
    line-height:26px;
    list-style:none;
    margin:0;
/*    padding:0 10px 0 10px;*/
    padding:0 5px 0 5px;
    white-space: nowrap;
    /*width: expression((Math.abs(self.window.screenLeft) - 20) + "px");*/
    width: 100%;
    /* below expression is dynamic but it results in content wrapping on resizing
    width: expression(window.parent.document.getElementById('app_top').offsetWidth + "px")*/
}

#toolbar_form #toolbar_inner_form div {
    display:inline;
    padding:0;
    white-space: nowrap;
}

#toolbar_form #toolbar_inner_form a {
    color:#000000; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    white-space: nowrap;
    font-weight: normal;
}

#toolbar_form #toolbar_inner_form a .toolbarSpan {
    display:block;
    float:none;
    /* padding:0 10px 0 7px; */
    padding: 0 4px 0 2px;
    white-space: nowrap;
}

/* controls the selected item description */
#toolbar_form #toolbar_inner_form a .toolbarSpanSelectedItem {
    display:block;
    float:none;
    padding:0 10px 0 7px;
    white-space: nowrap;
    color: #00FFFF;
    font-weight: bold;
    font-size: 8pt;
}

#toolbar_form #toolbar_inner_form a .toolbarSpanLoneImage {
    display:block;
    float:none;
    padding:0 2px 0 2px;
    white-space: nowrap;
}

/* This version removes block display preventing wrapping */
#toolbar_form #toolbar_inner_form a .toolbarSpanNotBlock {
    float:none;
    /*padding:0 10px 0 7px;*/
    padding:0 10px 0 4px;
    white-space: nowrap;
}

#toolbar_form #toolbar_inner_form a .toolbarSpan img {
    border:none;
    margin: 4px 4px 0 0;
    white-space: nowrap;
}

#toolbar_form #toolbar_inner_form a .toolbarSpanLoneImage img {
    border:none;
    margin: 8px 0 0 0;
    white-space: nowrap;
}

/* show picture when mouse over link */
#toolbar_form #toolbar_inner_form a:hover{
    background: url(images/toolbar_form_left.png) no-repeat left center;
}

#toolbar_form #toolbar_inner_form a:hover span {
    background:url(images/toolbar_form_right2.png) no-repeat right center;
}

#toolbar_form #toolbar_inner_form a.right {
    float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/* MartinW utilzing Boris suggestion
.toolbar_title_label_div_form
{
    position: relative; 
    top: 6px; 
    height: 20px; 
    background-color: #DAA520; 
    line-height: 20px;
}*/

.toolbar_title_label_div_form
{
      border-width: 1px;
      border-style: solid; 
      border-color: #004872 #ACBFD5 #ACBFD5 #004872;
      position: relative;
      top: 5px;
      height: 20px;
      background-color: #E6E6FA;
      line-height: 20px;
}

.toolbar_title_label_form
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;   
}

.toolbar_title_content_form
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}

/* EB 10/08/2009 v8.0 Dev#6180 - Removed NEW from the class name */
/* MartinW 08/17/2009 #5781 V8.0 new form title */
.formhead
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
    background: url(images/form_style_title_bg.png) repeat-y;  
}

/* EB 10/08/2009 v8.0 Dev#6180 - Removed NEW from the class name */
.form_property_head
{
    BORDER-RIGHT: 1px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 1px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: 1px;
    COLOR: white;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 1px;
    FONT-FAMILY: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
    background: url(images/form_style_title_bg.png) repeat-y;  
}

/* BK 08/17/2009 #5780 V8.0 form toolbar end */

/***************************** Form Header End ************************/

/* MartinW 08/17/2009 #5781 V8.0 new form body */

/***************************** Form Body Start ************************/

/* EB 10/08/2009 v8.0 Dev#6180 - Removed NEW from the class name */
.grouphead
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    Z-INDEX: 1;
    /* MartinW 08/14/2009 #5781 V8.0 navy changed */
    COLOR: #000033;
    FONT-FAMILY: Tahoma, Verdana, 'MS Sans Serif', Arial;
    POSITION: relative;
    TOP: -2px;
    /* MartinW 08/14/2009 #5781 V8.0 gainsboro changed */
    BACKGROUND-COLOR: #B9D1EA;
    border-color: #7F9DB9;   
    border-style: solid;
    border-width: 1px;
}

/* EB 10/08/2009 v8.0 Dev#6180 - Removed NEW from the class name */
.formsubhead
{
	border-right: 1px inset;
	padding-right: 2px;
	border-top: 1px inset;
	padding-left: 2px;
	font-size: 9pt;
	padding-bottom: 1px;
	border-left: 1px inset;
	color: #000000;
	padding-top: 1px;
	border-bottom: 1px inset;
	font-family: SegoeUI, Calibri, Tahoma, Verdana, 'MS Sans Serif' , Arial;
	font-weight: normal;
	background-color: #D1DFF8;
}

/***************************** Form Body End ************************/

/***************************** Sub-Form ************************/

.list_head
{
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    color: white;
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
    background-color: #3f7bb0;
    font-weight:normal;
}

.list_head_required
{
    color: #00f6ff !important;
    font-weight: bold;
}

.roll 
{
    background: Black;
}
.over 
{
    background: #3f7bb0;
}

/***************************** Sub-Form End ************************/

/***************************** Remittance Screen ********************************/

.rem_apply_all
{
    display:inline-block;
    height: 16px;
    width: 16px;
    background-image: url("images/FavoriteEdit.png");
}

/***************************** Remittance Screen End ********************************/

/***************************** Reports ********************************/
/* EB 04/12/2010 v8.2 Dev#6826 - Report classes for alert message */
.rpt_table
{
    border-width: 1;
    background-color: #B9D1EA;   
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 8pt;
    font-family: Tahoma,Verdana, MS Sans Serif, Arial;
}
.rpt_header
{
    color: #ffffff;
    background-color: #3f7bb0;
}
.rpt_line
{
    background-color: White;
}
.rpt_line_alt
{
    background-color: gainsboro;
}
/***************************** Reports End ********************************/

/*********************** Formstyle overwrittes ************************/
/* EB 11/09/2010 v8.3 Dev#5654 - Emulates a textarea but read only. Overwrites global css setting */
.dispinfo_readonly
{
    overflow: scroll;
    border: 1px solid gray;
    background-color:white;
    color:gray;
}

/* EB 01/19/2013 v8.5.15 ECS-1874 - variant of dispinfo on toolbar to show nicely due to different background */
.dispinfo_toolbar
{
    font-size: 8pt;
    font-family: "Segoe UI", Calibri, "Trebuchet MS", Tahoma, Arial;
}
/***************************** Formstyle overwrites End ************************/

/*********************** Treatment Plan forms ************************/
/* EB 02/11/2011 v8.4 Dev#7101 - Treeview background */
.tpForm
{
    vertical-align:top; 
    background-color:ButtonFace;
}
/* Toolbar (where previous and next links are) */
.tpFormToolbar
{
    vertical-align:top; 
    background-color:ButtonFace;
}

.tpFormToolbarLink
{
    font-family: Tahoma,Verdana, MS Sans Serif, Arial;
    font-size: 9pt;
    color: Black;
    text-decoration: none; /* Remove the underline */
}
/***************************** Treatment Plan forms End ************************/

/***************************** Front Desk Check-in Start ********************************/
/* EB 08/13/2013 v8.5.21 ECS-3428 - Change background for non client entries */
.bgColorNotClient 
{
    background-color: #FFFACD;
}
/***************************** Front Desk Check-in end **********************************/