/* Grid styles */
.Grid
{
	border: 0px solid #333333;
	background-color: #FFFFFF;
	cursor: default;
}

.HeadingCell
{
	background-color: #D8D8E6;
	background-image: url(http://www.carecatering.co.uk/ccordersystem/App_Themes/ccArctic/images/grid_headerBg.gif);
	border: 1px solid gray;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-color: #E6E6E6;
}

.HeadingCellText
{
	font-family: verdana;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}

.Row
{
	background-color: #FFFFFF;
	cursor: default;
}

.Row td.DataCell
{
	border-bottom: 1px solid #E6E6E6;
	font-family: verdana;
	font-size: 10px;
	padding: 2px;
	cursor: default;
}

.AlternatingRow
{
	cursor: default;
}

.AlternatingRow td.DataCell
{
	background-color: #F6F6F8;
	border-bottom: 1px solid #E6E6E6;
	font-family: verdana;
	padding: 2px;
	font-size: 10px;
	cursor: default;
}

.HoverRow
{
}

.HoverRow td.DataCell
{
	background-color: #E6E6EE;
	border-bottom: 1px solid #E6E6E6;
	font-family: verdana;
	font-size: 10px;
	padding: 2px;
	cursor: default;
}

.SelectedRow
{
}

.SelectedRow td.DataCell
{
	background-color: #FFEEC2;
	border-bottom: 1px solid #E6E6E6;
	font-family: verdana;
	font-size: 10px;
	padding: 2px;
	cursor: default;
}

.CellText
{
	font-family: verdana;
	font-size: 10px;
}


.GridFooter
{
	cursor: default;
	padding: 5px;
	height: 15px;
	color: #000000;
	font-family: verdana;
	font-size: 11px;
}


MainPane
{
	text-align: left;
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}

.SplitterPane
{
	border: 1px solid #333333;
	text-align: left;
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}


.DetailsPane
{
	border: 7px solid #888888;
	text-align: left;
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}


.HorizontalSplitterBar
{
	background: url(http://www.carecatering.co.uk/ccordersystem/images/splitter_horBg.gif);
}

.CollapsedHorizontalSplitterBar
{
	background: url(http://www.carecatering.co.uk/ccordersystem/images/splitter_horBg.gif);
	border: 1px solid #000000;
	border-right-width: 0px;
}

.VerticalSplitterBar
{
	background: url(http://www.carecatering.co.uk/ccordersystem/images/splitter_verBg.gif);
}

.CollapsedVerticalSplitterBar
{
	background: url(http://www.carecatering.co.uk/ccordersystem/images/splitter_verBg.gif);
	border: 1px solid #000000;
	border-bottom-width: 0px;
}

.ActiveSplitterBar
{
	border: 7px solid #888888;
	text-align: left;
	border: 1px solid #333333;
	width: 100%;
	height: 100%;
}


.TextEdit
{
	border: 1px solid #336699;
}



.tree
{
	width: 249px;
	height: 420px;
	margin: 0 0 0 9px;
	font: 12px Arial,Helvetica,sans-serif;
	color: #333;
	cursor: default;
}
.tree .node
{
	color: #666;
	line-height: 18px;
}
.tree .node-h
{
	color: #000;
	text-decoration: underline;
	line-height: 18px;
}
.tree .node-s
{
	line-height: 18px;
}
.tree .node-d
{
	color: #999;
	line-height: 18px;
}


/* Accordion */
.accordionHeader
{
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #CCCCCC;
	color: #336699;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	cursor: pointer;
	background-repeat: repeat-x;
	background-image: url('http://www.carecatering.co.uk/ccordersystem/images/grid_headerBg.gif');
	height: 30px;
}

.accordionHeader #HeaderIcon
{
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/Icons/24x24/down.png);
	width: 24px;
	height: 24px;
}


.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #CCCCCC;
	color: #CC3300;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	cursor: pointer;
	background-repeat: repeat-x;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/SearchHdrBckg_30.png);
}

.accordionHeaderSelected #HeaderIcon
{
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/Icons/24x24/up.png);
	width: 24px;
	height: 24px;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
	font-weight: bold;
}

.accordionContent
{
	border-top: none;
	height: 100%;
	overflow: hidden;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #C0C0C0;
}

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */

/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer
{
	background: url(images/tab-hover-right.gif) no-repeat right;
}
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner
{
	background: url(images/tab-hover-left.gif) no-repeat;
	color: Blue;
}
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab
{
	background: url(images/tab-hover.gif) repeat-x;
}
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tab-active-right.gif) no-repeat right;
}
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tab-active-left.gif) no-repeat;
}
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab
{
	background: url(images/tab-active.gif) repeat-x;
	font-weight: bold;
}

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	background: url(images/tab-line.gif) repeat-x bottom;
}
.visoft__tab_xpie7 .ajax__tab_outer
{
	height: 29px;
	background: url(images/tab-right.gif) no-repeat right;
}
.visoft__tab_xpie7 .ajax__tab_inner
{
	padding-left: 3px;
	background: url(images/tab-left.gif) no-repeat;
}
.visoft__tab_xpie7 .ajax__tab_tab
{
	padding: 8px 40px;
	margin: 0;
	background: url(images/tab.gif) repeat-x;
}
.visoft__tab_xpie7 .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}


