/*Do not change this code*/
body
{
    margin: 0 auto 0 auto;
    /*width: 1000px;*/
    width:100%;
    position:relative;
    font-family:Verdana;
    font-size:14px;
}

#wrapperHolder
{
	width: 100%;
	height:100%;
	position:absolute;
	top:50%;
	left:0%;
	margin:-100px -100px 0 0;
	text-align: center;
}

#wrapper
{
	width: 200px;
	height: 150px;
	margin: 0 auto 0 auto;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	background-color: #F0F8FF; /*#ffff99;*/
}

#MainContent
{
    margin-top:0px;

}
    
.HeaderTable
{
    background-color:#EBEBED;
    min-width:800px;
    width:98%;
    margin: 0px auto;
    border:1px solid;
    border-color:#EBEBED;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;       
 } 

#Footer
{
    width:98%;
    min-width:800px; 
    margin:0px auto; 
    background-color: #EBEBED; 
    height:80px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    height:90px;
    margin-top:25px;
}

/*#FooterLeft
{
    width: 98%;
    float: left;
    padding-top: 35px;
    margin-left: 10px;
}*/

#FooterLeft
{
    float:left; 
    padding-left:20px; 
    padding-top:10px; 
    width:45%;
}

/*#Logos
{
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 98%;
    padding-top: 25px;
}*/

#Logos
{
    margin-top:6px;
    float:left; 
    padding-top:10px; 
    width:53%; 
    text-align:right;
}

#Copyright
{
    float: left;
}

.HeaderGrayText
{
    font-family: Arial Narrow;
    font-size: 16px;
    color:#7F7F7F;
    font-weight:bold;
    align-content:center;
}

#LocationBar 
{
    margin:0px auto;
    margin-top:10px; 
    width:98%;
}

.FormInput
{
    border: solid 1px #CCCCCC;
    height: 1.4em;
}

.PageTitle
{
    font-size: 25px;
    font-weight: bold;
    color: #666;
    margin-left: 0px;
}

.PageSubtitle
{
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-left: 0px;
}

.PageTitleContainer 
{
    width:90%; 
    margin:0px auto; 
    margin-bottom:15px
}

.PageMenuContainer 
{
    width:90%; 
    margin:0px auto; 
    background-color:#EBEBED; 
    height:auto; 
    padding:10px;    
}

.PageContainer 
{
    width:80%; 
    margin:0px auto; 
    background-color:#EBEBED;
    height:auto; 
    padding:10px;
}

#Timer
{
    z-index: 1000;
    position: relative;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*Side Menu Styles added by FL 25/05/12*/

.panel
{
    position: absolute;
    top: 52px;
    left: 0;
    display: none;
    background: #ffffff;
    border: 1px solid #111111;
    width: 150px;
    height: auto;
    padding: 0px 30px 0px 30px;
    z-index:1

}

.panel a:hover
{
    margin: 0;
    padding: 0;
    color: #000000;
    text-decoration: none;
}

.panel a,.panel a:visited
{
    margin: 0;
    padding: 0;
    color: #2A608F;
    text-decoration: none;
}
a.trigger
{
    position: absolute;
    text-decoration: none;
    top: 10px;
    left: 0;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #fff;
    padding: 5px 10px 0px 10px;
    font-weight: 700;
    background: #2A608F;
    /*border: 1px solid #111111;*/
    display: block;
    z-index:2;
    height: 18px;
    margin-left:5px;
    

}
a.trigger:hover
{
    position: absolute;
    text-decoration: none;
    top: 10px;
    left: 0;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #FFFFFF;
    padding: 5px 10px 0px 10px;
    font-weight: 700;
    background: #2A608F;
   /* border: 1px solid #111111;*/
    display: block;
       margin-left:5px;
}
a.active.trigger:hover
{
    background: #2A608F;
    z-index:2;
}

a.active.trigger
{
    background: #2A608F;
    z-index:2;
}
.SideMenuContent
{
    clear: both;
    width: 150px;
    padding:20px 0 15px 0;
    line-height: 22px;
    text-align: left;
}

/*Menu styles end - FL*/



.NavButton
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: #2a608f;
    text-decoration: none;
}

