.BackgroundTransparencyDIVClass
{
    display:none;
    opacity:0.7;
    filter:alpha(opacity=70);
    z-index:999999;
    position:fixed;
    background-color:Gray;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

.IFrameDIV
{
	display:none;
	position:fixed;
    z-index:9999999;
    width:100%;
    height:100%;
    background-color:transparent;
    top:0px;
    left:0px;
    overflow:hidden;
}

.IFrameAttachmentDIV
{
	display:none;
	position:fixed;
    z-index:9999999;
    width:100%;
    height:100%;
    background-color:transparent;
    top:0px;
    left:0px;
    overflow:hidden; 
   
}

.IMiddleAttachmentFrameDIV
{
    background-color: White;
      
    width:100%;
    height:100%;
    overflow:auto; 
    -webkit-overflow-scrolling:touch;
}


.IMiddleAttachmentFrameDIV iframe
{
    height:100%;
    width:100%;
    overflow:hidden;
}


/*
.IFrameDIV
{
	display:none;
	position:fixed;
    z-index:9999999;
    width:100%;
    height:100%;
    background-color:transparent;
    top:0px;
    left:0px;
}*/

.IMiddleFrameDIV
{
    background-color: White;
    width:95%;
    height:100%;
    overflow:hidden; 
    -webkit-overflow-scrolling:touch;
}

.IMiddleFrameDIV iframe
{
    height:100%;
    width:100%;
    overflow:hidden;
}

/*.IMiddleFrameDIV
{
    background-color: White;
    width:90%;
    height:100%;
}*/

.ButtonStandard
{
    background-color:#05927F;
    color: White;
    border:0px;    
    height:31px;
    padding:5px;
    min-width:98px;
    margin-right:5px;    
    border-radius: 5px;    
    font-size: 11pt;
    margin-bottom:5px;    
}

.BigButtonStandard
{
    background-color:#05927F;
    color: White;    
    height:31px;
    cursor:hand;
    border:0px; 
    padding:5px;   
}

.VeryBigButtonStandard
{
    background-color:#05927F;
    color: White;    
    height:31px;
    cursor:hand;   
    border:0px; 
    padding:5px;    
}


/************Label Styles************/
.DHALabelContainer
{
    clear:both;
    padding:5px 0px 5px 15px;
    font-weight:bold;
}

.Mandatory
{
    font-weight:bold;
    font-size:15px;
    color:Red;
}
/************Button Styles************/

/*.UpperNavigationButton
{
    background:url(step.jpg) no-repeat;
    width:118px;
    height:51px;
    border:none;
}
*/
.UpperNavigationButtonSeparator
{
   color:#8DC73F;
   padding-left:3px;
   padding-right:3px;
   font-size:10pt;
   font-family:Terminal;
   font-weight:bold;
   
   
}

.UpperNavigationLeft
{
    background:url(Guide_left.png) no-repeat;
    height:46px;
    width:15px;
}

.UpperNavigationRight
{
    background:url(Guide_Right.png) no-repeat;
    height:46px;
    width:15px;
}

.UpperNavigationMiddle
{    
    background:url(Guide_Line.png) repeat-x;
    height:46px;
}

.nav-circle-selected
{
    background:url(icn_count_normal.png) no-repeat;
    height:60px;
    width:59px;
    display:inline-block;
    text-align:center;
    line-height:60px;
}

.nav-circle-container
{
    float:left;
    width:84px;
    text-align:center;
    min-height:153px;
}

.nav-circle-text
{
    font-size:35px;
    color:White;
    display:inline-block;
    position:relative;    
}

.nav-circle-disabled
{
    background:url(icn_count_disabled.png) no-repeat;
    height:59px;
    width:60px;
    display:inline-block;
    line-height:59px;
}

.nav-circle-current
{
    background:url(icn_seleted_arrow.png) no-repeat;
    height:22px;
    width:33px;
    display:inline-block;    
    margin:13px;
}

.nav-circle-container a
{
    display:inline-block;
}

.UpperNavigationLinkDisabled
{    
    font-size:9pt;
    color:#D7D7D7;
}

.UpperNavigationLinkNormal
{    
    font-size:9pt;
    color:black;
}

.UpperNavigationLinkSelected
{   
    font-size:9pt;
    font-weight:bold;
    color:#01848F;
}

.UpperNavigationLinkSelectedDiv
{
    /*background:url(StepMark.png) no-repeat;*/
    /*background-position:center top;
    margin-top:3px;
    display: inline-block;
    padding-top:20px;*/
}

/************Text Box Styles************/
.TextBox
{
    border:1px solid #ccc; padding:3px;
   width:90%;
}


.MultilineTextBox
{
    border:1px solid #ccc; padding:3px;
    height: 60px;
    width:90%;
}

.DHATextBoxContainer
{
    clear:both;
    padding: 5px 0px 5px 0px; /* close for inner form formatting*/
}

.DHATextBoxLabelContainer
{
      
      
}


.DHATextBoxLabelCurrentValueContainer
{
    padding-top:5px;
}


/************Date Picker Styles************/

.DHADatePickerContainer
{
    clear:both;
    padding:5px 0px 5px 0px;
    margin-bottom : 10px;
}

.DHADatePickerContainer input
{
    width: 80px;
}

.DHADatePickerLabelContainer
{
      
}

.DHADatePickerTextBoxContainer
{
    float: left;
}

.DHADatePickerTimePartContainer select
{
    width: 40px;
    
}

.DHADatePickerHourListContainer
{
    float: left;    
    padding: 0 10px 10px 14px;
}

.DHADatePickerMinuteListContainer
{
    padding: 0 0 10px 10px;
    margin-left: 10px;
}

.DHADatePickerDateLabel
{
    float: left;    
    padding-right: 5px;
}

.DHADatePickerHourLabel
{
    float: left;    
    padding-right: 5px;
}

.DHADatePickerMinuteLabel
{
    float: left;    
    padding-right: 5px;
}

.DHADatePickerLabelCurrentValueContainer
{
    padding-top:5px;
}

/************Check Box Styles************/
.DHACheckBoxContainer
{
    clear:both;
    padding:5px 0px 5px 0px;
}

.DHACheckBoxLabelContainer
{
      float:left;
      width:225px;
}

.DHACheckBoxLabelCurrentValueContainer
{
    padding-top:5px;
}

.CheckBoxFullLabelContainer
{
    float:left;
    clear:right;
    padding-right:10px;
}
/************Drop Down Styles************/
.DropDownList
{
    border:1px solid #ccc; padding:3px; width:90%;
}

.DHADropDownListContainer
{
    clear:both;
    padding:5px 0px 5px 0px;
}

.DHADropDownListLabelContainer
{
    /*margin-left: -10px;*/
}

.DHADropDownListLabelCurrentValueContainer
{
    padding-top:5px;
}

/************Drop Down Multi Styles************/
.DHADropDownMultiContainer input
{
    border:1px solid #ccc; padding:3px; width:300px;
}

.DHADropDownMultiGridViewContainer .list-record
{
    background-color:White;
}

.DHADropDownMultiContainer
{
    clear:both;
    padding:5px 0px 5px 10px;
}

.DHADropDownMultiLabelContainer
{
    float:left;
    width:225px;    
}

.DHADropDownListLabelCurrentValueContainer
{
    padding-top:5px;
}

/************GridControl Styles************/
.DHAGridControlContainer
{
    clear: both;
    width:100%;
}



/************Child Control Styles************/
.DHAChildControlContainer
{
    clear: both;    
    /*padding:5px 5px 5px 5px;*/  
}

.DHAChildControlLabelContainer
{
    float:left;
    /* padding: 10px 0px 2px 10px; */   
}

.DHAChildControlUpdatePanelContainer
{
    clear: both;
   /*padding: 0px 10px 5px 10px;  */    
}

.DHAChildControlButtonContainer
{
    clear: both;
    padding: 0px 5px 0px 0px;    
}
.DHAChildControlButtonContainer
{
    text-align:right;
}

.GridAddButtonClass
{
    background-color:#C3DE41;
}


/************Contact Numbers Styles************/
.DHAContactNumberContainer
{
    clear:both;
    padding:5px 0px 5px 0px;
}

.DHAContactNumberLabelContainer
{
    /*margin-left: -10px;*/
}

.DHAContactNumberLabelCurrentValueContainer
{
    padding-top:5px;
}

/************DHA Yes No Styles************/
.DHAYesNoContainer
{
    clear:both;
    padding:5px 0px 5px 10px;
}

.DHAYesNoDHAYesNoContainer
{
    padding-left: 15px;    
}

.DHAYesNoLabelCurrentValueContainer
{
    padding-top:5px;
}

/************Attachment Styles************/
.DHAAttachmentNewGridContainer
{
    clear:both;
    padding:5px 5px 5px 0px;
}

.DHAAttachmentNewGridLabelContainer
{
   float:left;
}
.DHAAttachmentNewGridFileAttachmentShowButtonPrefixContainer
{
    text-align:right;    
}
.FileAttachmentShowButtonClass
{
    background-color:#C3DE41;
}

.UploadAttachmentModal
{
    border-width:1;
    border-style:solid;
    border-color:Gray;
    background-color:White;
}

.UploadAttachmentModalButtonContainer
{
    text-align: center;
}

.UploadAttachmentModal .DHATextBoxLabelContainer
{
      width:100px;
}

.ModelpopupBackgroundCssClass
{
	background-color:Teal;
	filter:alpha(opacity=70);
	opacity:0.7;
    z-index:10000;
}

.SectionMainHeader
{
    width:100%;
    clear: both;
	border: solid 1px #CCC;
    background-color: #FFF;
	font-size:12px;
	box-shadow:0 2px 13px #ccc;
	margin-bottom:10px;
	padding-left:5px;
}

.SectionHeader
{   
    font-size:14px; 
    font-weight:bold; 
    color:#008B9B; 
    border:0;    
    padding-left:15px;
    cursor:pointer;
    min-height:45px;
}


.leftImage
{
    float:right;
    vertical-align:top;
}

.rightImage
{
    float:left;
    vertical-align:top;
}


.WFButton
{     
    color: White;
    border:0px;
    min-width:98px;
    height:31px;
    cursor:pointer;
    font-family: Arial, Helvetica, sans-serif;    
    background-color: #1694A2;
    padding: 5px;
    border-radius: 5px;
    font-size:11pt;
    margin-right:5px;    
}

.ValidationSummary
{
    color: Red; 
}

.HideIdColumn
{
    display: none !important;    
}

.clear
{
    clear:both;
}

.error
{
    color: Red;    
}

.AssignPanelClass
{
    height:450px;
}

.DHAUserAssignmentContainerClass
{
    background-color:White;
    overflow:scroll;
    color:Black;
    height:300px;
}



.MenuGroupName
{
    font-weight:bold;
    font-family:Verdana;
    font-size:10pt;
    color:#5BA510;
    display:block;
}

.MenuLinkA
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #4E4E4E;
    text-decoration: none;
}