/*AutoComplete flyout */

.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: '' hand '';
	overflow: auto;
	height: 200px;
	text-align: left;
	list-style-type: none;
	font-size: x-small;
	font-family: verdana;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
}

/* AutoComplete item */

.autocomplete_listItem
{
	background-color: #FFFFCC;
	color: windowtext;
	padding: 1px;
	font-size: x-small;
	font-family: verdana;
}


.lstSourcePicker
{
	width: 200px;
	height: 300px;
}


.lstSourcePickerMasterDishes
{
	width: 200px;
	height: 400px;
	border: 1px solid #CCCCCC;
	
}



.lstFoodContainersOne
{
	width: 200px;
	height: 350px;
}
.lstFoodContainersTwo
{
	width: 200px;
	height: 350px;
}
.lstFoodContainersThree
{
	width: 200px;
	height: 350px;
}
.lstFoodContainersFour
{
	width: 200px;
	height: 350px;
}
.lstFoodContainersFive
{
	width: 200px;
	height: 350px;
}

.Errors
{
	font-family: verdana, tahoma, arial;
	font-size: x-small;
	color: #FF0000;
}




.Login
{
	background-color: #FFFF99;
	border: thin solid #85a0ce;
}
.NoteBoxBlue
{
	padding: 10px;
	border: 1px solid #85a0ce;
	background-color: #f0f6ff;
	margin-bottom: 20px;
	margin-top: 2px;
	height: auto;
	float: none;
	width: 300px;
}
.NoteBoxBlue_Smaller
{
	margin: 2px;
	padding: 2px;
	border: 1px solid #85a0ce;
	background-color: #f0f6ff;
	height: auto;
	float: none;
	width: 100%;
}

.NoteBoxRed
{
	padding: 10px;
	border: 1px solid #FF0000;
	background-color: #FFFFCC;
	margin-bottom: 20px;
	margin-top: 2px;
	font-family: verdana;
	font-weight: bold;
	font-size: small;
	color: #FF3300;
	width: 940px;
}

div.SearchHeader
{
	background-position: left bottom;
	background-image: url(images/SearchHdrBckg_44.png);
	border: 0px solid #DEDBE7;
	background-color: #E7EBF7;
	background-repeat: repeat-x;
}

.HeaderNoteBoxBlue
{
	border: 1px none #85a0ce;
	background-color: #CBD7EB;
	margin-bottom: 20px;
	margin-top: 0px;
	height: auto;
	float: none;
	background-image: url(http://www.carecatering.co.uk/ccordersystem/App_Themes/ccArctic/images/grid_headerBg.gif);
	font-weight: bold;
}


.lstBoxHeaders
{
	font-weight: bold;
	font-size: x-small;
	padding: 2px;
	height: 30px;
	font-family: verdana;
	background-repeat: repeat-x;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/SearchHdrBckg_30.png);
}