.NavButtonSmall
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 9pt;
    color: #2a608f;
    text-decoration: none;
}

.NavButtonSelected
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small; /*color:#7575F9;*/
    color: #2a608f;
    text-decoration: none;
}

.Copyright
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Gray;
}

.FooterLinks
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color:#7575F9;*/
    color: #2a608f;
}

.HeaderLinks
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Gray;
    text-decoration: none;
}

.MenuTitle
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small; /*color:#7575F9;*/
    color: #2a608f;
    text-decoration: none;
}

.TitleHighlight
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: #ff3333;
    text-decoration: none;
    font-weight: bold;
}
.GenericLinks
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: blue;
}
.MenuItemTitle
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    font-weight: bold;
    text-decoration: none;
}
.MenuItemText
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    text-decoration: none;
}

.BreadCrumbs
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Gray;
    text-decoration: none;
}

.FileItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Gray;
    text-decoration: none;
}
.FileItemBold
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Gray;
    font-weight: bold;
    text-decoration: none;
}
.CategoryTitle
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: white;
    text-decoration: none; /*background-color:#7575F9;*/
    background-color: #2a608f;
    font-weight: bold;
}

.CategorySelected
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: black;
    text-decoration: none;
    background-color: #C1C1F4;
    font-weight: bold;
}
.ItemInfo
{
    font-family: 'Trebuchet MS' , 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    text-decoration: none;
}

.ItemInfoBold
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

/*Diary*/

/*Clinic Not Avaliable*/
.NA
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #99ff99;
    text-align: center;
    text-decoration: none;
}


/*None Clinic*/
.NC
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: white;
    background-color: #C1C1F4;
    text-align: center;
    text-decoration: none;
}

/*Resource Exception*/
.EX
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    background-color: #ffff66;
    text-align: center;
    text-decoration: none;
}

/*Out of Hours*/
.OH
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: white; /*background-color: #7575F9;*/
    background-color: #2a608f;
    text-align: center;
    text-decoration: none;
}

/*Clinic*/
.CL
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    background-color: #99ff66;
    text-align: center;
    text-decoration: none;
}


/*Appointment*/
.AP
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #C1C1F4;
    text-align: center;
    text-decoration: none;
}

/*Appointment Collection*/
.AC
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #C1C1F4;
    text-align: center;
    text-decoration: none;
}

/*Appointment Return*/
.AR
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #C1C1F4;
    text-align: center;
    text-decoration: none;
}

/*Clinic Exception*/
.CE
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #ffcc66;
    text-align: center;
    text-decoration: none;
}

/*Resource Recursive Exception*/
.RE
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    background-color: #ccff66;
    text-align: center;
    text-decoration: none;
}

/*Normal*/
.NORMAL
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    text-align: center;
    background-color: White;
    text-decoration: none;
}

.DiaryItemInfoHeader
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #CECECE;
}

.DiaryItemInfo
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
}


.TIMENORMAL
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    text-align: center;
    background-color: #CECECE;
}

.TIMEALT
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: WHITE;
    text-align: center;
    background-color: #8C8C8C;
}

/*Diary Header*/
.DIARYHEAD
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: white; /*background-color: #7575F9;*/
    background-color: #2a608f;
    text-align: center;
    text-decoration: none;
}

.DivStyle
{
    /*scrollbar-dlight-color:#7575F9;*/
    scrollbar-dlight-color: #2a608f;
    scrollbar-arrow-color: #C1C1F4;
    scrollbar-base-color: #C1C1F4;
    scrollbar-darkshadow-color: #C1C1F4; /*scrollbar-face-color:#7575F9;*/
    scrollbar-face-color: #2a608f;
    scrollbar-highlight-color: #C1C1F4; /*scrollbar-shadow-color:#7575F9;*/
    scrollbar-shadow-color: #2a608f;
}


.UpBar
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    /*background-color: white;*/
}

.DropBar
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    background-color: #C1C1F4;
}

