/* Normal CSS, all UI formatting */

/* Icons */

.Image_Add 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -218px; 
}

.AutoUpdate
{
    position: Absolute;
    z-index: 9999;
    height: 32px;
	width: 32px; 
	background-image: url(../../images/YHR/image.png);
	background-position: 0 -270px; 	
}

.Image_Appointment 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -332px;
}

.Image_Archive
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -384px; 	
}

.Image_Archive_Disable
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -436px;	
}

.Image_Attachment
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -488px; 	
}

.Image_Back
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -540px;
}

.Image_Calender 
{
height: 16px;
width: 16px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -592px; 
}

.Image_Cancel 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -638px; 
}

.Image_Cancel_Red
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -690px; 
}

.Image_Close 
{
height: 12px;
width: 12px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -742px;
}

.Image_Delete 
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -784px;
}

.Image_Edit 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -836px;  
}

.Image_Edit_Cancel
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -888px;  
}

.Image_Empty
{
height: 84px;
width: 100px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -940px;  
}

.Image_Error
{
height: 20px;
width: 20px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -30px; 
}

.Image_Excel_Icon
{
height: 32px;
width: 32px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1054px; 
}

.Image_Expand
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1116px; 
}

.Image_Export
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1168px;
}

.Image_Folder
{
height: 13px;
width: 18px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1220px;
}

.Image_Help 
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1263px;
}

.Image_Html_Icon
{
height: 32px;
width: 32px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1315px; 
}

.Image_Mail
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1377px;
}

.Image_Minus 
{
height: 9px;
width: 9px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1429px; 
}

.Image_MovePast 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1468px;
}

.Image_Next
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1520px;
}

.Image_Open
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1572px;
}

.Image_Pdf_Icon
{
height: 32px;
width: 32px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1624px;
}

.Image_Plus 
{
height: 9px;
width: 9px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -1686px;
}

.Image_Preview
{
background-image: url(../../images/YHR/preview.gif); 
}

.Image_Print 
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1805px;
}

.Image_Reply 
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1857px;
}

.Image_Restore
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1909px;
}

.Image_Run
{ 
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png);
background-position: 0 -1961px;
}

.Image_Save 
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: -250px -30px;
}

.Image_Send
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: -250px -82px;
}

.Image_Shrink
{
height: 22px;
width: 22px; 
background-image: url(../../images/YHR/image.png); 
background-position: -250px -134px;
}

.Image_Add_Folder
{
height: 16px;
width: 16px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -80px;
}

.Image_Delete_Folder
{
height: 16px;
width: 16px; 
background-image: url(../../images/YHR/image.png); 
background-position: 0 -126px;
}

.Image_Word_Icon
{
height: 32px;
width: 32px; 
background-image: url(../../images/YHR/image.png);
background-position: -250px -186px;
}



/* Misc */
.AlternateRow
{
    background-color: #E3EAEB;
}

#BottomBar
{
    width: 100%;
    height: 29px;
    /* background-color: #004EA6;*/
    text-align: left;
    vertical-align: middle;
}

#ContentArea
{
    height: 440px;
    width: 930px;
    vertical-align: bottom;
    text-align: center;
}

#ContentPanelInnerContainer
{
    width: 97%;
    height: 400px;
    /* overflow: hidden; */
}

.ContentPanel
{
    top: 7px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    height: 410px;
}

.NormalHeader, .NormalHeader th
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    /* border-bottom: silver 1px solid;*/
}

.SeperateHeader
{
    border-color: silver;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.SeperateHeader TD
{
    border-color: silver;
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

.TinyHeader, .TinyHeader th
{
    font-size: 9px;
    font-family: Tahoma, Arial, Helvetica;
    font-weight: bold;
}

#TopBar
{
    width: 100%;
    height: 29px;
    /* background-color: #004EA6;*/
    text-align: right;
    vertical-align: middle;
}

.TreeNodeLabelCursor
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    cursor: hand;
    cursor: pointer;
}

.NormalRowStyle
{
    background-color: #E3EAEB;
    padding-left: 2px;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
}

.AlternateRowStyle
{
    padding-left: 2px;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
}

.MaskedEditField{
        BACKGROUND-COLOR: #FFFACD;
    }
    
    .GridStyle
    {
        position: relative; left: 10px; width: 900px; height: 380px; overflow: auto;
    }
 
    .LeftPadding
{
    position: relative;
    left: 14px;
}

.fieldCell
{
    text-align: left;
}

.labelCell
{
    text-align: right;
}

.popupHover
{
    border: silver 1px solid;
    background-color: #B7CEEC;
    width: 100px;
    height: 50px;
    visibility:hidden;
    position: absolute;
}

.SeperateHeader {
        border-color: silver;
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-spacing: 0;
        border-collapse: collapse;
       
    }
    
.SeperateHeader TD{
    border-color: silver;
    border-style: solid;
    margin: 0;
    padding: 1px;
    border-width: 1px 1px 0 0;
}

.WhiteSeperateHeader {
    border-color: white;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
   
}

.WhiteSeperateHeader TD{
    border-color: white;
    border-style: solid;
    margin: 0;
    padding: 1px;
    border-width: 1px 1px 0 0;
}

.MaskedEditField{
    BACKGROUND-COLOR: #FFFACD;
}


/* Common */

.ContentPanelInnerContainer{
        MARGIN-LEFT: 3px;        
        }

.ContentPanelStyle{
    TOP: 7px;   
    TEXT-ALIGN: left;
    MARGIN-LEFT: auto; 
    MARGIN-RIGHT: auto; 
    BACKGROUND-COLOR: White;   
    } 

.Position{
    POSITION: absolute;
    TOP: 25px;
    MARGIN-LEFT: 18px;
	}


/* AutoSuggest */

.AutoExtender

        {
            font-family: Verdana, Helvetica, Sans-serif;
            font-size: 10pt;
            font-weight: Normal;
            border: solid 1px #98AFC7;
            line-height: 25px;
            padding: 0px;
            background-color: White;
            width: 220px;  
            height: 200px; 
            Z-index: 9999;                
        }

.AutoExtenderList

        {
            border-top: solid 1px #98AFC7;
            cursor: pointer;
            color: #151B8D;
            Z-index: 9999;  
            width: 1000px;  
        }

.AutoExtenderHighlight

        {
            color: #151B8D ;
            background-color: #5CB3FF;
            cursor: pointer;
            Z-index: 9999;
            width: 1000px;     
        }


/* MaskedEdit */

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/************ Calendar *********************/

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #FFFFFF;
    color: black;
}