.lvHeader
{
	clear: both;
	width: 100%;
	text-align: center;
	font-size: x-small;
	font-family: verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	background-repeat: repeat-x;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/SearchHdrBckg_30.png);
	padding-top: 5px;
	padding-bottom: 5px;
}

.lvItem
{
	clear: both;
	width: 100%;
	text-align: left;
	list-style-type: disc;
	white-space: nowrap;
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	padding-left: 10px;
}


.lvGroup
{
	/* i used 200px ,because the main layout width is 600px , and the width for each group is 200px.*/
	width: 250px;
	float: left;
	margin: 3px;
	padding: 2px;
}


.lvMainLayout
{
	border: 1px dashed #CCCCCC;
	width: 100%;
	padding: 2px;
}


.lvContainerMainLayout
{
	/*border: 1px dashed #808080;*/
}


/* menu wrapping */
.viewWrap
{
	border: 1px dashed #CCCCCC;
	padding: 15px;
	background-image: url(http://www.carecatering.co.uk/ccordersystem/App_Themes/ccArctic/images/grid_headerBg.gif) repeat-x 0 0;
	background-color: #E7EBF7;
}

.menuWrap
{
	padding: 10px 15px 15px 15px;
	background: #fff;
	color: #333;
}

.menuWrap td
{
	padding: 0 20px 0 0;
}

.menuWrap td td
{
	padding: 3px 20px 3px 0;
}

.menuWrap img
{
	border: 1px solid #05679d;
}


/* Begin: Tables */
body table.listview, table.gridview, table.detailstable
{
	border: 1px solid #dbddff;
	border-bottom: 3px solid #dbddff;
	border-collapse: collapse;
	font-family: Tahoma, Arial, sans-serif;
	color: #666666;
	font-size: 11px;
}
body table.listview th, table.gridview th, table.detailstable th, body table.listview td, table.gridview td, table.detailstable td
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
}
/*body table.listview th, table.gridview th, table.detailstable th { background-position: 1px 1px; background-repeat: repeat-x; background-color: #ffffff; text-align: left; line-height: 1.3em; color: #666666; border-left: 1px solid #dbddff; border-right: 1px solid #dbddff; border-bottom: 1px solid #dbddff; }*/
/*body table.listview td, table.gridview td, table.detailstable td { border-left: 0px; border-right: 0px; border-bottom: 1px dotted #dadada; }
table.gridview { width: 100%; }*/
table.gridview table td
{
	padding-left: .5em;
	padding-right: .5em;
}
body table.gridview table tr:hover
{
	background: #fdffb8;
}
/*body table.gridview tr:hover { background: #fdffb8; }*/