.ItemBold
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.Item
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}

.Item2
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}
.Item2Bold
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.ItemLarge
{
    font-family: Tahoma, Verdana;
    font-size: small;
    color: Black;
    text-decoration: none;
}
.ItemBoldLarge
{
    font-family: Tahoma, Verdana;
    font-size: small;
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
.ItemLgr
{
    font-weight: bold;
    font-size: smaller;
    font-family: Tahoma;
    text-align: center;
}
.ItemNote
{
    font-size: 12px;
    font-family: 'Trebuchet MS' , Verdana;
    color: Gray;
}
.ItemRight
{
    font-size: 12px;
    font-family: 'Trebuchet MS' , Verdana;
    text-align: right;
}


.MsgText
{
    font-size: small;
    font-family: Tahoma;
    color: #FF8000;
}

.SubCategoryTitle
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: white;
    text-decoration: none; /*background-color:#7575F9;*/
    background-color: #2a608f;
    width: 143px;
    text-align: left;
    font-weight: bold;
}
.SubCategorySelected
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: black;
    text-decoration: none;
    background-color: #C1C1F4;
    width: 143px;
    text-align: left;
    font-weight: bold;
}


.dgHead
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    text-decoration: none; /*http://www.codeproject.com/KB/aspnet/FreezeHeader.aspx altered as the guy was nesting .parentElement alot*/
    top: expression(this.parentElement.scrollTop);
   /*position: relative;*/
    background-color: white; /*http://kjellsj.blogspot.com/2005/04/fixed-header-in-aspnet-datagrid.html removed due to header moving when main scroll was used*/ /*top:expression(this.offsetParent.scrollTop);*/
}

.dgHeadLarge
{
    font-family: Tahoma, Verdana;
    font-size: small;
    color: Black;
    font-weight: bold;
    text-decoration: none; /*http://www.codeproject.com/KB/aspnet/FreezeHeader.aspx altered as the guy was nesting .parentElement alot*/
    top: expression(this.parentElement.scrollTop);
    position: relative;
    background-color: white; /*http://kjellsj.blogspot.com/2005/04/fixed-header-in-aspnet-datagrid.html removed due to header moving when main scroll was used*/ /*top:expression(this.offsetParent.scrollTop);*/
}

.dgStockItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    text-decoration: none;
    color:black;
        
}

.dgStockAltItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    text-decoration: none;
    background-color:#F8DB87;
    font-weight:normal    
}

.dgStockHeader
{
    font-size:14px;
    font-weight:bold;
    color:white;
    background-color:#D7A50E;
}

.dgPurchaseItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    text-decoration: none;
    color:black;
}

.dgPurchaseAltItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    text-decoration: none;
    background-color:#CFD5C3;
    font-weight:normal
}

.dgPurchaseHeader
{
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#7D9A48;
}

.dgReportItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    text-decoration: none;
    color:black;
    background-color:white;
}

.dgReportAltItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    text-decoration: none;
    background-color:#E6E6F7;
    font-weight:normal
}

.dgReportHeader
{
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#2191BE;
}

.dgConfigItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    text-decoration: none;
    color:black;
    background-color:white;
}

.dgConfigAltItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    text-decoration: none;
    background-color:#F6E0E0;
    font-weight:normal
}

.dgConfigHeader
{
    font-size:12px;
    font-weight:bold;
    color:white;
    background-color:#9C1519;
}

.dgItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    color: #2a608f;
    text-decoration: none;
}

.dgAltItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    color: #2a608f; /*background-color:#E0E0E0;*/
    text-decoration: none;

}

.dgAltItemDocs
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    color: #2a608f; /*background-color:#E0E0E0;*/
    text-decoration: none;
    background-color:#E9E9E9;
    text-decoration:none;
}

.DocsdgHeader
{
    color:#000000;
    text-decoration:none;
    }

.dgAltItemCol
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    color: #2a608f;
    background-color: #E0E0E0;
    text-decoration: none;
}

