/*Do not change this code*/
body
{
    margin: 0 auto 0 auto;
    font-family: Verdana;
    font-size: 12px;
}

#wrapperHolder
{
	width: 100%;
	height:100%;
	position:absolute;
	top:50%;
	left:0%;
	margin:-100px -100px 0 0;
	text-align: center;
}
#wrapper
{
	width: 200px;
	height: 120px;
	margin: 0 auto 0 auto;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	background-color: #F0F8FF; /*#ffff99;*/
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ 

.NavButton
{
	font-family:'Trebuchet MS' , Verdana;
	font-size:9pt;
	/*color:#7575F9;*/
	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:xx-small;
	color:Gray;
}

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

.HeaderLinks
{
	font-family:'Trebuchet MS' , Verdana;
	font-size:xx-small;
	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:x-small;
	color:blue;
	
	
}
.MenuItemTitle
{
	font-family:'Trebuchet MS' , Verdana;
	font-size:x-small;
	color:black;
	font-weight:bold;
	text-decoration: none;
	
}

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

.OrdersMenuItemText
{
	font-family:'Trebuchet MS' , Verdana;
	font-size:small;
	color:black;
	 text-decoration: none;
}

.MenuItemText
{
	font-family:'Trebuchet MS' , Verdana;
	font-size:x-small;
	color:black;
	 text-decoration: none;
}

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

.FileItem
{
	font-family:'Trebuchet MS' , Verdana;
 font-size:x-small;
 color:Gray;
 text-decoration: none;
}
.FileItemBold
{
	font-family:'Trebuchet MS' , Verdana;
 font-size:x-small;
 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: x-small;
	color: black;
	text-decoration: none;
}


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


/*Diary*/

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


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

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

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

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


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

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

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

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

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

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

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

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


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

.TIMEALT
{ 
	font-family:'Trebuchet MS' , Verdana;
	font-size:xx-small;
	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:#000000;
    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: x-small;
	color: Black;
	background-color: white;
}

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

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

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

}

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

/************************************************************************************************************/
/* CSS styles for notice board bought over*/
/************************************************************************************************************/

#newsflash_items_container
{
    margin-left: 2%;
}

.nf_bg
{
    padding: 5px 0 5px 0;
}

.newsflashitem
{
    margin-top: 5px;
}

.newsflash_subtitle
{
    font-size: 18px;
    width: 500px;
    float: left;
    padding-left: 5px;
    color: #3F9DD1;
}

.newsflash_attachment
{
    float: right;
    width: 30px;
    margin-top: 5px;
    margin-right: 20px;
    color: #3F9DD1;
}

.newsflash_link_one
{
    float: left;
    clear: both;
    padding: 5px;
    margin-left: 10px;
    margin-top: 16px;
}

.newsflash_link
{
    margin-top: 20px;
    float: left;
}

.newsflash_text
{
    float: left;
    padding-top: 5px;
    margin-left: 20px;
    width: 500px;
}

.newsflash_readmore
{
    float: right;
    margin-right: 20px;
    clear: both;
    color: #3F9DD1;
}

.nf_date_number {
    float: left;
    width: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-left: -55px;
    margin-top: 13px;
}

.nf_date_month
{
    text-align: center;
    float: left;
    width: 35px;
    font-size: 15px;
    margin-left: -55px;
    margin-top: 35px;
}

#calendar_icon
{
    float: left;
    margin-left: 10px;
   z-index:800;
}

.page_nav_hp
{
    float: left;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #333333;
    text-align:center;
    width:100%;
}

.page_nav_hp a
{ 
    color: #3F9DD1;
    width: 500px;
}

.newsflash_text
{
    margin-left: 50px;
}

.nf_hr{
    height:4px;
    background-color:#2a608f;
    clear:both;
}


.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: x-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);*/
}

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

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

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


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

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


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


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