div.rounded
{
	clear: both;
	max-width: 2400px;
	width: 99%;
}
div.rounded div.top-outer
{
	background: url(images/Rounded/tl.gif) no-repeat left bottom;
	padding: 0px;
	width: 100%;
}
div.rounded div.top-outer div.top-inner
{
	background: url(images/Rounded/tr.gif) no-repeat right bottom;
	margin-left: 10px;
}
div.rounded div.top-outer div.top-inner div.top
{
	background: url(images/Rounded/t.gif) repeat;
	height: 11px;
	margin-right: 10px;
	font-size: .01em;
}
div.rounded div.mid-outer
{
	background: url(images/Rounded/l.gif) left repeat-y;
	clear: both;
	width: 100%;
}
div.rounded div.mid-outer div.mid-inner
{
	background: url(images/Rounded/r.gif) right repeat-y;
	margin-left: 10px;
}
div.rounded div.mid-outer div.mid-inner div.mid
{
	background-color: #ffffff;
	margin-right: 10px;
}
div.rounded div.bottom-outer
{
	background: url(images/Rounded/bl.gif) no-repeat left top;
	clear: both;
	padding: 0px;
	width: 100%;
}
div.rounded div.bottom-outer div.bottom-inner
{
	background: url(images/Rounded/br.gif) no-repeat right top;
	margin-left: 10px;
}
div.rounded div.bottom-outer div.bottom-inner div.bottom
{
	background: url(images/Rounded/b.gif) repeat;
	height: 11px;
	margin-right: 10px;
	font-size: .01em;
}
/*

div.RoundedVista { clear: both; max-width: 2400px; width: 99%; }
div.RoundedVista div.top-outer { background-position: left bottom; background: url(images/RoundedVista/tl.png) no-repeat left bottom; padding: 0px; width: 100%; height: 33px; }
div.RoundedVista div.top-outer div.top-inner { background: url(images/RoundedVista/tr.png) no-repeat right bottom; margin-left: 14px; height: 33px; }
div.RoundedVista div.top-outer div.top-inner div.top { background: url(images/RoundedVista/t.png) repeat; height: 33px; margin-right: 14px; font-size: .01em; width: auto; }
div.RoundedVista div.mid-outer { background-position: left top ; background: url(images/RoundedVista/l.png) repeat-y left; }
div.RoundedVista div.mid-outer div.mid-inner { background-position: right top; background: url(images/RoundedVista/r.png) repeat-y right; margin-left: 14px; }
div.RoundedVista div.mid-outer div.mid-inner div.mid { background-color: #ffffff; margin-right: 14px; }
div.RoundedVista div.bottom-outer { background: url(images/RoundedVista/bl.gif) no-repeat left top; clear: both; padding: 0px; width: 100%; }
div.RoundedVista div.bottom-outer div.bottom-inner { background: url(images/RoundedVista/br.gif) no-repeat right top; margin-left: 14px; }
div.RoundedVista div.bottom-outer div.bottom-inner div.bottom { background: url(images/RoundedVista/bv.gif) repeat; height: 14px; margin-right: 14px; }



div.SquareSearchBackground { clear: both; max-width: 2400px; width: 99%; height: 53px; }
div.SquareSearchBackground div.mid-outer { background-position: left top; background: url(images/SquareSearchBackground/l.png) repeat-y left; height: 53px; }
div.SquareSearchBackground div.mid-outer div.mid-inner { background-position: right top; background: url(images/SquareSearchBackground/r.png) repeat-y right; margin-left: 11px; }
div.SquareSearchBackground div.mid-outer div.mid-inner div.mid { background: url(images/SquareSearchBackground/m.png) repeat-x right; margin-right: 11px; height: 53px; }

*/




.leftPanelBarContainer
{
	float: left;
	width: 250px;
	height: 100%;
	overflow: hidden;
	position: fixed; /* Required to workaround IE rendering bug*/
	top: 8px;
	left: 30px;
}




.NOHeader
{
	margin: 0px;
	background-color: #4286F7;
	background-image: url("http://www.carecatering.co.uk/ccordersystem/App_Themes/ccArctic/images/grid_headerBg.gif");
	color: #504C39;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #ACA899;
	border-right: solid 1px #C6C1AC;
	padding: 2px;
	float: none;
}
/*use on accordion header to highlight selected item*/
.SelectedGVItem
{
	font-weight: bold;
	color: #CC3300;
}

/* buttons */


/*MENU STYLES */



.qsfexMenu
{
}

.qsfexMenu .rmTemplate /* Products submenu item template */
{
	width: 450px;
	padding: 0;
}

.rmSearch
{
	padding: 0;
	overflow: hidden;
	border-collapse: collapse;
	text-align: right;
	float: right;
}


.rmTemplate .rmText
{
	padding: 0;
}

.qsfexMenu .rmTemplate .qsfexCustomMenuSection
{
	float: left;
	margin: 0;
	padding: 0 10px 0 15px;
	width: 150px;
	height: 135px;
}

.qsfexMenu .rmTemplate .qsfexCustomMenuSection h3
{
	color: #6fae0c;
	font: normal 17px Arial, sans-serif;
	width: 100%;
	border-bottom: 1px solid #97c32e;
	margin: 0;
	padding: 13px 0 3px 0;
}

.qsfexMenu .rmTemplate .qsfexCustomMenuSection ul
{
	list-style-type: none;
	margin: 3px 0 15px;
	padding: 0;
	line-height: 14px; /* zoom: 1;ie hack */
}

