﻿  
/* Icons */

.Image_Add 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -218px; 
}

.Image_Ajaxloader
{
    position: Absolute;
    z-index: 9999;
    height: 32px;
	width: 32px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -270px; 	
}

.Image_Appointment 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png); 
	background-position: 0 -332px;
}

.Image_Calender 
{
	height: 16px;
	width: 16px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -592px; 
}

.Image_Cancel 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -638px; 
}

.Image_Close 
{
	height: 12px;
	width: 12px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -742px;
}

.Image_Delete 
{ 
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -784px;
}

.Image_Edit 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -836px;  
}

.Image_Error
{
	height: 20px;
	width: 20px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -30px; 
}

.Image_Folder
{
	height: 13px;
	width: 18px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1220px;
}

.Image_Help
{ 
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1263px; 
}

.Image_Help_Float 
{ 
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1263px;
	float: right;  
}

.Image_Minus 
{
	height: 9px;
	width: 9px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1429px; 
}

.Image_MovePast 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1468px;
}

.Image_Plus 
{
	height: 9px;
	width: 9px; 
	background-image: url(../../images/YCR/image.png); 
	background-position: 0 -1686px;
}

.Image_Preview
{
	background-image: url(../../images/YCR/preview.gif); 
}

.Image_Print 
{ 
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png);
	background-position: 0 -1805px;
}

.Image_Save 
{
	height: 22px;
	width: 22px; 
	background-image: url(../../images/YCR/image.png); 
	background-position: -250px -30px;  
}

.Image_Add_Folder
{
	height: 16px;
	width: 16px; 
	background-image: url(../../images/YCR/image.png); 
	background-position: 0 -80px;
}

.Image_Delete_Folder
{
	height: 16px;
	width: 16px; 
	background-image: url(../../images/YCR/image.png); 
	background-position: 0 -126px;
}

/* New YCR Images */
.Image_u155 
    {
	    height: 29px;
	    width: 200px; 
	    background-image: url(../../images/YCR/csg-4a384d247f399.png);
	    background-position: 0 -30px; 
    }

/* AutoSuggest */

.AutoExtender

        {
            font-family: Arial, 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: #ffffff;
    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; 
}

.MyCalendar .ajax__calendar_header  
{
	background-color: #ffffff;     	
	text-decoration: underline;
	color: Red; 	  	 
}
 

/* TabContainer */

.tabstyle .ajax__tab_header 
{
    font-family: 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/YCR/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/YCR/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/YCR/tab.png) #2647a0 repeat-x left -1400px;
}
.tabstyle .ajax__tab_body 
{
    font-family:Arial, Helvetica, Sans-serif;
    font-size:10pt;
    padding:0.25em 0.5em;        
    border:solid 0px #808080;
    border-top-width:0px;
}


/* TopBar  */

.Topbar 
{
	width: 714px;
	vertical-align: middle;
	height: 29px;         
} 

.Topbar.Useful_Contacts
{
	width: 870px; 	
}

.Topbar.Immunization
{
	width: 870px;
	  
}

/* ContentArea  */

.ContentPanelStyle
{
	top: 3px;   
    text-align: left; 
    margin-left: auto;   
    margin-right: auto;  
    background-color: White;
    width: 99%;                    
} 

.Contentarea
{
    height: 440px;
    width: 714px;
    vertical-align: bottom;              
}

.Contentarea.Newborn_BirthDetails
{
    height: 550px;
}

.Contentarea.Useful_Contacts
{
	width: 870px; 
}

.Contentarea.Immunization
{
	width: 870px; 
}

.Contentarea.18MonthsHealthCheck
{
    height: 600px;
}



/* BottomBar */

.Bottombar 
{
	width: 714px;
	vertical-align: middle;
	height: 29px; 	 
} 

.Bottombar.Useful_Contacts
{
	width: 870px;
} 

.Bottombar.Immunization
{
	width: 870px;
} 


.RequiredField
{
    color: Red;
    font-size: 12px;
    font-family: Arial;
}

.DivStyle 
{
	background-image: url(../../images/YCR/ContainerBG.gif);
	background-repeat: repeat-x;
	height: 44px;  
}

.ContainerHead
{
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.ContainerHead1
{
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
font-weight: normal;
color: #4EA4BD; 
}

.ContainerHead2
{
font-family: Arial, Helvetica, Sans-serif;
font-size: 12px;
font-weight: normal; 
}	

.HighLightNode
{
 background-color: #D3D3D3;  
}

.HomePage_Normal
{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 line-height: 18px;
 color: #333;    
}

.FamilyCalendarArea{
    background-image: url(../../images/YCR/FamilyCalendarBg.gif);
    background-repeat: repeat-x;
    background-color: #DCDCDC;
}

.yui-panel .hd {    
        padding:0;
        border:1px solid #FFF;   
        border-bottom: #FFA628 1px solid;   
        color:#005873;   
        height:23px;   
        margin-left:17px;   
        margin-right:17px;
        padding:4px;
        padding-top: 19px;
        text-align:left;   
        overflow:visible;
        background-color: #FFF;   
        font-size: 16px;
        font-family: Arial;
        font-weight: bold;
        line-height:100%;
        white-space:nowrap;
    } 
    
    .yui-panel .container-close {  
     position:absolute;   
     top:21px;   
     right:18px;   
     height:12px;   
     width:12px;   
     background:url(../../images/YCR/yui_Close.gif) no-repeat;
     z-index:6;
     margin:0px;
     padding:0px;
     cursor:pointer;
     visibility:inherit;
 }  
 
 .yui-panel .bd {
    overflow:hidden;
    padding:4px;
    padding-left: 17px;
    padding-right: 17px;
}