.TrevMenuButtonBold
{
	font-family: Arial Narrow;
	font-size: small;
	/*color: #7575F9;*/
	color: #2a608f;
	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: x-small;
	color: black;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.WindowBlock
{
	font-size: x-small;
	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: x-small;
	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: 18px;
 /*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%;
}

.gvSmallHeader
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: white;
    font-weight: bold;
    background-color:gray; 
}

.gvSmallItems
{
    font-family: 'Trebuchet MS' , Verdana;
    font-size: 12px;
    color: black;
    font-weight:normal;
}

.GridviewScrollHeader TH, .GridviewScrollHeader TD 
{ 
    /*padding: 5px;*/
    font-weight: bold;
    white-space: normal; 
    border-right: 1px solid #AAAAAA; 
    border-bottom: 1px solid #AAAAAA; 
    /*background-color: #EFEFEF;*/
    text-align: left; 
    vertical-align: bottom;
    font-family: 'Trebuchet MS' , Verdana;
    
     
} 

.GridviewScrollItem TD 
{ 
    /*padding: 5px;*/
    white-space: normal; 
    border-right: 1px solid #AAAAAA; 
    border-bottom: 1px solid #AAAAAA; 
    background-color: #FFFFFF;
    font-family: 'Trebuchet MS' , Verdana;
    
    
} 
.GridviewScrollPager  
{ 
    border-top: 1px solid #AAAAAA; 
    background-color: #FFFFFF; 
} 
.GridviewScrollPager TD 
{ 
   /* padding-top: 3px; */
    font-size: 12px;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/ 
} 
.GridviewScrollPager A 
{ 
    color: #666666; 
}
.GridviewScrollPager SPAN

{

    font-size: 12px;

    font-weight: bold;

}

.gvAltItem
{
    color:#2a608f;
}

.FixedHeader {
      position: absolute;
      font-weight: bold;
      font-family: 'Trebuchet MS' , Verdana;
      font-size: 12px;
      color: Black;
      font-weight: bold;
      text-decoration: none;
      vertical-align:top;
} 

/*
    RSP Web Browser (CR121) Styles
    --
    START
*/

.RSPHead1
{
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    color: green;
}

.RSPHeadSub
{
    font-size: 12px;
    font-weight: bold;
}

.RSPHeadItem
{
    font-size: 12px;
}

.RSPHeadItemAlt
{
    font-size: 12px;
    background-color: lightgreen;
}

.RSPDescription
{
    font-size: 10px;
    color: gray;
}

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


/*new styles for forms */


.Form_Title{
    color:#006DD9;
    font-weight:bold;
    font-size:20px;
}

.Form_Questions{
    font-weight:bold;
    font-size:16px;
}

.Form_Answers{
    font-size:16px;
}

.Form_Btn{
    font-size:14px;
    background-color:#006DD9;
     border:5px solid #ffffff;
    color:#ffffff;
    padding:5px;
    font-weight:bold;
}

.Form_Btn:hover{
    font-size:14px;
    background-color:#ffffff;
    border:5px solid #006DD9;
    color:#006DD9;
    padding:5px;
     font-weight:bold;
}

.rblStyle input {
    width:20px;
    height:20px;
     font-size:16px;

}

.rblStyle label {
     font-size:16px;

}

.Form_TxtBx{
    width:220px;
    height:100px;
}

/*Page Formatting Page Styles*/

.PageLeftDiv50 {
    float:left;
    width:50%
}

.PageRightDiv50 {
    float:left;
    width:50%;
    text-align:right
}

.PageDiv100
{
    float:left;
    width:100%;
   
}

/*
    END
    --
    RSP Web Browser (CR121) Styles
*/

.new_navbar{
    width: 99%;
    padding: 10px;
    background-color: white;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
}
.new_navlogo{
    position: relative;
    display: inline-block;
    float: left;
    height: 130px;
}
.new_navbar_button{
    width: auto;
    min-width: 120px;
    height: 70px;
    border-radius: 2px;
    background-color: #2a608f;
    color: white !important;
    margin: 10px 10px 10px 10px;
    display: inline-block;
    text-align: center;
    font-size: 40px;
    padding: 10px;
    text-decoration: none !important;
     box-shadow: 0px 0px 0px #bfbfbf;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.new_navbar_button:hover{
    box-shadow: 0px 5px 20px #bfbfbf;
    cursor: pointer;
}
.new_navbar_text{
    font-size: 20px !important;
}
.new_TilesPage_Header{
    font-size: 40px;
    color: #2a608f;
}
.new_Tile_Container{
    width: 100%;
    text-align: center;
}
.new_Tile{
    text-align: left;
    border-radius: 2px;
    width: 250px;
    height: 250px;
    background-color: #2a608f;
    margin: 20px;
    padding: 15px;
    display: inline-table;
    text-decoration: none;
    box-shadow: 0px 0px 0px #bfbfbf;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
    .new_Tile:hover{
        cursor: pointer;
        box-shadow: 6px 6px 5px #bfbfbf;
    }
.new_Tile_Row{
    width: 100%;
}
.new_Tile_Title{
    font-size: 30px;
    color: white;
}
.new_Title_Icon{
    color: white;
    font-size: 10px !important;
    margin: 40px 0px 0px 50px;
}
.new_catControl{
    border: 2px solid #2a608f;
    background-color: white;
    color: #2a608f;
    padding: 4px 8px 4px 8px;
    font-size: 16px;
    border-radius: 2px;
    outline: none;
}
.new_Cat_Button{
    border: 2px solid #2a608f;
    background-color: #2a608f;
    color: white;
    padding: 4px 8px 4px 8px;
    font-size: 16px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-radius: 15px;
    outline: none;
}
    .new_Cat_Button:hover{
    color: #2a608f;
    background-color: white;
    cursor: pointer;
    }
/*new item details.sn*/
.itemDetailsContainer{
    width: 100%;
    padding: 5px;
}
.new_row{
    width: 100%;
    display: block;
}
.new_col{
    width: 100px;
    height: auto;
    display: inline-block;
}
.new_col_flex{
    width: auto;
    height: auto;
    display: inline-block;
}
.new_itemHeading{
    font-size: 30px;
    margin-bottom: 10px;
} 
.horizontalLine{
    width: 100%;
    height: 1px;
    background-color: gray;
    margin: 10px 0px 10px 0px;
}
.new_item{
    font-size: 15px;
    float: left;
    text-decoration: none !important;
}
.new_itemBold{
    font-size: 15px;
    font-weight: bold;
    float: left;
}
.newsItemContainer{
    width: 100%;
}
.newsItem{
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 8px 0px 8px 0px;
    border: 1px solid #bfbfbf;
    box-shadow: 2px 2px 10px 0px #d9d9d9;
}
.newsItem_Icon{
    font-size: 50px !important;
    color: #2a608f;
    text-align: center;
    margin: 10px 0px 20px 0px;
    float: left !important;
}
.newsItem_Attachment{
    font-size: 50px !important;
    text-align: center;
    float: right;
    color: #808080;
    line-height: 1px;
}
    .newsItem_Attachment:hover{
    color: #4d4d4d;
    }
.newsItem_ShowMore{
    font-size: 40px !important;
    color: #808080;
    text-align: center;
    line-height: 1.5px !important;
}
    .newsItem_ShowMore:hover{
        color: #4d4d4d;
    }
.newsItem_ShowLess{
    font-size: 40px !important;
    color: #b3b3b3;
    text-align: center;
    line-height: 1.5px !important;
}
    .newsItem_ShowLess:hover{
        color: #4d4d4d;
    }
.newsItem_Header{
    text-decoration: none;
    font-size: 20px;
    color: #262626;
    margin-bottom: 5px;
}
.newsItem_Summary{
    font-size: 16px;
}
.newsItem_Body{
    font-size: 14px;
}
/*new item details.en*/

/*Products*/
.productsPrice{
    font-size: 20px;
    font-weight: bold;
    color:  #0d0d0d;
    font-family: Arial;
    float: left;
    margin-top: 5px;
}
.ProductsColumns{
    float: left;
    display: inline-block;
}
.ProductsColumnsCenter{
    margin:0 auto;
    width: 350px;
}
.hoverOver{
    border: 2px solid #0ab3ab;
    padding: 0px 10px 10px 20px;
    width: 400px;
    display:inline-block;
    float: right;
}
/*Catalogue*/
.PageNavigation{
    float: right;
}
.btnPageNavigation{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #0ab3ab;
    color: white;
    float: left;
}
.PageNavigationText{
    font-size: 20px;
    font-family: Arial;
    color: #cccccc;
    margin:0px 10px 0px 10px;
}
.tileHeading3{
    color: #959595;
        font-family: Arial;
        font-size: 12px;
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 20px;
        height: 20px;
}
.tilePUKHeading3{
    color: #959595;
        font-family: Arial;
        font-size: 25px;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 20px;
        height: 20px;
}
.tileCircles3{
        position: absolute;
        width: 40px;
        height: 40px;
        background-color: #0ab3ab;
        border-radius: 50%;
        margin:0 auto;
        left: 40%;
        top: 80%;
    }
    .tileCirclesArrow3{
        color: white;
        font-size: 35px;
        text-align: center;
        padding-left: 40%;
        padding-left: 20%;
    }
    .bottomBar{
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }
    .bottomBarCircles{
        width: 30px;
        width: 30px;
        background-color: #0ab3ab;
        border-radius: 50%;
        margin:0 auto;
        position: relative;
        top: 15px;
    }
    .bottomBorderIcons{
        width: 20px;
        height: 20px;
    }

/*Product*/
.itemHeading{
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}
.ProductCatagoryBar{
    width: 100%;
    height: 100px;
    background-color: #f2f2f2;
    font-size:0px;
}
.ProductCatagoryCircle{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0ab3ab;
    position: relative;
    top: 52%;
    float:left;
    margin-left: 15px;
    border: 2px solid #0ab3ab;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.ProductCatagoryIcon{
    position: absolute;
    width: 50%;
    height: 50%;
    margin-left: 26%;
    top: 25%;
}
.popUpBox{
    width: 300px;
    height: 80px;
    background-color: white;
    border: 2px solid #0ab3ab;
    padding: 20px;
    color: black;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    position: fixed;
    right: 0;
    left: 0;
    margin:0 auto;
    z-index: 999;
}
.StndSiteTxt {
    font-size: 14px;
    font-family: Arial;
    color: #959595;
    list-style-type: circle;
}
.backgroundBox {
    padding: 15px;
    background-color: white;
    border-top: 1px solid #cccccc;
}
.ProductsColumnsCenter{
    margin:0 auto;
    width: 350px;
}
.ButtonsPadding {
    color: white;
    border-radius: 50px;
    background-color: #0ab3ab;
    padding: 10px 20px 10px 20px;
    font-size: 15px;
    font-weight: initial;
    font-family: Arial;
    border:2px solid #0ab3ab;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.ButtonsPadding:hover{
    border:2px solid #0ab3ab;
    background-color: white;
    color: #0ab3ab;
}
.ProductCat {
    font-family: Arial;
    color:  #0d0d0d;
    font-size: 18px;
    font-weight: bold;
}

.hiddenCol {
    display: none;
}

/************************************************************************************************************/
/* CSS styles for SMS Modal Options */
/************************************************************************************************************/

.sms-number-selector {
    margin-top: 20px;
}

.sms-textfield {
    border: 1px solid #2a608f;
    border-radius: 3px 3px;
    padding: 7px;
    width: 70%;
}

.sms-textfield:hover {
    border: 1px solid #0f257d;
}

.sms-textfield:focus {
    border: 1px solid #0f257d;
    outline: none;
}

.sms-checkbox-selector {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
}

.sms-checkfield-label {
    margin-left: 10px;
}

.sms-modal-footer-buttons {
    display: flex;
    flex-flow: row;
    float: right;
}

.sms-modal-footer-buttons input {
    margin: 0px 5px;
    padding: 5px;
    border: 1px solid #2a608f;
    border-radius: 3px 3px;
}


.sms-cancel {
    background-color: #fff;
    color: #2a608f;
}

.sms-cancel:hover {
    border: 1px solid #0f257d;
    background-color: #2a608f;
    color: #fff;
    cursor: pointer;
}


.sms-continue {
    background-color: #2a608f;
    color: #fff;
}

.sms-continue:hover {
    border: 1px solid #0f257d;
    background-color: #fff;
    color: #2a608f;
    cursor: pointer;
}

.smsModalError {
    color: red;
    font-weight: bold;
    margin-top: 4px;
}

/************************************************************************************************************/
/* END CSS styles for SMS Modal Options */
/************************************************************************************************************/