.qsfexMenu .rmTemplate .qsfexCustomMenuSection li
{
	background-position: left;
	margin: 0;
	background: transparent url('images/misc/bullet.png') no-repeat center left;
	height: 14px;
	line-height: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	list-style-image: images/misc/bullet.png;
}

.qsfexMenu .rmTemplate .qsfexCustomMenuSection li a
{
	line-height: 14px;
	font: normal 11px Arial,sans-serif;
	color: #107dca;
	text-decoration: underline;
}



.qsfexMenu .rmTemplate .qsfexCustomMenuFooter h3
{
	color: #6fae0c;
	font: normal 17px Arial, sans-serif;
	position: absolute;
	top: 10px;
	left: 15px;
	margin: 0;
	padding: 0;
}

.qsfexMenu .rmTemplate .qsfexCustomMenuFooter .qsfexShopNowLink
{
	width: 96px;
	height: 23px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 23px;
	position: absolute;
	top: 35px;
	left: 15px;
}
.IngredientGroupsTV
{
	padding: 5px;
	background-color: #DADAE7;
	border: thin solid #85a0ce;
}
.IngredientGroupsTVHDR
{
	border: thin solid #85a0ce;
	height: 30px;
	cursor: pointer;
	background-repeat: repeat-x;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/SearchHdrBckg_30.png);
	color: #003366;
}


.ContainersHeader
{
	border-style: none;
	border-width: thin;
	border-color: #85a0ce;
	color: #003399;
	font-weight: bold;
}

.IngredientsFrame
{
	border: 1px solid #C0C0C0;
}

.MenuHeader
{
}

.MenuHeader:hover
{
	background-color: #FFFFCC;
}



.div.MenuHeader table.tr.td.div
{
	background-color: #003399;
	display: block;
}

.div.MenuHeader:hover table.tr.td.div
{
	display: none;
}


.WarningHeaderMessages
{
	margin: 1px;
	padding: 1px;
	border: 1px solid #FF6600;
	background-color: #FFFFCC;
	font-family: verdana;
	font-weight: normal;
	font-size: x-small;
	color: #FF6600;
}

.StepOneBlueYellow
{
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/HeaderBackgrounds/Step_1_Header_Blue_Yellow.png);
	background-repeat: no-repeat;
	width: 273px;
	height: 262px;
	padding-left: 5px;
	color: #000000;
	font-weight: bold;
	padding-top: 32px;
}


.StepTwoBlueYellow
{
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/HeaderBackgrounds/Step_2_Header_Blue_Yellow.png);
	background-repeat: no-repeat;
	width: 273px;
	height: 262px;
	padding-left: 5px;
	color: #000000;
	font-weight: bold;
	padding-top: 32px;
}

.StepThreeBlueYellow
{
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/HeaderBackgrounds/Step_3_Header_Blue_Yellow.png);
	background-repeat: no-repeat;
	width: 273px;
	height: 262px;
	padding-left: 5px;
	color: #000000;
	font-weight: bold;
	padding-top: 32px;
}

.pageView
{
	border-top: none;
	margin-top: -1px;
	background-color: #F2F5F9;
	border: 1px solid #A3C4EF;
}

.pageViewContent
{
	padding: 10px 10px 10px 10px;
	
}

/* overwrite office 2007*/

RadTabStripTop_Office2007 .rtsLevel
{
	background-color: #ffffff !important;
	background-image: none !important;
}

RadTabStripTop_Office2007 .rtsLevel1
{
	background-color: #ffffff !important;
	background-image: none !important;
}

div.rtsLevel1
{
	background-color: #ffffff !important;
	background-image: none !important;
}

.CreateAccountHeaders
{
	font-weight: bold;
	font-size: x-small;
	padding: 2px;
	height: 30px;
	font-family: verdana;
	background-repeat: repeat-x;
	background-image: url(http://www.carecatering.co.uk/CCOrderSystem/App_Themes/ccArctic/images/SearchHdrBckg_30.png);
}
.CreateAccountFrame
{
	padding: 0px;
	border: 1px solid #85a0ce;
	background-color: #f0f6ff;
	margin-bottom: 20px;
	margin-top: 2px;
	height: auto;
	float: none;
	width: 400px;
}