/*/************ MAIN STYLE FOR EMS ********************/
/*			 ~ TABLE OF CONTENTS ~	                */
/*		Copyright 2008 New Mind S.R.L.	            */
/****************************************************/
/*	AUTHOR: Ovidiu Burciu | ovidiu@newmind.co.uk    */
/****************************************************/
/* [1] MAIN LAYOUT CLASES				            */
/* [2] USEFUL CLASSES					            */
/* [3] PAGE SPECCIFICS					            */
/*		[3.1] NEW ENQUIRY PAGE			            */
/*		[3.2] CONSUMER DETAILS			            */
/*		[3.3] CHECKLIST LAYOUT			            */
/*		[3.4] GRIDVIEW LAYOUT			            */
/*		[3.5] AVAILABILITY SCREEN		            */
/* [4] AJAX CALENDAR EXTENDER STYLE		            */
/* [5] ADDED BY CAROL					            */
/* [6] PMS 						                    */				
/* [7] jqModal.css					                */
/* [8] Consumer 					                */
/* [-] IE6 FIX						                */
/****************************************************/

/*--------------------------------------------------*/
/* [2] USEFUL CLASES								*/
/*--------------------------------------------------*/


.HardBreak 
{
	width: 120px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.page-break {page-break-before:always;}
.fl {float:left;}	.fr {float:right;}	.clrL {clear:left;}
.cb {clear:both;}	.cr {clear:right;}	.cn {clear:none;}

.moveable {cursor:move;}



.hide {display:none;} .none {display:none;}

.twoCols {width:49.5%;}	.fourCols{width:24%; padding-left:5px;}	.threeCols {width:320px;}
.threeCols1 {width:32%;}
.twoCols1 {width:49%;}	.twoCols2 {width:45%;}	.twoCols3 {width:49%;}


.showPointer {cursor:pointer;}
.textStrong {font-weight:bold;}			.textLight {font-weight:normal;}

.marginTop10 {margin-top:10px;}			.marginLeft10 {margin-left:10px;}

.elementHeight1 {height:1px;}

.crearfix {float:left; clear:both; width:100%; font-size:1px;}
.formRow {float:left;width:100%;padding-top:2px; padding-bottom:2px;}
.formRow1 {float:left;width:301px;padding-top:2px; padding-bottom:2px; margin-bottom:1px; background-color:#DDEAF8;}
.formRow2 {float:left;width:733px; padding-top:2px; padding-bottom:2px;}
.formRow2 a:hover {color:Red; text-decoration:none;}
.textColorRed {color:Red;}	.tcRed {color:Red;}

.elementTextNoWidth {float:left; padding-top:3px;}
.elementText {float:left; width:100px; padding-top:3px;}
.elementText100 {float:left; width:100px; padding-top:3px; padding-left:5px;}
.elementText112 {float:left; width:110px; padding-top:3px; padding-left:2px;}
.elementText107 {float:left; width:105px; padding-top:3px; padding-left:2px;}
.elementText120 {float:left; width:120px; padding-top:3px; padding-left:5px;}
.elementText130 {float:left; width:130px; padding-top:3px; padding-left:15px;}
.elementText130Right {float:left; width:130px; padding-top:3px;}
.elementText140 {float:left; width:140px; padding-top:3px; padding-left:5px;}
.elementText25 {float:left; width:25px; padding-top:3px;}
.elementText10 {float:left; width:10px; padding-top:3px;}
.elementSizeMax, .maxWidth {width:100%;} .maxHeight {height:100%;}
.maxWidth30 {max-width:30%;}

.width90p100 {width:90%;}	.width95p100 {width:95%;}	.width96p100 {width:96%;}	.width97p100 {width:97%;}	.width98p100 {width:98%;}	.width99p100 {width:99%;}
.width65p100 {width:65%;}	.w70p100, .width70p100 {width:70%;}	.width74p100 {width:74%;}	.width80p100 {width:80%;}
.width20p100 {width:20%;}	.width25p100 {width:25%;}	.width30p100 {width:30%;}	.width32p100 {width:32%;}	.width40p100 {width:40%;}	.width45p100 {width:45%;}

.elementSize860 {width:860px;}  .elementSize840 {width:840px;}  .elementSize820 {width:820px;}
.elementSize800 {width:800px;}	.elementSize780 {width:780px;}	.elementSize775 {width:775px;}	.elementSize770 {width:770px;}
.elementSize760 {width:760px;}	.elementSize750 {width:750px;}	.elementSize753 {width:753px;}	.elementSize765 {width:765px;}
.elementSize749 {width:749px;}
.elementSize747 {width:747px;}	.elementSize740 {width:740px;}	.elementSize745 {width:745px;}	.elementSize735 {width:735px;}
.elementSize710 {width:710px;}	.elementSize730 {width:730px;}
.elementSize700 {width:700px;}	.elementSize685 {width:685px;}	.elementSize680 {width:680px;}	.elementSize690 {width:690px;}
.elementSize670 {width:670px;}	.elementSize645 {width:645px;}	.elementSize650 {width:650px;}	.elementSize665 {width:665px;}
.elementSize630 {width:630px;}	.elementSize600 {width:600px;}	.elementSize595 {width:595px;}
.elementSize590 {width:590px;}  .elementSize580 {width:580px;}	.elementSize575 {width:575px;}  .elementSize570 {width:570px;}	
.elementSize555 {width:555px;}	.elementSize550 {width:550px;}
.elementSize490 {width:490px;}	.elementSize500 {width:500px;}	.elementSize505 {width:505px;}	.elementSize510 {width:510px;}
.elementSize480 {width:480px;}	.elementSize445 {width:445px;}	.elementSize410 {width:410px;}	.elementSize400 {width:400px;}
.elementSize430 {width:430px;}	.elementSize360 {width:360px;}	.elementSize370 {width:370px;}
.elementSize390 {width:390px;}	.elementSize380 {width:380px;}	.elementSize350 {width:350px;}
.elementSize345 {width:345px;}  .elementSize340 {width:340px;}  .elementSize330 {width:330px;}  .elementSize323 {width:323px;}
.elementSize320 {width:315px;}	.elementSize321 {width:320px;} 
.elementSize315 {width:315px;}	.elementSize305 {width:305px;}	.elementSize300 {width:300px;}
.elementSize290 {width:290px;}	.elementSize280 {width:280px;}	.elementSize270 {width:270px;}
.elementSize275 {width:275px;}	.elementSize265 {width:265px;}	.elementSize250 {width:250px;}
.elementSize245 {width:245px;}	.elementSize220 {width:220px;}
.elementSize240 {width:240px;}	.elementSize230 {width:230px;}	.elementSize220 {width:220px;}	.elementSize215 {width:215px;}
.elementSize210 {width:210px;}	.elementSize205 {width:205px;}	.elementSize204 {width:204px;}	.elementSize200 {width:200px;}
.elementSize195 {width:195px;}	.elementSize185 {width:185px;}  .elementSize170 {width:170px;}
.elementSize190 {width:190px;}	.elementSize180 {width:180px;}
.elementSize166 {width:166px;}	.elementSize160 {width:160px;}	.elementSize155 {width:155px;}
.elementSize150 {width:150px;}	.elementSize145 {width:145px;}
.elementSize140 {width:140px;}	.elementSize135 {width:136px;}
.elementSize130 {width:130px;}	.elementSize125 {width:125px;}
.elementSize120 {width:120px;}	.elementSize115 {width:115px;}	.elementSize110 {width:110px;}
.elementSize105 {width:105px;}	.elementSize100 {width:100px;}
.elementSize90 {width:90px;}	.elementSize80 {width:80px;}  .elementSize91 {width:91px;}
.elementSize75 {width:75px;}	.elementSize85 {width:85px;}
.elementSize80 {width:80px;}	.elementSize70 {width:75px;}
.elementSize70 {width:70px;}	.elementSize65 {width:65px;}
.elementSize60 {width:60px;}	.elementSize55 {width:55px;}
.elementSize52 {width:52px;}	.elementSize50 {width:50px; content:"";}
.elementSize40 {width:40px;}	.elementSize45 {width:45px;}    .elementSize47 {width:47px;}	.elementSize35 {width:35px;}
.elementSize30 {width:30px;}	.elementSize25 {width:25px;}	.elementSize26 {width:26px;}
.elementSize20 {width:20px;}	.elementSize10 {width:10px;}

.repeaterElement {float:left; padding-top:2px; padding-bottom:2px;}

.elementHeight40 {height:40px;}		.elementHeight60 {height:60px;}
.elementHeight400 {height:400px;}
.elementHeight250 {height:250px;}	.elementHeight240 {height:240px;}

.notes {background:#FFFFA4; font:normal 10px arial; padding:1px; border:solid 1px silver;}
.twoColContainer{width:100%;float:left;}
.twoColContainerColumn{width:49%;float:left;}	
.threeColContainer{width:100%;float:left;}
.threeColContainerColumn{width:33%;float:left;}
.formBox{display:inline;float:left;font-size : 10px;Font-family : Arial;Font-weight : Normal;Color : #333366;width:100%;padding:0px 0px 3px 0px;}
.blueBox {height:187px; overflow:auto; overflow-y:scroll; overflow-x:hidden; background-color:#DDEAF8; border-bottom:solid 1px #B5D6F8; border-top:solid 1px #B5D6F8; border-left:solid 1px #B5D6F8;}
.fixCol {width:318px;}
.greyBox{width:265px; border:solid 1px #cccccc; padding:3px;}
.greyBox1{width:99%; border:solid 1px #cccccc; padding:3px;}
.alignLabel {padding-left:3px; padding-top:5px; padding-bottom:5px; white-space:nowrap;}
	.alignLabel input {margin:0px;}
	.alignLabel label {padding-left:3px; padding-top:1px; padding-right:3px;}

.height370 {height:370px;}
.h80 {height:80px;}

.fixHeight350Auto {height:350px; overflow-y:auto; overflow-x:hidden;}
.fixHeight400 {height:400px; overflow-y:auto; overflow-x:hidden;}
.fixHeight370 {height:370px; overflow-y:auto; overflow-x:hidden;}
.fixHeight350 {height:350px; overflow-y:auto; overflow-x:hidden;}
.fixHeight310 {height:310px; overflow-y:auto; overflow-x:hidden;}
.fixHeight290 {height:290px; overflow-y:auto; overflow-x:hidden;}
.fixHeight280 {height:280px; overflow-y:auto; overflow-x:hidden;}
.fixHeight270 {height:270px; overflow-y:auto; overflow-x:hidden;}
.fixHeight260 {height:260px; overflow-y:auto; overflow-x:hidden;}
.fixHeight255 {height:255px; overflow-y:auto; overflow-x:hidden;}
.fixHeight250 {height:250px; overflow-y:auto; overflow-x:hidden;}
.fixHeight240 {height:240px; overflow-y:auto; overflow-x:hidden;}
.fixHeight220 {height:220px; overflow-y:auto; overflow-x:hidden;}
.fixHeight200 {height:200px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight200_w {height:200px; overflow:auto;}
.fixHeight180 {height:180px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight180_w {height:180px; overflow:auto;}
.fixHeight170 {height:170px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight160 {height:160px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight150 {height:150px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight140 {height:140px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight130 {height:130px; overflow:auto; overflow-x:hidden;}
.fixHeight120 {height:120px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight100 {height:100px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight80 {height:80px; overflow:auto; overflow-x:hidden;}
.fixHeight75 {height:75px; overflow:auto; overflow-x:hidden;}
.fixHeight70 {height:70px; overflow:auto; overflow-x:hidden;}
.fixHeight60 {height:60px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight65 {height:65px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}
.fixHeight30p100 {height:30%; overflow:auto; overflow-y:scroll; overflow-x:hidden;}

.mB100 {margin-bottom:100px;}

/* Indent for drop down list (district locations)	*/
.i1 {text-indent:20px;}
.i2 {text-indent:40px;}

/* Ident for Places Filter Dialog					*/
.j0 {float:left; clear:both; margin-left:0px;white-space:nowrap;}
.j1 {clear:both; float:left; margin-left:20px;white-space:nowrap;}
.j2 {clear:both; float:left; margin-left:40px;white-space:nowrap;}

.rowClick {float:left; display:block; cursor:pointer;}
.Monday {width:14.2%;}
.Tuesday {width:28.4%;}
.Wednesday {width:42.6%;}
.Thursday {width:56.8%;}
.Friday {width:71%;}
.Saturday {width:85.2%;}

.pointer {cursor:pointer;}

.fakeHL {font-family:verdana; font-size:10px; text-decoration:none; cursor:text; font-weight:lighter; color:#333366 !important;}
.fakeHL:hover {text-decoration:none; cursor:text; font-weight:lighter; color:#333366 !important;}
.fakeOverHL {text-decoration:underline; cursor:text; font-weight:lighter; color:#333366 !important; font-family:verdana; font-size:10px;}
.fakeOverHL:hover {text-decoration:underline; cursor:text; font-weight:lighter; color:#333366 !important;}

.btnNumUp {float:left; display:block; padding:4px 5px 2px; cursor: pointer;}
.btnNumDown {float:left; clear:both; display:block; margin-top:2px; padding:3px 5px; cursor: pointer;}

.btnDesc {padding-right:8px; background-image:url("images/sort_desc_small.gif"); background-position:right center; background-repeat:no-repeat;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*--------------------------------------------------*/
/* [3] PAGE SPECIFICS								*/
/*--------------------------------------------------*/

#Requirement1_upFF table {float:left;}
#Requirement1_upFF table tr td {float:left; margin:0px; padding:0px;}
#Requirement1_upFF table tr td input {float:left; margin:0px; padding:0px;}
#Requirement1_upFF table tr td label {float:left; padding-left:5px; padding-right:10px; padding-top:3px;}


.main {clear:both; float:left; width:100%; padding:1px;}
.mainModalPopup {clear:both; float:left; background-color:#DDEAF8; border:1px solid #999999; margin-top:10px;
				padding:10px;}
.rowContainer {clear:both; width:100%; 	/*padding-left:10px; padding-right:10px; min-width:700px;*/}
.containerTopLeft {width:40%; float:left; height:22px; padding-top:8px; padding-left:5px;}
.containerTopMiddle {border-left:solid 1px #000000; border-right:solid 1px #000000; width:30%; float:left;
					height:22px; padding-top:8px; padding-left:5px;}
.containerTopRight {width:25%; float:left; height:22px; padding-top:8px; padding-left:5px;}

.intrestItem {float:left; display:inline; padding-left:5px;}
.intrestItem input {float:left;}
.intrestItem label {float:left; padding-top:3px; white-space:nowrap; padding-left:3px; padding-right:15px;}

.btnContainer {clear:both; float:left; width:100%; margin-top:10px; padding-top:2px; padding-bottom:2px;
				text-align:center; background-color:#E0E0E0; border:solid 1px #C0C0C0;}

.orderSummaryGrid {clear:both; float:left; width:99%; height:200px; overflow-y:scroll; overflow-x:hidden;
					padding-bottom:5px; border-left:1px solid #DDDDDD;}

.table1 table {margin-left:-2px; margin-right:0px; float:left; width:100%;}

.orderSummaryGroup {float:left; width:100%; padding-bottom:3px; padding-top:3px;}



/*--------------------------------------------------*/
/* [3.2] CONSUMER DETAILS							*/
/*--------------------------------------------------*/
#consumerSearch{float:left;width:100%;}
#consumerUpdate{float:left;width:100%;}
#consumerSearchForm{width:30%;float:left;}
#consumerSearchResults{width:65%;float:left; margin-left:10px;}
.errorMessage{color:Red;display:inline;}

/*--------------------------------------------------*/
/* [3.3] CHECKLIST LAYOUT							*/
/*--------------------------------------------------*/
.checklist {border: 1px solid #0090DF; background-color: #FFFFFF; position:absolute; width:170px; display:block;
			height:auto; left:70%; top:37px; cursor:move; font-family:Arial; font-size:12px; font-weight:bold;}
.checklist .title {float:left; padding:5px; width:160px; background-color: #68BFEF; font-weight:bold; margin:0px;
				   border:0px; cursor:move; color:#000000;}
.checklist .title a {cursor:pointer;}
.checklist .title a:hover {cursor:pointer;}
.checklist span {float:left; padding:5px; cursor:inherit; width:auto; color:#000000;}
.checklist img {margin-right:5px; cursor:inherit;}

/*--------------------------------------------------*/
/* [3.4] GRIDVIEW LAYOUT							*/
/*--------------------------------------------------*/
.highlightHover	{ background:#ffffff !important;}
.selectedRow		{ background:#dadada;}
.checkable  {cursor:pointer;}
.clicked  {background:#c1c1c1;}

/*--------------------------------------------------*/
/* [4] AJAX CALENDAR EXTENDER STYLE					*/
/*--------------------------------------------------*/
.ajax__calendar_container {background-color:#ffffff;border:solid 1px #b5d6f8;font-size:10px;float:left;}
.ajax__calendar_hover {background-color:#DDEAF8; color:Blue;}
.ajax__calendar_header{background-color:#ffffff;}
.ajax__calendar_body {}
.ajax__calendar_footer {border-top:solid 1px #b5d6f8;}


/*--------------------------------------------------*/
/*	[5] ADDED BY CAROL								*/
/*--------------------------------------------------*/
.modalBackground{background-color:#DEDEDE;opacity:0.7; filter:alpha(opacity=70);}
.modalBackground{_left:0px !important;_top:0px !important;}
.modalContent{float:left; background-color:#DDEAF8; padding:0.1em; border:1px solid #C0C0C0;}
.modalContentContainer{padding:5px; float:left; width:100%;}

.modalContentGrey{background-color:#EFEFEF; padding:0.1em; border:1px solid #C0C0C0;}
.modalContentGreyContainer{padding:5px 5px 5px 5px;}

.bigTitle{font-size:14px;}
.bigTitleGrey{font-size:14px;color:#9EABBB;}

.clr{clear:both;height:1px;margin-top:-1px;overflow:hidden;}
.height10{height:10px;}

.elementHeight310{height:310px;}
.elementHeight340{height:340px;}
.elementHeight360{height:360px;}
.elementHeight20{height:20px;}

.twoColContainerCol19{width:19%;float:left;}
.twoColContainerCol79{width:79%;float:left;}

.twoColContainerCol39{width:39%;float:left;}
.twoColContainerCol59{width:59%;float:left;}

.blueUnderLine{border-bottom: 1px solid #333333;}

.rowHeight25 {height:25px;}

#acRepeater{width:750px; height:100px; float:left; padding:3px 0px 3px 2px; border:solid 1px #cccccc;
			overflow:auto; overflow-y:scroll; overflow-x:hidden;}
#acRepeater1{width:750px; height:250px; float:left; padding:3px 0px 3px 2px; border:solid 1px #cccccc;
			overflow:auto; overflow-y:scroll; overflow-x:hidden;}


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {background-color: #ffffcc; color: #000000;}
.MaskedEditMessage {color: #ff0000; font-weight: bold;}
.MaskedEditError {background-color: #ffcccc;}
.MaskedEditFocusNegative {background-color: #ffffcc; color: #ff0000;}
.MaskedEditBlurNegative {color: #ff0000;}
.aminationBackground {background:#DEDEDE none repeat scroll 0%; opacity:0.7; filter:alpha(opacity=70);
					  border:1px solid #6593CF; left:0; padding:2px; position:absolute; text-align:center;
					  top:0;width:100%;height:100%;z-index:200001;}
.index20002 {z-index:200002;}

.findConsumerLoading {float:left; margin-top:70px; margin-left:-280px; z-index:2001;}

/*correct z-index of alert window , it does not display the correct background when called from a modal popup*/
#mpeAlert_foregroundElement,#mpeUpdateProgress_foregroundElement {z-index:100002 !important;}
#mpeAlert_backgroundElement,#mpeUpdateProgress_backgroundElement {z-index:100001 !important;}
.progressLoading {float:left; padding:10px; background-color:#fafafa; border:solid 1px #cccccc; width:auto;}
.purgedDetails {margin: 3px; padding: 5px 3px; border: 1px dotted #ABC; color: #789; text-align: center;}
.bgGrid {background-color:#DDEAF8 !important;}

.monthContainer {width: 557px; float: left; border-style: solid; border-width: 1px; margin-bottom: 10px;}
.dayContainer {width: 78.5px; float: left; text-align:center;}

.redNoteText {color: red; font-weight: bolder; font-size: 1.3em;}

#upOFProgress{width:100%;height:100%;}

#detailsInfoHeight{overflow:hidden}

.errorPage {margin-top:20%; margin-left:auto; margin-right:auto; width:50%;}
.errorContainer { background-color:#ffffff; border:solid 5px #B5D6F8; padding:10px; font-size:12px; display:block; width:100%;}
/* ---- */
.filterList{overflow-x:hidden;overflow-y:auto;height:300px;width:330px; border:solid 1px #cccccc; background-color:#ffffee;}

/*====================================================*/
/* [6]		PMS STYLE			      */
/* ===================================================*/

.bgGrey2 {background-color:#e4e4e4;}

.bg_img_left {background-position:left center !important; }
.bg_img_right {background-position:left center !important;}

.bttnPrint {background-image:url("Images/icon_print.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnPostCode {background-image:url("Images/icon_postcode.gif"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnAddNew,.btAN {background-image:url("Images/icon_add_asign_new.png"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnAddNew_img_left {background-image:url("Images/icon_add_asign_new.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnArrowRight {background-image:url("Images/green_arrow_small.png"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnArrowLeft {background-image:url("Images/green_arrow_small.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnAddToBasket {background-image:url("Images/icon_add_to_basket.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnAddToBasket_img_right {background-image:url("Images/icon_add_to_basket.png"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnExport {background-image:url("Images/icon_export.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnRefresh {background-image:url("Images/icon_refresh.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnExport_off {background-image:url("Images/icon_export_off.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnPickup {background-image:url("Images/icon_Pickup.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnLog {background-image:url("Images/icon_log.png"); background-position:right center; padding:5px 22px 5px 0px; height:10px;}
.bttnLog_img_left {background-image:url("Images/icon_log.png"); background-position:left center; padding:5px 0px 5px 22px; height:12px;}
.bttnDelete {background-image:url("Images/icon_delete.png"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnCancel {background-image:url("Images/icon_cancel.png"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnDelete_img_left {background-image:url("Images/icon_delete.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnDelete_img_left_off {background-image:url("Images/icon_delete_disabled.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnFinish {background-image:url("Images/icon_ok.gif"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnFinish_img_left {background-image:url("Images/icon_ok.gif"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnFinish_off {background-image:url("Images/icon_ok_off.gif"); background-position:right center; padding:5px 22px 5px 0px;}
.bttnChange {background-image:url("Images/icon_change.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnChange_off {background-image:url("Images/icon_change_off.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnNewWin {background-image:url("Images/icon_new_window.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnEdit {background-image:url("Images/icon_edit.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnSelectAll {background-image:url("Images/icon_searcg_go.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnClearSelection {background-image:url("Images/icon_searcg_go.png"); background-position:left center; padding:5px 0px 5px 22px;}
.bttnAssignTasks {background-image:url("Images/icon_searcg_go.png"); background-position:left center; padding:5px 0px 5px 22px;}

a.bttnRefresh, a.bttnSelectAll,a.bttnClearSelection, a.bttnAssignTasks, a.bttnAddNew, a.btAN, a.bttnArrowRight, a.bttnArrowLeft, a.bttnAddToBasket, a.bttnExport, a.bttnExport_off, a.bttnPickup,
a.bttnLog, a.bttnDelete, a.bttnFinish, .bttnFinish_img_left, a.bttnFinish_off, a.bttnAddNew_img_left, a.bttnDelete_img_left, a.bttnAddToBasket_img_right,
a.bttnChange, a.bttnLog_img_left, a.bttnNewWin, a.bttnCancel, a.bttnPrint, a.bttnPostCode, a.bttnEdit, a.bttnDelete_img_left_off, 
a.bttnChange_off
{background-repeat:no-repeat; display:block; cursor:pointer;}

#basketBox .boxExtend {width:190px;}
#basketBox .boxExtendHeader {width:190px; border-left:solid 1px #bbbbbb; border-right:solid 1px #bbbbbb; z-index:100;}
#basketBox .boxExtendContent {width:190px;}
#basketBox .boxExtendHeader a {width:166px;}
#basketBox .boxExtendHeader a span {cursor:pointer;}
#basketBox .boxExtendHeader a:hover {color:#333366 !important;}
#basketBox.boxExtendOuter {float:left; width:190px; /*position:relative; margin-top:-28px;*/ margin-right:10px; border-bottom:solid 1px #bbbbbb;}

#ctl00_Main_SearchHeader1_searchBox .boxExtend {width:235px;}
#ctl00_Main_SearchHeader1_searchBox .boxExtendHeader {width:224px; border-left:solid 1px #bbbbbb; border-right:solid 1px #cccccc;}
#ctl00_Main_SearchHeader1_searchBox .boxExtendContent {width:224px;}
#ctl00_Main_SearchHeader1_searchBox .boxExtendHeader a {width:215px; padding-right:5px;}
#ctl00_Main_SearchHeader1_searchBox .boxExtendHeader a span {cursor:pointer;}
#ctl00_Main_SearchHeader1_searchBox .boxExtendHeader a:hover {color:#333366 !important;}
#ctl00_Main_SearchHeader1_searchBox.boxExtendOuter {float:left; width:235px; /*position:relative; margin-top:-28px;*/ border-bottom:solid 1px #bbbbbb;}

#searchBox .boxExtend {width:235px;}
#searchBox .boxExtendHeader {width:224px; border-left:solid 1px #bbbbbb; border-right:solid 1px #cccccc;}
#searchBox .boxExtendContent {width:224px;}
#searchBox .boxExtendHeader a {width:215px; padding-right:5px;}
#searchBox .boxExtendHeader a span {cursor:pointer;}
#searchBox .boxExtendHeader a:hover {color:#333366 !important;}
#searchBox.boxExtendOuter {float:left; width:235px; /*position:relative; margin-top:-28px;*/ border-bottom:solid 1px #bbbbbb;}

#filterBox .boxExtend {width:190px;}
#filterBox .boxExtendHeader {width:190px; border-left:solid 1px #bbbbbb; border-right:solid 1px #cccccc; z-index:100;}
#filterBox .boxExtendContent {width:190px;}
#filterBox .boxExtendHeader a span {cursor:pointer;}
#filterBox .boxExtendHeader a {width:165px;}
#filterBox .boxExtendHeader a:hover {color:#333366 !important;}
#filterBox.boxExtendOuter {float:left; width:190px; /*position:relative; margin-top:-28px;*/ border-bottom:solid 1px #bbbbbb;}


#filterBox1 .boxExtend {width:210px;}
#filterBox1 .boxExtendHeader {width:210px; border-left:solid 1px #bbbbbb; border-right:solid 1px #cccccc; z-index:100;}
#filterBox1 .boxExtendContent {width:210px;}
#filterBox1 .boxExtendHeader a span {cursor:pointer;}
#filterBox1 .boxExtendHeader a {width:185px;}
#filterBox1 .boxExtendHeader a:hover {color:#333366 !important;}
#filterBox1.boxExtendOuter {float:left; width:210px; /*position:relative; margin-top:-28px;*/ border-bottom:solid 1px #bbbbbb;}

.boxExtendContent table {font-size:10px;}

.boxExtendHeader {float:left; padding:2px 5px 2px 5px; cursor:pointer; border-top:solid 1px #bbbbbb; background-color:#ffffff;
				   background-image:url("Images/bg_slider_header.gif"); background-repeat:repeat-x; background-position:left bottom;}
.boxExtendHeader a {float:left;}
/*.boxExtendHeader a:hover {background-image:url("Images/bg_slider_header_over.gif"); background-repeat:repeat-x;}*/

.boxExtendContent {float:left; clear:both; padding:3px 5px 0px 5px; background-color:#ffffff; z-index:1000;
				   position:absolute; border-left:solid 1px #bbbbbb;  border-right:solid 1px #bbbbbb; border-bottom:solid 1px #bbbbbb;}
/*.boxExtendContent a:hover {color:#333366 !important;}*/
.boxExtendFix {clear:both; visibility:hidden;}

#atributesTable {font-size:10px; font-weight:bold;}
#atributesTable input,
#atributesTable select,
#atributesTable textarea {width:150px;}
#atributesTable input[type=checkbox],
#atributesTable input[type=radio] {width:auto;}

.centerIt {margin:0px auto; width:98%;} .center {margin:0px auto;}
										
.mainContainer {float:left; width:100%; padding:0px 0px 10px 0px; background-color:#efefef; }
.pageHeader {float:left; clear:both; width:100%; padding:10px 0px 10px 0px; background-color:#b5d6f8; border-bottom:solid 1px #cccccc;}
.pageTitle {float:left; padding:3px 0px 0px 10px; color:#333366; font-family:Arial; 
			font-size:15px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; text-decoration:none;}
			
.bulkActions {width:100%; border:solid 1px #cccccc; background-color:#e1e1e1; text-align:left; padding:5px 0px;float:left;}

.redUnderlineMsg {color:Red; text-decoration:underline;}
div.errContainer {float:left; padding:5px;}
div.errContainerWraper {/*background-color: #eee; border: 1px solid red;*/ float:left; width:100%;}
div.errContainer ol li {list-style-type: none; /*margin-left: 20px;*/}
div.errContainer {display: none}
.errContainer label.error {display: inline;}
input.error {border:1px dotted red;}

#sitepanel {display:none; float:left; clear:both; padding:5px; border:solid 1px #cccccc; margin-top:-1px; width:157px; position:absolute; z-index: 1;
			background-color:#ffffff; /*background-image:url(Images/tab_bg_active.gif); background-position:left -2px; background-repeat:repeat-x;*/}
#extLinksBox {float:right; text-align:right;}


div.grippie {background:#EEEEEE url("../../App_Themes/Main/Images/grippie.png") no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid;
				border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden;}
.resizable-textarea textarea {display:block; margin-bottom:0pt; height: 90px; max-height: 100%; overflow-y: scroll; }

optgroup.level3 {background-color:#FC8F0C;color:#000000;}
optgroup.level4 {background-color:#FFFFFF;color:#000000;}
option {background-color:#FFFFFF;color:#000000;}
#dialog {/*padding:5px;*/}

#feedbackArea {
	/*background:transparent url(images/loading.gif) no-repeat scroll 10px center;*/
	border:1px solid #B9CCDF;
	font-size:10px;
	font-weight:bold;
	height:auto;
	margin:0px auto;
	padding:10px;
	position:fixed;
	z-index:6001;
	background-color:#FFE186;
	top:0px;
	left:45%;
	padding:7px 10px;
	display:none;
}

.feedback {
	/*background:transparent url(images/loading.gif) no-repeat scroll 10px center;*/
	border:1px solid #B9CCDF;
	font-size:15px;
	font-weight:bold;
	height:auto;
	padding:10px;
	z-index:6001;
	background-color:#FFE186;
	display:none;
	white-space: nowrap;
}

.productFeedbackContainer, .feedbackContainer {
	position: absolute;
	left: 50%;
}

.productFeedbackInnerContainer, .feedbackInnerContainer {
	position: relative;
	left: -50%;
}

.productFeedbackContainer.wayfinder {
	z-index: 1;
	top: 20px;
}

.GoogleMarkerLabel {
	z-index: -999;
}

/* [7] jqModal.css					*/
/*******************************************************/	


.jqmOverlay { background-color: #000; }

img.jqResize {
	position:absolute;
	bottom: 0px;
	right: 0px;
	cursor :se-resize;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
}

.bgMarker {margin-left:10px; padding:5px 0px 6px 0px; width:20px; text-align:center; float:left; display:block; background-position:left top; background-repeat:no-repeat;}

.msgRealTime {display:none;}

* html .msgRealTime {height:25px;}

#fixedModalActions {float:left; width:100%; padding:5px 0px; position:fixed; top:335px; left:0px; background-color:#ffffff; border-top:solid 1px #cccccc; z-index:1001;}
* html #fixedModalActions {_position: absolute; left: 0px; top: 0px; _width:auto; _float:none;}

/*************** MultiLangControl ***************/
.multiLangHolder {float:left; width:100%; background-color:#DDEAF8; border:solid 1px #cccccc;}
.lang98 {float:left; width:98%;}
.lang99 {float:left; width:99%;}
/*************** MultiLangControl ***************/


/* [8] Consumer 					                */
/*--------------------------------------------------*/
/*************** mailOutReport ***************/

.boxCenter {width:530px; margin:10px auto;}
.barLabel {float:left; width:100px; padding-right:5px; text-align:right;}
.barDiv {background:#D00E00; border:solid 1px silver; float:left; height:11px;}
.barEnd {float:left; width:20px;}
/*************** /mailOutReport ***************/

.copyDownArrow {margin-top:5px; margin-left:-3px; position:absolute;}
#jqTabs {width:98%; margin:0px auto;}
#jqTabs .ui-widget-content {float:left; background:none;}
#jqTabs .ui-tabs .ui-tabs-panel {padding:5px 0px;}
#jqTabs .ui-widget-header {border:0px; background:none; margin:0px 0px 0px 10px;}


/*************** Membership related ***************/
.box {margin-bottom: 10px;}
.panelHeader{ display: block;	cursor: hand;	font-size: 1.2em;	background-color: #b9ccdf;	margin: 0;	padding: 5px 5px 5px 35px;	color: #333366;	font-family: Arial;	font-weight: 700;	background-image: url(  'images/toogle.gif' );	background-repeat: no-repeat;	background-position: 5px center;	text-decoration: none;}
.panel {background-color: #ececec;	padding: 5px;	border: solid 1px #cccccc;}

.itemTitle {width:auto; clear:both; cursor: pointer;  margin: 0px; 
			padding: 5px 5px 5px 35px; color: #333366; font-family: Arial;
			background-image: url('images/toogle.gif'); background-repeat: no-repeat; background-position: 5px 7px; }

.buyPanel{display: none;border: solid 1px #cccccc;margin: 5px 5px 5px 10px;padding: 5px;}
.bttnUpDown {float:left; margin:4px; padding:2px; background-color:#E3E3E5; border:solid 1px #cccccc;}
.bttnUpDown:hover {background-color:#fafafa;}

/*************** Membership related ***************/

/*************** For fixed div on Products Edit page ***************/
#fixedHeaderBar.fixed 
{
	z-index: 999;
	position: fixed;
	width: 96%;
	top: 0px;
}
/*************** For fixed div on Products Edit page ***************/

#RegionFilterSelect1 /* Region filter on advanced search */
{
	height: 250px;
}

.aligncenter
{
	text-align: center;
}

.alignRight
{
	text-align: right;
}

/* Case 5039 */
.modalRoomSaveButtonContainer { margin-top: 15px; height: 40px; }

/* IE 10 fix for JQAlerts dialog widths. Case 7986. */
#popup_container {
	max-width: inherit !important;
}

/* Out Of Area text header, displayed in Location lists */
.outOfArea
{
	font-weight: bold;
	background-color:#e4e4e4;
}

#page.emsPageHacks .loading 
{
	background:#FFE186 url(../../EMS/jscript/themes/basic/images/loading.gif) no-repeat scroll 5px 50%;
	border:1px solid #B9CCDF;
	display:none;
	float:right;
	font-weight:bold;
	height:auto;
	margin:0;
	padding:5px;
	position:absolute;
	right:60px;
	text-align:center;
	top:8px;
	width:100px;
	z-index:1000;    
}