.dgItemBold
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px; /*color: #7575F9;*/
    color: #2a608f;
    font-weight: bold;
    text-decoration: none;
}

.dgHighlight
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    text-decoration: none;
    background-color: #ffff66;
}

.dgItemLarge
{
    font-family: Tahoma, Verdana;
    font-size: Small; /*color: #7575F9;*/
    color: #2a608f;
    text-decoration: none;
}

.dgItemBoldLarge
{
    font-family: Tahoma, Verdana;
    font-size: Small; /*color: #7575F9;*/
    color: #2a608f;
    font-weight: bold;
    text-decoration: none;
}

.dgAltItemLarge
{
    font-family: Tahoma, Verdana;
    font-size: Small; /*color: #7575F9;*/
    color: #2a608f; /*background-color:#E0E0E0;*/
    text-decoration: none;
}


.MenuItem
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
 
}


.TrevMenuButton
{
    font-family: Arial Narrow;
    font-size: 14px; /*color: #7575F9;*/
    color: #2a608f;
    text-decoration: none;
    text-align: left;
    line-height: 20px;

}


.TrevMenuButtonBold
{
    font-family: Arial Narrow;
    font-size: 16px; /*color: #7575F9;*/
    color: #2a608f;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    font-weight: bold;
    

}

.TrevMenuButtonBold a:hover
{
    font-family: Arial Narrow;
    font-size: 16px; /*color: #7575F9;*/
    color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    font-weight: bold;
}

.MenuItemTitleBlueBar
{
    font-family: Arial Narrow;
    font-size: small;
    color: White; /*background-color:#7575f9;*/
    background-color: #2a608f;
    font-weight: bold;
    text-decoration: none;
}

.WindowBlockHead
{
    font-family: Arial Narrow;
    font-size: 12px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}
.WindowBlock
{
    font-size: 12px;
    font-family: Tahoma;
    color: black;
}





/*Ment to be for the date picker but does not seem to be able to control it */

.ajax__calendar_container
{
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 180px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body
{
    height: 139px;
    width: 180px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}
.ajax__calendar_container TABLE
{
    font-size: 11px;
}
.ajax__calendar_header
{
    height: 20px;
    width: 100%;
}
/*.ajax__calendar_prev
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90ZvGxZ6SJJh48yx62JKItzQ2&t=633053122925312500);
}
.ajax__calendar_next
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90HZemRms4wXOo1BZWTwWtNQ2&t=633053122925312500);
}*/

.ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
}
.ajax__calendar_footer
{
    height: 15px;
}
.ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
}
.ajax__calendar_dayname
{
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}
.ajax__calendar_day
{
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}
.ajax__calendar_month
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ajax__calendar_year
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}
.ajax__calendar .ajax__calendar_footer
{
    border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
    border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
    color: #0066cc;
}

.ajax__calendar_container
{
    z-index: 900;
}
/* this line is added so that the calender popup appears ON TOP of drop down lists and data grids.  A z index is required that is larger than the xindexes used by the
												modal popup.  there are some discrepencies in the actual numbers used but this one works.  */

/*.DatePicker
{
	font-family: 'Trebuchet MS' , Verdana;
	font-size: 12px;
	color: Black;
	background-color: white;
	position: relative;
	z-index: 10;
	background-image: none;
}*/

.PrintBold
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: small;
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

/*.PageTitle
{
    font-family: Arial Narrow;
    font-weight: bold;
    font-size: medium; /*color: #7575F9;*/
    color: #2a608f;
}*/
.Warning
{
    font-family: Arial Narrow;
    font-weight: normal;
    font-size: small; /*color: #7575F9;*/
    color: Firebrick;
}
.TextArea98percent
{
    height: 120px;
    width: 500px;
    max-width: 98%;
    min-width: 98%;
}

/*New Order Div copied accross from UNIQUSAmerica AL 07/11/12*/
.divNewOrder
{
    position: absolute;
    top: 90px;
    left: 0px;
    display: none;
    background: #ffffff;
    border: 1px solid #111111;
    width: 960px;
    height: auto;
    padding: 0px 20px 0px 20px;
    z-index:1

}