.MenuInfoDiv
{
    width: 350px;
    height: 329px;
    padding: 11;
    position:absolute;
    display:none;
    z-index:1000;
    color: black;
	border: #80B31F;
	border-style: solid; 
	border-top-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-right-width: 1px; 
	background-color: #FFFFFF; 
}


                /*Announcement Control*/
.AnnouncementTitle
{
    font-family:"Verdana";
    font-size: 8pt;
    font-weight:bold;
    color:#FF6600;
}

.AnnouncementText
{
    font-family:"Verdana";
    font-size: 8.5pt;
    color:#4E4E4E;
}

.AnnouncementTable
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/AnBG.png');
    background-repeat: repeat-x;
}

.AnnouncementTopLeftCorner
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/ATopLeftCorner.png');
    background-repeat: no-repeat;
    width: 16px;
    height:19px;
}
.AnnouncementTopLine
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/ATopLine.png');
    background-repeat: repeat-x;
    height:19px;
}
.AnnouncementTopRightCorner
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/ATopRightCorner.png');
    background-repeat: no-repeat;
    width: 13px;
    height:19px;
}
.AnnouncementLeftLin
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/AnLeftLin.png');
    background-repeat: repeat-y;
    width: 16px;
}

.AnnouncementRightLine
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/AnRighttLine.png');
    background-repeat: repeat-y;
    width: 13px;
}