.MyCalendar .ajax__calendar_today {
  color:Red;   
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.validatorCalloutHighlight 
{
    background-color: #FFF8C6;
 
}

/* HowerMenuExtender */

.popupMenu {
	position: absolute;
	visibility: hidden;
	background-color: #B7CEEC;
	border: 1px solid #6C757A;	
}     

/* TabContainer */

.tabstyle .ajax__tab_header 
{
    font-family: Verdana, Arial, Helvetica, Sans Serif;
    font-size: 8pt;
    font-weight: normal;
    color: black;
    border-bottom:solid 1px #2647a0;
}
.tabstyle .ajax__tab_header .ajax__tab_outer 
{
    background:url(../../images/YHR/tab.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.tabstyle .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.tabstyle .ajax__tab_hover .ajax__tab_outer 
{
    background: url(../../images/YHR/tab.png) #bfdaff repeat-x left -1300px;
}
.tabstyle .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.tabstyle .ajax__tab_active .ajax__tab_outer
{
    background:url(../../images/YHR/tab.png) #2647a0 repeat-x left -1400px;
}
.tabstyle .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#ffffff;    
    border:solid 0px #808080;
    border-top-width:0px;
}


/* Tob-Bottom Bar */

.Advance_TopBar{
        WIDTH:800px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;
        }

.Advance_BottomBar{
        WIDTH:800px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }      
        
.Allergies_TopBar{
        WIDTH: 880px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.Allergies_BottomBar{
        WIDTH: 880px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }
        
.Current_TopBar{
        WIDTH: 840px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;
        }

.Current_BottomBar{
        WIDTH: 840px; 
        HEIGHT: 29px;      
        VERTICAL-ALIGN: middle;        
        }

.Document_TopBar{
        WIDTH: 830px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;
        }

.Document_BottomBar{
        WIDTH: 830px; 
        HEIGHT: 29px;      
        VERTICAL-ALIGN: middle;        
        }

.Emergency_TopBar{
        WIDTH:700px; 
        HEIGHT: 29px;   
        VERTICAL-ALIGN: middle;
        }

.Emergency_BottomBar{
        WIDTH:700px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }


.HealthNotes_TopBar{
        WIDTH: 820px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;
        }

.HealthNotes_BottomBar{
        WIDTH: 820px; 
        HEIGHT: 29px;      
        VERTICAL-ALIGN: middle;        
        }

.HealthRisks_TopBar{
        WIDTH: 840px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.HealthRisks_BottomBar{
        WIDTH: 840px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }

.Hospitalizations_TopBar{
        WIDTH: 900px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;
        }

.Hospitalizations_BottomBar{
        WIDTH: 900px; 
        HEIGHT: 29px;      
        VERTICAL-ALIGN: middle;        
        }

.Other_TopBar{
        WIDTH: 720px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.Other_BottomBar{
        WIDTH: 720px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }

.Past_TopBar{
        WIDTH: 820px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.Past_BottomBar{
        WIDTH: 820px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }

.Spiritual_TopBar{
        WIDTH:600px; 
        HEIGHT: 29px;      
        VERTICAL-ALIGN: middle;
        }

.Spiritual_BottomBar{
        WIDTH:600px; 
        HEIGHT: 29px; 
        VERTICAL-ALIGN: middle;        
        }          

.Vaccinations_TopBar{
        WIDTH: 820px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.Vaccinations_BottomBar{
        WIDTH: 820px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }    


.Procedures_TopBar{
        WIDTH: 820px; 
        HEIGHT: 29px;    
        VERTICAL-ALIGN: middle;
        }

.Procedures_BottomBar{
        WIDTH: 820px; 
        HEIGHT: 29px;     
        VERTICAL-ALIGN: middle;        
        }   


.RequiredField
{
    color: Red;
    font-size: 12px;
    font-family: Arial;
}