.divNewOrder a:hover
{
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    text-decoration: none;
}

.divNewOrder a,.divNewOrder a:visited
{
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    text-decoration: none;
}

a.active.NewOrderTrigger:hover
{
    background: #FFFFFF;
    z-index:2;
}

a.active.NewOrderTrigger
{
    background: #FFFFFF;
    z-index:2;
}

.NewOrderContent
{
    clear: both;
    width: 950px;
    padding:20px 0 15px 0;
    line-height: 22px;
    text-align: left;
}

/*Hire pages*/

#calHireDateFrom
{
    z-index:1000;
    position:absolute;
    background-color:#ffffff;
    top: 230px;
    left: 150px;
}

#calHireDateTo
{
    z-index:999;
    position:absolute;
    background-color:#ffffff;
    top: 230px;
    left: 642px;

    }
    
#divContainer
{
     z-index:998;
     position:relative;
}

.CalContainer
{
    width:50%;
    float:left;
    text-align:center;
    }
    
#HirePeriod
{
    width:100%;
    clear:both;
    text-align:center;
    }
  
  
#HireHeader
{
    margin:10px 0px 10px 0px;
    width:100%;
    }
  
.HirePageTitle
{
    font-size:30px;
    font-weight:bold;
   color:#0099CC;
    }
    
.HireInstructions
{
    font-size:14px;
    color:#333;
    }
    
.HireFormItem
{
    font-size:16px;

}

.HireFormInput
{
    border:solid 1px #999;
    }

.HireBtn
{    background-color:#0099CC;
    color:#fff;
    padding:5px;
    font-weight:bold;

    }

.HireBg
{
    padding:5px;

    border:solid 5px #CCEBF5;
    }

#HireFooter
{
    width:96%;
    background-color: #CCEBF5;
    padding:2%;
    height:50px;
    }
    
#HireFooterLinks
{
    width:50%; 
    float:left; 
    margin-top:40px;

    }
    
#HireFooterLinks a
{
    color:#0099CC;
    cursor:pointer;
    font-weight:bold;
    }
 
 #HireFooterLinks a:hover
{
    cursor:pointer;
    color:Black;
        font-weight:bold;
    }
 
.dgTipItem
{
    float:left;
    width:600px;
    
    }
    
/* Styles for home.aspx page*/

.defaultMenuContainer
{
      height:500px;
    }

#defaultNavTilesContainer
{
    width: 890px;
    margin: 0px auto 0px auto;
    padding-top: 10px; 
}

.defaultRedNavTile
{
    float: left;
    width: 270px;
    height: 220px;
    background-color: #9C1519;
    padding:5px;
    margin-right:20px;
    color:white;
    font-size:20px;
    font-size:20px;
    font-weight:bold;   
  
}

.defaultGreenNavTile
{
    float: left;
    width: 270px;
    height: 220px;
    background-color: #7D9A48;
    padding:5px;
    margin-right:20px;
    color:white;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:220px;
    vertical-align:middle;
}

.defaultYellowNavTile
{
    float: left;
    width: 270px;
    height: 220px;
    background-color: #D7A50E;
    padding:5px;
    margin-right:20px;
    color:white;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:220px;
    vertical-align:middle;
}

.defaultBlueNavTile
{
    float: left;
    width: 270px;
    height: 220px;
    background-color: #2191BE;
    padding:5px;
    color:white;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:220px;    
}

.defaultPurpleNavTile
{
    float: left;
    width: 270px;
    height: 220px;
    background-color: #B1A9C0;
    padding:5px;
    color:white;
    font-size:20px;
    font-weight:bold;
    text-align:center

}

.defaultTileWriting
{
    font-size:14px;
     color:#fff;
    }

#DefaultBody
{
     background-color: #EBEBED;
     font-size:14px;
    }
    
#DefaultContentContainer{
     background-color: #fff;
     /*padding:20px, 20px, 0px, 20px;*/
     padding-top:20px;
     padding-left:20px;
     padding-right:20px;     
     /*min-height:900px;*/
     /*height:600px;*/
     min-height:600px;
     clear:both; 
    }