.AnnouncementBottomLeftCorner
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/ABottomLeftCorner.png');
    background-repeat: no-repeat;
    width: 16px;
}

.AnnouncementBottomLine
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/AnnBottomLine.png');
    background-repeat: repeat-x;
}

.AnnouncementBottomRightCorner
{
    background-image: url('../../UIComponents/Images/MenuImages/Boxes/ABottomRightCorner.png');
    background-repeat: no-repeat;
    width: 13px;
}


        /*Task Control*/
.TaskTable
{
    background-image: url('../../UIComponents/Images/MenuImages/PendingTaskBox/PendingTasksBox.png');
    background-repeat: no-repeat;
}
.TaskCount
{
    font-family: Verdana;
    font-size: 10px;
    color: #FF6600;
    font-weight: bold;
}

.fLeft
{
    float: left;    
}

.fRight
{
    float: right;    
}

.clear
{
    clear: both;
}

.VAlignTop
{
    vertical-align : top;
}

.InternalTrackingDetails
{
    font-family:"Verdana";
    font-size: 8.5pt;
    color:#4E4E4E;
    background-color:White;
    overflow:scroll;
    height:100%;
    width:75%;
}

.PanelGroupItem
{
    width: 290px;    
    float: left;
    min-height:75px;
}

.BackgroundTransparencyModalPopupClass
{
    opacity:0.7;filter:alpha(opacity=70);
    z-index:9000;
    position:fixed;
    background-color:Gray;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

.PendingRow
{
    background-color:#90EE90;
}

.ActionedRow
{
    background-color:#FFFFFF;
}

.InboxMenuHover {
	
}

.InboxMenuCss 
{
    background-image:url('../../UIComponents/Images/MenuBack.png');
	background-repeat:repeat;
	border-color:Gray;
	border-style:solid;
	border-width:.1em;
	width:80px;
	text-align:left;
    padding-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	font-weight: bold;
}

.InboxMenuItem
{
    font-weight: bold;
    background-color: #05927F;
    padding: 5px;
    border-radius: 5px;
    color: white;
    margin-left: 5px;
}

.LoadingImage {     position:absolute;     width:48px; /*image width */     height:48px; /*image height */     left:50%;      top:50%;     margin-left:-24px; /*image width/2 */     margin-top:-24px; /*image height/2 */ } 


.InspectionCheckListGroup
{
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5ba510; 
    border:0;
}

.Progress
 {
    opacity:0.7;
    filter:alpha(opacity=70);
    z-index:9000;
    position:fixed;
    background-color:#FFFFFF;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
 }
 
.ProgressImage      
{
    position:absolute;     
    width:16px; /*image width */     
    height:16px; /*image height */     
    left:50%;      
    top:50%;     
    margin-left:-8px; /*image width/2 */     
    margin-top:-8px; /*image height/2 */ 
    } 
    
    
 .CalenderEdit a
 {
     color:#5AB5B6;
     font-weight:bold;
 }
 
 
.AssessmentScheduleTemplateExamEditPopup
{
    font-family:"Verdana";
    font-size: 8.5pt;
    color:#4E4E4E;
    background-color:White;
}

.AssignAvailablePanelMamberPopup
{
    font-family:"Verdana";
    font-size: 8.5pt;
    color:#4E4E4E;
    background-color:White;
    width:95%;
    height:95%;
    overflow:auto;
}

.InfoSection
{
    clear: both;
	border: solid 1px #CCC;
	margin: 5px 5px 5px 5px;
	font-size:12px;
	
}

.ExamDetailSection
{
    clear: both;
	border: solid 1px #CCC;
	background-color:#D4ECB8;
	font-size:9px;
	width:153px;
}

.ExamSection
{
    clear: both;
	font-size:8px;
	height:100px;
	width:153px;
	overflow:auto;
}


.CalenderLabel
{
    font-weight:bold;   
    font-size:xx-small;
}

.ExamScheduleWithOutWF
{
    background-color:Red;
    border-style:solid;
    border-width:thin;
    border-color:White;
}

.ExamScheduleWithOutWF a
{
    color:White;
}


.ExamScheduleWithWFPending
{
    background-color:Yellow;
     border-style:solid;
    border-width:thin;
    border-color:White;
}


.ExamScheduleWithWFApproved
{
    background-color:Green;
     border-style:solid;
    border-width:thin;
    border-color:White;
    color:White;
}

.ExamScheduleWithWFApproved a
{
    color:White;
}

.HandCursor
{
    cursor:hand;
}

.Note 
{
    clear:both;
    padding:5px 0px 5px 10px;
    font-weight:bold;
    font-size:larger;
    color:Red;
    text-align:center;
}

.RightAlign
{
    text-align:right;
}

.WarningMessage
{
    color:Red;
    text-align:center;
}

.DetailNote 
{
    font-Size:small;
}

.DetailNote ul
{
    font-Size:small;
}


.DashBoardSection
{
    vertical-align:top;
    height:555px;
    width:300px;
    overflow:auto;
    border-style:solid;
    border-width:5px;
    border-color:#EFF2E2;
    background-color:#C5DCE2;
}

.DashBoardFullSection
{
    vertical-align:top;
    height:555px;
    width:665px;
    overflow:auto;
    border-style:solid;
    border-width:5px;
    border-color:#EFF2E2;
    background-color:#C5DCE2;
}

.DashboardTd
{
    height:100%;
    width:300px;
    padding-left:5px;
    padding-top:5px;
}

.MainDashboard
{
    background-color:#FFFFFF;
    margin:5px 5px 5px 5px;
    
}   


.MySelected
{
    color:Red;
}

.MyNotSelected
{
}

.AppointmentLegend
{
    background-color:Yellow;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.FollowUpLegend
{
    background-color:Red;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.RetFlightLegend
{
    background-color:Maroon;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.OutFlightLegend
{
    background-color:Purple;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.AdmissionLegend
{
    background-color:Green;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}


.ExpensesLegend
{
    background-color:#23C0F2;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}
.DEGLabel
{
    clear:both;
    padding:10px 0px 5px 20px;
    font-weight:bold;
    
}
.TaskLegend
{
    background-color:Teal;
    width:15px;
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
}

.bold
{
    font-weight:bold;
}

.fancybox-wrap{z-index:999999999 !important; overflow: auto;
    -webkit-overflow-scrolling:touch;
               
               }

 .fancybox-iframe {
    overflow: auto !important;
    -webkit-overflow-scrolling:touch !important;
}

.fancybox-inner
{
    overflow: scroll !important;
    -webkit-overflow-scrolling:touch !important;
}

.UploadAttachmentUploadField
{
    padding-left:10px;
}

.UploadAttachmentModalButtonContainer input
{
    margin-left:2.5px;
    margin-right:2.5px;
}

.DropDownListDay
{
    width:45px;
    border:1px solid #ccc; padding:3px;
}

.DropDownListMonth
{
    width:45px;
    border:1px solid #ccc; padding:3px;
}

.DropDownListYear
{
    width:60px;
    border:1px solid #ccc; padding:3px;
}


.Hidden
{
    display:none !important;
}

.DHADatePickerMinuteListPrefixContainer
{
    float:left;
    margin-left:-6px;
}



.DHAGridControlGridViewContainer
{
    overflow-y: hidden;
    overflow-x:auto;
}

.allowOverflow
{
    overflow-y: hidden;
    overflow-y: auto;
}

 .gridWidth
{
    width: 100%;
}

.DHAAttachmentNewGridButtonContainer
{
    text-align:right;
}

.DHAAttachmentNewGridButtonContainer input:first-child
{
    margin-right:3px;
}


.DHAAttachmentNewGridButtonContainer input:last-child
{
    margin-right:3px;
}

.button-attachment
{
    background-color:#05927F;
    color: White;
    border:0px;    
    height:31px;
    padding:5px;
    min-width:98px;
    background-image:url('../../UIComponents/images/icn_attachment.png');
    background-repeat:no-repeat;
    padding-left:20px;
    background-position-x:3px;
    background-position-y:2px;
    margin-top:5px;
    border-radius:5px;
}

.link-button-attachment
{
    background-color:#05927F;
    border:0px;    
    height:31px;    
    background-image:url('../../UIComponents/images/services.png');
    background-repeat:no-repeat;            
    min-width:34px;
    background-size:contain;
    margin-top:5px;
    float:right;
    border-radius:5px;
}

.DHACheckBoxContainer div
{
    display:inline;
}


/****** naeem *******/
.ButtonSkydrive
{
    background:url(skydrive.png) no-repeat;
    background-position:left;
    color: Blue;
    border:0px;
    width:128px;
    height:80px;
    cursor:hand;
    font-family : Tahoma;
    font-size : 11px;
    text-align:right;
}
.ButtonDropbox
{
    background:url(dropbox.png) left no-repeat;
    color: Blue;
    border:0px;
    width:98px;
    height:22px;
    cursor:hand;
    font-family : Tahoma;
    font-size : 11px;
    text-align:right;
}
.ButtonGoogledrive
{
    background:url(googledrive.png) left no-repeat;
    color: Blue;
    border:0px;
    width:98px;
    height:22px;
    cursor:hand;
    font-family : Tahoma;
    font-size : 11px;
    text-align:right;
}
.LinkerTr
{
    border:0px;
    width:128px;
    height:50px;
    cursor:hand;
    font-family:Tahoma;
    font-size:11px; 
    text-align:left;
}
.ImageTd
{
    border-bottom:1px solid #666666;
    width:40px;
}
.ImageLeftBorderTd
{
    border-bottom:1px solid #666666;
    border-Left:1px solid #cccccc;
    width:40px;
}
.ImageLeft
{
    margin-left:5px;
    width:36px; 
    height:36px;
    background-position:left;
}
.LinkButtonTd
{
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    border-bottom:1px solid #666666;
}
.LinkerTitleTd
{
    text-align:left;
    border-bottom:1px solid #666666;
}
.LinkerStatusTd
{
    color:Gray;
    font-weight:bold;   
}
.LinkerArrowTd
{
    width:24px; 
    border-bottom:1px solid #666666;
}
.ProviderTr
{
    border:0px;
    width:200px;
    height:30px;
    cursor:hand;
    font-family:Tahoma;
    font-size:11px; 
    text-align:left;
}
.ProviderHeadingImage
{
    width:20px; 
    height:20px; 
    vertical-align:bottom;
}
.ProviderHeadingTitle
{
    font-size:14pt; 
    font-weight:bold; 
    color:#5ba510; 
    width:400px;
}
.Margin5
{
    margin:5px;
}
.Margin10
{
    margin:10px;
}
.MarginLeft10
{
    margin:10px;
}

/***** DIV TABLE [Naeem] *****/


#dsg-happiness-box
		{
		    width:35px;
		    height:30px;
			position: fixed;
			bottom: 0px;
			left: 15px;
			background-color:#84BE00;
			padding:10px;
			box-sizing:content-box !important;
			/*box-sizing: inherit !important;*/
		  }
		  
.fancybox-inner
{
    overflow:hidden !important;
}