.Spacer
{
    width: 25px;
    float: left;
}


.TileNewLine
{
    clear: both;
    height: 25px;
    width: 680px;
}

.LinkStyle
{
    color:#000;
    }
    
    
.LinkStyle:hover
{
    color:#2191BE;
    }

.MetroTileImg
{
    vertical-align:middle; 
    margin-left:20px; 
    margin-top:20px;
}

.MetroAlertText
{
    float:left; 
    margin-left:5px;
    text-decoration:none;    
}

.MetroAlertValue
{
    float:right; 
    margin-right:5px
}
    
/*
Suggested Orders report
*/

.TDItem1
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 14px;
    color: Black;
}

.TDAltItem1
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 14px;
    color: Black;
    background-color: #DDFFDD;
}

.TDHeaderItem1
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 14px;
    color: Black;
    font-weight: bold;
    background-color: #DDDDDD;
}

/*Anchor Activity Page Styles*/

.AATitle
{
    font-size:24px;
    font-weight:bold;
    }
 
.AAItem
{
    font-size:18px;
    font-weight:bold;
    }
    
.AABtn
{
    padding:10px 15px 10px 15px;
    background-color: #2A608F;
    color:White;
    -webkit-appearance: none;
    font-size:16px;
    }
    
.AAdgAltItem
{
    font-size:18px;

    }

.AAdgItem   
{
    font-size:18px; 
             }

.AAdgHeader   
{
    font-size:20px;
    font-weight:bold;
               }
          
          
 .AAdgIcon
 {
     text-align:center;
     }
     
.AAInput
{
    height:30px;
    font-size:18px;
    }
    
.AABtnOrange{
    padding:10px 15px 10px 15px;
    background-color: #FF8000;
    color:White;
    -webkit-appearance: none;
    font-size:16px;
    }
    

/*Styles for material summary page  FF - 09/03/2015*/

.Header
{
    font-size:16px;
      font-weight:bold;
      color:#006DD9;
    }

.SubTitle
{
    font-size:12px;
    font-weight:bold;
    }
    
.dgHeader
{
    font-size:14px;
    font-weight:bold;
    background-color:#006DD9;
    color:#fff;
    }
    
 .dgAltStyle
 {
     background-color:#BFEFFF;
     }

 /*Navigation Tiles css*/

.MenuContainer
{
    background-color: #EBEBED;
    margin:0px auto;
    width: 1050px;
    
}

.MaterialInfoLink 
{
    text-decoration:none;
    color:blue;
}

.MaterialInfoLink :hover
{
    text-decoration: solid;
}

#NavTilesContainer
{
    width: 90%;
    margin: 0px auto 0px auto;
    padding-top: 45px;
    padding-bottom:45px;
    background-color: #EBEBED;
}

.RedNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #9C1519;
    margin-left:30%;
    margin-bottom:10px;        
}

.RedNavTileHover
{
    float:left;
    width: 210px;
    height: 210px;
    background-color: #9C1519;
    margin-left:30%;
    margin-bottom:10px;  
}

.RedNavTileHover:hover
{
    cursor:pointer;
}

.GreenNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #7D9A48;
    margin-left:30%;
    margin-bottom:10px;

}

.GreenNavTileHover
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #7D9A48;
    margin-left:30%;
    margin-bottom:10px;
}

.GreenNavTileHover:hover
{
    cursor: pointer;
}

.YellowNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #D7A50E;
    margin-left:30%;
    margin-bottom:10px;
}

.YellowNavTileHover
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #D7A50E;
    margin-left:30%;
    margin-bottom:10px;
}

.YellowNavTileHover:hover
{
    cursor: pointer;
}

.BlueNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #2191BE;
    margin-left:30%;
    margin-bottom:10px;
}

.BlueNavTileHover
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #2191BE;
    margin-left:30%;
    margin-bottom:10px;
}

.BlueNavTileHover:hover
{
    cursor: pointer;
}

.PurpleNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    /*background-color: #B1A9C0;*/
    background-color:#63577F;
}

.PurpleNavTileHover
{
    float: left;
    width: 210px;
    height: 210px;
    /*background-color: #B1A9C0;*/
    background-color:#63577F;
}

.PurpleNavTileHover:hover
{
    cursor: pointer;
}

.GrayNavTile
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #B1A9C0;    
}

.GrayNavTileHover
{
    float: left;
    width: 210px;
    height: 210px;
    background-color: #B1A9C0;    
}

.GrayNavTileHover:hover
{
    cursor:pointer;
}

.TileWritingFrontPg
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 74px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWritingFrontPg a
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 74px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    text-decoration: none;
}

.TileWritingFrontPg a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 74px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWritingDoubleFrontPg
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 45px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWritingDoubleFrontPg a
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 45px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    text-decoration: none;
}

.TileWritingDoubleFrontPg a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 45px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWriting
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 175px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWriting a
{
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 175px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    text-decoration: none;
}

.TileWriting a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 175px 5px 0px 0px;
    text-align: right;
    vertical-align: bottom;
}

.TileWritingDouble {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 150px 3px 0px 0px;
    /*margin: 150px 5px 0px 0px;*/
    text-align: right;
    vertical-align: bottom;
}

.TileWritingDouble a {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 150px 3px 0px 0px;
    /*margin: 150px 5px 0px 0px;*/
    text-align: right;
    vertical-align: bottom;
    text-decoration: none;
}

.TileWritingDouble a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    font-family: Arial;
    font-size: 25px;
    margin: 150px 3px 0px 0px;
    /*margin: 150px 5px 0px 0px;*/
    text-align: right;
    vertical-align: bottom;
}

.TileIcon
{
    width: 78px;
    height: 78px;
    margin-left: 20px;
    margin-top: 20px;
}

.Spacer
{
    width: 25px;
    float: left;
}

.TileNewLine
{
    clear: both;
    height: 25px;
    width: 680px;
}

/*Default.aspx page*/ 

.LoginContainer
{
    width: 1024px;

    background-color: #EBEBED;
    min-height:600px;
    /*z-index: 999;*/
    position: relative;
    margin:auto;
    padding-bottom:10px;
}

.LoginContainerDefault
{
    width: 1024px;
    padding-top:100px;
    background-color: #EBEBED;
    min-height:600px;
    z-index: 999;
    position: relative;
    margin:auto;
    padding-bottom:10px;
}

#tblLogin
{
    margin-top: 50px;
    width: 40%;
    float: left;
    background-repeat: no-repeat;
}

#LoginLogo {
    margin-top: 25px;
    float: left;
    width: 55%;
    z-index: 1000;
    position: relative;
}

#LoginDetails
{
    text-align: center;
    margin-left:75px;
    width: 800px;
    height: 195px;
    margin-top: 100px;
}

#LoginFooter
{
    clear: both;
    margin-top: 300px;
    padding-left: 10px;
    background-color: #EBEBED;
}

.LoginText
{
    font-size: 20px;
}

.Loginbtn
{
    background-color: #305184;
    color: #fff;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
}

#TimeoutContainer
{
    width: 100%;
    padding-top: 100px;
    background-color: #EBEBED;
    height: 600px;
    z-index: 999;
    position: relative;
    padding-left: 10px;
}

.ReturntoLoginbtn
{
    background-color: #007F7B;
    color: #fff;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    margin-left: 800px;
}

#HelpRequestHeader
{
    width: 100%;
}

.FormInput
{
    border: solid 1px #CCCCCC;
    height: 1.4em;
}

.transferToHIM {
    float: right;
    margin-right: 30px;
    text-decoration: none;
    color: #007f79;
}

.transferToHIM:hover {
    color: #305184;
}

.modal-table {
    table-layout: fixed;
    word-wrap: break-word;
}

.InternalHelpdeskLink {
    background-color: #305184;
    color: #fff;
    padding: 4px 8px 4px 8px;
    border-radius: 20px;
    font-weight: bold;
    text-decoration: none;
}