/*---RESET---*/
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
	pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,
	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
	details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
	summary,time,mark,audio,video{margin:0;padding:0;border:0;;font-family:"tuffyregular";;vertical-align:baseline;}
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
	ol,ul{margin:0px;padding:0px;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
	table{border-collapse:collapse;border-spacing:0;}

	button{font-size: 11px}
	input{font-size: 11px}
	select{font-size: 11px}

	html{
		height: 100%;
		padding: 0;
		margin:0;
	}

	@font-face {
	    font-family: 'tuffyregular';
	    src: url('http://order.cabitech.co.za/assets/fonts/Tuffy-Regular.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;

	}

	body{
		color: black;
		height: 100%;
		width: 100%;
		padding: 0;
		-webkit-touch-callout: none; 
		    -webkit-user-select: none; 
		     -khtml-user-select: none; 
		       -moz-user-select: none; 
		        -ms-user-select: none; 
	}

	input {
	    outline: none;
	}

	button{
		outline: none;
	}

	#mainBackground{
		height: 100%;
		width: 100%;
		padding: 0;
		background-color: gainsboro;
	}
/*---Loading---*/
	#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 9999;
    background-color: gainsboro;
	}

	#loading-image {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 100;
	    margin-left: -16px;
    	margin-top: -16px;
	}

	#loadingm {
    width: 450px;
    height: 450px;
    margin-top: 25px;
    left: 0px;
    display: block;
    z-index: 9999;
    background-color: gainsboro;
	}

	#loadingm-image {
	    position: relative;
	    top: 50%;
	    left: 50%;
	    z-index: 1;
	    margin-left: -16px;
    	margin-top: -16px;
	}
/*---NAV---*/
	#logo{
		height: 30px;
		width: 150px;
		margin-left: 25px;
		margin-top:5px; 
		position: relative;
	}

	#headerbacking{
		background-color: white;
		height: 50px;
		width: 100%;
		box-shadow: 0px 5px 20px #888888;
		position: absolute;
	}

	#navmain{
		height: 40px;
		width: 100%;
		position: absolute;
	}

	#navmainmenu{
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -23px;
	    padding-left: 190px;
	}

	#navmainmenu li{
		height: 70px;
		width: 188px;
		float: left;
	}

	#navmainmenu li a{
		text-decoration: none;
		color: black;
	}

	#navhr{
	    display: block;
	    margin-top: 42px;
	    border-style: solid;
	    border-width: 1.5px;
	    border-color:black;
	}
/*---Drop Menu---*/

	.drop_menu{
		width: 135px;
		background-color: white;
		box-shadow: 0px 20px 30px #888888;
		overflow: hidden;
		margin-top: 50px;
	}

	.droplinks{
		float: left;
		height: 25px;
		border: 1px solid lightgrey;
		width: 125px;
		text-decoration: none;
		color: black;
		padding-top: 10px;
		padding-left: 10px;
		cursor: pointer;
	}

	.droplinkstext{
		float:left;
		margin-left: 10px;
	}

	.droplinksimg{
		float:left;
		margin-top: -3px;
	}

	#navside{
		float: right;
		position: absolute;
		right: 10px;
		width: 53px;
		margin-top: -22px;
		cursor: pointer;
	}

	#navside a img{
		float: right;
		display: inline-block;
		padding: 0px 5px 0px 5px;
		height: 24px;
		width:24px;
	}

	#navsalesbuttons{
		cursor: pointer;
	}
/*---Confirm Logout---*/

	.confirmLogout{
    	width:300px;
        height:130px;
        background-color: white;
        border-radius: 10px;
        box-shadow: 0px 5px 20px #888888;
        overflow: hidden;
	}

	#confirmLogoutContainerBar{
        height: 30px;
        width: 300px;
        background-color: white;
        border-bottom: 1px solid lightgrey;
	}

    #confirmLogoutContainerBarTitle{
        color: grey;
        font-size: 1.2em;
        font-weight: lighter;
        margin-top: 2px;
        text-align:center;
	}

	#confirmLogoutContainerBarClose{
	    background: none;
	    border: none;
	    width: 25px;
	    float: right;
	    margin-top: -20px;
	    margin-right: 10px;
	    cursor: pointer;
	}

	#confirmLogoutContainerDiv{
	    margin-left: 20px;
	    margin-top: 20px;
		width: 260px;
	}

	#confirmLogoutImg{
	    width: 48px;
	    float: left;
	}

	#confirmLogoutMessage{
	    width: 187px;
	    float: right;
	}

	#confirmLogoutConfirm{
        background: none;
        border-radius: 10px;
        border: none;
        border: 1px solid lightgrey;
        font-family: inherit;
        float: right;
        margin-top: 17px;
        margin-right: 5px;
        cursor: pointer;
    }

    #confirmLogoutClose{
        background: none;
        border-radius: 10px;
        border: none;
        border: 1px solid lightgrey;
        font-family: inherit;
        float: right;
        margin-top: 17px;
        cursor: pointer;
        margin-right: 5px;
    }
/*---Notifications---*/

	#notificationsAlert{
		height: 15px;
		min-width: 11px;
		border-radius: 8px;
		background-color: red;
		color: white;
		position: absolute;
		margin: -7px;
		font-size: 12px;
		text-align: center;
		padding-left: 2px;
		padding-right: 2px;
		display: none;
	}

	.notifications{
    	width: 250px;
		height: 298px;
		background-color: white;
		border-radius: 10px;
		box-shadow: 0px 5px 20px #888888;
		margin-top: 60px;
		margin-right: 25px;
	}

	#notificationsArrow{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid white;
		float: right;
		margin-top: -20px;
		height: 10px;
		width: 1px;
		margin-right: 15px;
	}

	#notificationsContainerBar{
        height: 28px;
        width: 250px;
        background-color: white;
        border-bottom: 1px solid lightgrey;
        border-radius: 10px 10px 0px 0px;
	}

    #notificationsContainerBarTitle{
        color: grey;
        font-size: 1.2em;
        font-weight: lighter;
        margin-top: 2px;
        text-align:center;
	}

	#notificationList{
	    width: 228px;
	    height: 243px;
	    background-color: gainsboro;
	    border: 1px solid lightgrey;
	    margin-top: 10px;
	    margin-left: 10px;
	    color: #808080;
	    text-align: center;
	}

	.notificationMessage{
		background-color: white;
		text-align: left;
		border-bottom: 1px solid lightgrey;
		color: black;
		height: 56px;
		position: relative;
	}

	.notificationTime{
		text-align: right;
		font-size: 12px;
		margin-right: 5px;
		color: #808080;
		bottom: 0;
		right: 0;
		position: absolute;
	}
/*---List Extras---*/
	#waypoint{
		width: calc(100% - 17px);
		height: 20px;
	}

	#waypointImg{
		width: 16px;
		margin-left: auto;
		margin-top: 4px;
		margin-right: auto;
		display: block;
	}

	.selectedList{
		background-color: gainsboro;	 
	}
/*---Map--*/
	.pac-container {
	  max-height: 95px;

	}
/*---Settings---*/
	/*---Upload Button---*/
		.button-wrapper {
			position: relative;
			width: 16px;
			text-align: center;
			float: right;
			margin-right: 11px;
			margin-top: 2px;
		}

		.button-wrapper span.label {
			position: relative;
			z-index: 0;
			display: inline-block;
			width: 100%;
			cursor: pointer;
			color: #fff;
		}

		#upload{
		    display: inline-block;
		    position: absolute;
		    z-index: 1;
		    width: 100%;
		    height: 50px;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    cursor: pointer;
		}

		#client{
		    display: inline-block;
		    position: absolute;
		    z-index: 1;
		    width: 100%;
		    height: 50px;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    cursor: pointer;
		}

		#admin{
		    display: inline-block;
		    position: absolute;
		    z-index: 1;
		    width: 100%;
		    height: 50px;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    cursor: pointer;
		}

		#print{
		    display: inline-block;
		    position: absolute;
		    z-index: 1;
		    width: 100%;
		    height: 50px;
		    top: 0;
		    left: 0;
		    opacity: 0;
		    cursor: pointer;
		}
	/*---Checkbox---*/
		.roundRight{
			position: relative;
		 	float:right;
		 	margin-top: -20px;
		}

		.roundLeft{
		  	float:left;
		  	margin: 0px 20px 0px 20px;
		}

		.roundLabel{
		  	float:left;
		  	margin: 3px 0px 0px 20px;
		}

		.round {
		  position: relative;

		}

		.round label {
		  background-color: #fff;
		  border: 1px solid #ccc;
		  border-radius: 50%;
		  cursor: pointer;
		  height: 16px;
		  left: 0;
		  position: absolute;
		  top: 0;
		  width: 16px;
		}

		.round label:after {
		  border: 2px solid #fff;
		  border-top: none;
		  border-right: none;
		  content: "";
		  height: 3px;
		  left: 3px;
		  opacity: 0;
		  position: absolute;
		  top: 5px;
		  transform: rotate(-45deg);
		  width: 9px;
		}

		.round input[type="radio"] {
		  visibility: hidden;
		}

		.round input[type="radio"]:checked + label {
		  background-color: #808080;
		  border-color: #cdcdcd;
		}

		.round input[type="radio"]:checked + label:after {
		  opacity: 1;
		}
	/*---Suffix---*/
		.pxSuffix {
			  position: absolute;
			  left: 0;
			  top: 8px;
			  color: #000;
			  padding-left: 4px;
			  font: inherit;
			}
	/*---Settings Container---*/

		#settingscontainersidebar{
			margin: 20px 0px 20px 20px;
			display: block;
			overflow: hidden;
			float: left;
			height: 544px;
			width: 260px;
			bottom: 0;
			left: auto;
			right: auto;
			border: 1px solid lightgrey;
			border-radius: 10px;
			background-color:gainsboro;
		}

		#settingscontainermain{
			margin: 20px 0px 0px 20px;
			overflow: hidden;
			float: left;
			height: 544px;
			width: 680px;
			bottom: 0;
			left: auto;
			right: auto;
			border: 1px solid lightgrey;
			border-radius: 10px;
			background-color: gainsboro;
		}

		#settingscontainersidebarframe{
			width: 277px;
			height: 100%;
		}


		#settingscontainermainframe{
			width: 697px;
			height: calc(100% + 17px);
		}

		.settingsContainer{
			width: 1004px;
			height: 620px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#settingsBar{
			height:30px;
			width:1004px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#settingsBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
			width: 1004px;
		}

		#settingsBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#settingsButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 16px;
		}

		#settingsButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 16px;
		}

		#settingsButtonApply{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 3px;
		    display: none; 
		}
		#settingsButtonApply:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 3px;
		    display: none; 
		}
	/*---Setting Lists---*/
		#settingsPageTitleBar{
			width: 260px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
			z-index: 1;
		}

		#settingsPageTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			margin-left: auto;
			margin-right: auto;
			width: 64px;
		}

		#settingsPageTitleSpacer{
			width: 260px;
			height: 30px;
		}

		.settingsListPageButtonTitle{
			background-color: white;
			width: 260px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			cursor: pointer;
		}

		.settingsListPageButtonTitle a{
			position: absolute;
			margin: 5px;
		}

		.settingsListPageButton{
			width: 260px;
			height: 30px;
			border: none;
			border-bottom:1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.settingsListPageViewButton{
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    float: right;
		    margin-right: 8px;
		    cursor: pointer;
		}

		.settingsListPagedropDown{
			width: 260px;
			height: 30px;
			border:none;
			border-bottom: 1px solid lightgrey;
			cursor: pointer;
			background-color: whitesmoke;
		}
	/*---Company Info---*/
		#companyInfomationPageTitleBar{
			width: 680px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
		}

		#companyInfomationPageTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#companyInfomationPageTitleSpacer{
			width: 680px;
			height: 30px;
		}

		#companyInfomationPageBusinessInfoBox{
			margin-top: 5px;
			margin-right: 5px; 
			width: 680px;
			height: 243px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			float: left;
		}

		#companyInfomationPageBusinessAddressBox{
			margin-top: 5px;
			margin-right: 5px; 
			width: 680px;
			height: 293px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			float: left;
		}

		#companyInfomationPageInvoicingDetailsBox{
			margin-top: 5px;
			width: 680px;
			height: 341px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			float: left;
		}

		#companyInfomationPageAccountDetailsBox{
			margin-top: 5px;
			width: 680px;
			height: 117px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			float: left;
		}

		#companyInfomationPageBusinessInfoTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		.companyInfomationPageBusinessInfoInputTitle{
			margin-left: 10px;
			width: 320px;
			float: left;
		}

		.companyInfomationPageBusinessInfoInput{
			width: 656px;
			height: 26px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			margin-left: 10px;
		}

		#companyInfomationPagePhoneLeft{
			float: left;
			width: 335px;
			margin-left: 10px;
		}

		#companyInfomationPagePhoneRight{
			float: left;
		    width: 325px;
		}

		.companyInfomationPageBusinessInfoInputHalf{
		    width: 321px;
		    height: 26px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    float: left;
		}

		.companyInfomationPageBusinessInfoInputTitleHalf{
		    float: left;
		}

		#companyInfomationPageBusinessAddressTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		.companyInfomationPageBusinessAddressInputTitle{
			margin-left: 10px;
			width: 320px;
			float: left;
		}

		.companyInfomationPageBusinessAddressInput{
			width: 656px;
			height: 26px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			margin-left: 10px;
		}

		#companyInfomationPageInvoicingDetailsTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		.companyInfomationPageBankingDetailsInputTitle{
			margin-left: 10px;
			width: 300px;
			float: left;
		}

		#companyInfomationPageBankingDetailsBox{
			float:left;
			width: 348px;
		}

		.companyInfomationPageBankingDetailsAccountInput{
			width: 325px;
			height: 26px;
			border: 1px solid lightgray;
			border-radius: 5px;
			margin-left: 10px;
		}

		#companyInfomationPageTaxDetailsBox{
			float:left;
			width: 323px;
		}

		.companyInfomationPageTaxDetailsInputTitle{
			width: 320px;
			float: left;
		}

		#companyInfomationPageCurrencyDropdown{
			font-size: 10px;
		    position: relative;
		    display: inline-block;
		    border: 1px solid lightgray;
		    width: 319px;
		    border-radius: 5px;
		    height: 28px;
		}

		#companyInfomationPageCurrencyDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 319px;
			height: 27px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;
			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#companyInfomationPageCurrencyDropdown .arr {
			background: #fff;
			position: absolute;
			right: 5px;
			width: 50px;
			pointer-events: none;
		}

		#companyInfomationPageCurrencyDropdown .arr:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 0px;
			margin-top: 12px;
			pointer-events: none;
			border-top: 5px solid black;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
		}

		#companyInfomationPageCurrencyDropdown .arr:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 28px;
			margin-top: -5px;
			pointer-events: none;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
		}

		#companyInfomationPageTaxDropdown{
			font-size: 10px;
		    position: relative;
		    display: inline-block;
		    border: 1px solid lightgray;
		    width: 319px;
		    border-radius: 5px;
		    height: 28px;
		}

		#companyInfomationPageTaxDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 319px;
			height: 27px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;
			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#companyInfomationPageTaxDropdown .arr {
			background: #fff;
			position: absolute;
			right: 5px;
			width: 50px;
			pointer-events: none;
		}

		#companyInfomationPageTaxDropdown .arr:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 0px;
			margin-top: 12px;
			pointer-events: none;
			border-top: 5px solid black;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
		}

		#companyInfomationPageTaxDropdown .arr:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 28px;
			margin-top: -5px;
			pointer-events: none;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
		}

		.companyInfomationPageTaxDetailsInput{
			width: 317px;
			height: 26px;
			border: 1px solid lightgray;
			border-radius: 5px;
		}

		#companyInfomationPageDeliveryDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: left;
			border: 1px solid lightgray;
			width: 657px;
			border-radius: 5px;
			height: 28px;
			margin-left: 10px;
		}

		#companyInfomationPageDeliveryDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 657px;
			height: 27px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;
			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#companyInfomationPageDeliveryDropdown .arr {
			background: #fff;
			position: absolute;
			right: 5px;
			width: 50px;
			pointer-events: none;
		}

		#companyInfomationPageDeliveryDropdown .arr:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 0px;
			margin-top: 12px;
			pointer-events: none;
			border-top: 5px solid black;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
		}

		#companyInfomationPageDeliveryDropdown .arr:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 28px;
			margin-top: -5px;
			pointer-events: none;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
		}

		#companyInfomationPageAccountDetailsTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		#companyInfomationPageDeliveryRadiusLeft{
			float: left;
			margin-left: 10px;
		}

		#companyInfomationPageDeliveryRadiusRight{
			float: left;
			margin-left: 10px;
		}

		.companyInfomationPageDeliveryPerKmInput{
			width: 656px;
			height: 26px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			margin-left: 10px;
		}

		.companyInfomationPageDeliveryRadiusTitle{
			width: 320px;
		}

		.companyInfomationPageDeliveryRadiusInput{
			width: 320px;
			height: 26px;
			border: 1px solid lightgrey;
			border-radius: 5px;
		}

		#companyInfomationPageChangeEmail{
			float: left;
		    height: 30px;
		    width: 325px;
		    background: none;
		    border: none;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background-color: gainsboro;
		    margin-top: 20px;
		    margin-left: 10px;
		    cursor: pointer;
		}

		#companyInfomationPageChangeEmail:hover{
			float: left;
		    height: 30px;
		    width: 325px;
		    background: none;
		    border: none;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background-color: whitesmoke;
		    margin-top: 20px;
		    margin-left: 10px;
		    cursor: pointer;
		}

		#companyInfomationPageChangePassword{
			float: left;
		    height: 30px;
		    width: 325px;
		    background: none;
		    border: none;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background-color: gainsboro;
		    margin-top: 20px;
		    margin-left: 10px;
		    cursor: pointer;
		}

		#companyInfomationPageChangePassword:hover{
			float: left;
		    height: 30px;
		    width: 325px;
		    background: none;
		    border: none;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background-color: whitesmoke;
		    margin-top: 20px;
		    margin-left: 10px;
		    cursor: pointer;
		}

		.errorInfo{
			float: right;
			width: 21px;
			color: red;
			display: none;
		}
	/*---Change Email---*/
		.changeEmail{
	    	width:340px;
	        height:165px;
	        background-color: white;
	        border-radius: 10px;
	        box-shadow: 0px 5px 20px #888888;
	        overflow: hidden;
		}

		#changeEmailContainerBar{
	        height: 30px;
	        width: 340px;
	        background-color: white;
	        border-bottom: 1px solid lightgrey;
		}

	    #changeEmailContainerBarTitle{
	        color: grey;
	        font-size: 1.2em;
	        font-weight: lighter;
	        margin-top: 2px;
	        text-align:center;
		}

		#changeEmailContainerBarClose{
		    background: none;
		    border: none;
		    width: 25px;
		    float: right;
		    margin-top: -20px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		#changeEmailContainerDiv{
		    margin-left: 20px;
			width: 300px;
		}


		.changeEmailInputTitle{
			width: 320px;
			float: left;
		}

		.changeEmailInput{
			width: 296px;
			height: 30px;
			border: 1px solid lightgrey;
			border-radius: 5px;
		}


		#changeEmailConfirm{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	    }

	    #changeEmailConfirm:hover{
	        background: gainsboro;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	    }

	    #changeEmailClose{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 5px;
	    }

	    #changeEmailClose:hover{
	        background: gainsboro;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 5px;
	    }
	/*---Change Password---*/
		.changePassword{
	    	width:340px;
	        height:207px;
	        background-color: white;
	        border-radius: 10px;
	        box-shadow: 0px 5px 20px #888888;
	        overflow: hidden;
		}

		#changePasswordContainerBar{
	        height: 30px;
	        width: 340px;
	        background-color: white;
	        border-bottom: 1px solid lightgrey;
		}

	    #changePasswordContainerBarTitle{
	        color: grey;
	        font-size: 1.2em;
	        font-weight: lighter;
	        margin-top: 2px;
	        text-align:center;
		}

		#changePasswordContainerBarClose{
		    background: none;
		    border: none;
		    width: 25px;
		    float: right;
		    margin-top: -20px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		#changePasswordContainerDiv{
		    margin-left: 20px;
			width: 310px;
		}


		.changePasswordInputTitle{
			width: 276px;
			float: left;
		}

		.changePasswordInput{
			width: 296px;
			height: 26px;
			border: 1px solid lightgrey;
			border-radius: 5px;
		}


		#changePasswordConfirm{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 10px;
	    }

	    #changePasswordConfirm:hover{
	        background: gainsboro;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 10px;
	    }

	    #changePasswordClose{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 5px;
	    }

	    #changePasswordClose:hover{
	        background: gainsboro;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 4px;
	        cursor: pointer;
	        margin-right: 5px;
	    }
	/*---Add Note---*/
			.addNote{
		    	width:500px;
		        height:300px;
		        background-color: white;
		        border-radius: 10px;
		        box-shadow: 0px 5px 20px #888888;
		        overflow: hidden;
			}

			#addNoteContainerBar{
		        height: 30px;
		        width: 500px;
		        background-color: white;
		        border-bottom: 1px solid lightgrey;
			}

		    #addNoteContainerBarTitle{
		        color: grey;
		        font-size: 1.2em;
		        font-weight: lighter;
		        margin-top: 2px;
		        text-align:center;
			}

			#addNoteContainerBarClose{
			    background: none;
			    border: none;
			    width: 25px;
			    float: right;
			    margin-top: -20px;
			    margin-right: 10px;
			    cursor: pointer;
			}

			#addNoteContainerDiv{
			    margin-left: 20px;
				width: 462px;
			}

			#addNoteInputText{
				height: 19px;
			}

			#addNoteInput{
				resize: none;
				width: 458px;
				height: 224px;
				border: 1px solid lightgray;
				outline: none;
			}


			#addNoteConfirm{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 1px;
		        cursor: pointer;
		    }

		    #addNoteConfirm:hover{
		        background: gainsboro;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 1px;
		        cursor: pointer;
		    }

		    #addNoteClose{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 1px;
		        cursor: pointer;
		        margin-right: 5px;
		    }

		    #addNoteClose:hover{
		        background: gainsboro;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 1px;
		        cursor: pointer;
		        margin-right: 5px;
		    }
	/*---Branding---*/
		#brandingPageTitleBar{
			height:30px;
			width:680px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			position: fixed;
			z-index: 1;
			
		}

		#brandingPageTitleText{
			color: #808080;
			font-size: 1.2em;
			font-weight: lighter; 
			padding-top: 2px;
			text-align: center;
		}

		#brandingPageTitleSpacer{
			height:31px;
		}

		#brandingClientsBox{
			height: 381px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 5px;
			border-bottom: 1px solid lightgrey;
		}

		#brandingClientsTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		#brandingClientsColoursLeft{
			width: 345px;
			float: left;
		}

		#brandingClientsColoursRight{
			width: 336px;
			float: left;
		}

		.brandingColourText{
			width: 180px;
			float: left;
			margin-left: 10px;
		}
		
		.brandingText{
			width: 180px;
			float: left;
		}


		#brandingChooseColour{
			border: none;
			background: none;
			float: right;
			margin-top: 2px;
			cursor: pointer;
			width: 25px;
			margin-right: 10px;
			cursor: pointer;
		}

		.brandingColoursInput1{
			width: 325px;
			height: 30px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			margin-left: 10px;
			background: none;
			color: black;
		}

		.brandingColoursInput2{
			width: 325px;
			height: 30px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			background: none;
			color: black;
		}

		.brandingColourPreview{
			height: 29px;
			width: 30px;
			float: right;
			margin-right: 11px;
			margin-top: -29px;
			border-radius: 0px 5px 5px 0px;
			border-left: 1px solid lightgrey;
		}

		#brandingLogoboxLeft{
			float: left;
			width: 345px;
			height: 161px;
		}

		#brandingLogoboxRight{
			float: left;
			width: 336px;
			height: 130px;
		}

		#brandingLogobox{
			float: left;
			width: 345px
		}

		#brandingLogoText{
			float: left;
			margin-left: 10px;
			position: absolute;
		}

		#addLogoFileSelect{
			margin-left: 10px;
			margin-top: 5px;
		}

		#brandingClientPreviewImg{
			width: 323px;
			height: 136px;
			border: 1px solid lightgrey;
			background-color: gainsboro;
			margin-top: 21px;
			margin-left: 10px;
		}

		#brandingAdminPreviewImg{
			width: 323px;
			height: 136px;
			border: 1px solid lightgrey;
			background-color: gainsboro;
			margin-top: 21px;
			margin-left: 10px;
		}

		#brandingPrintPreviewImg{
			width: 323px;
			height: 136px;
			border: 1px solid lightgrey;
			background-color: gainsboro;
			margin-top: 21px;
			margin-left: 10px;
		}

		#brandingIconPreviewImg{
			width: 323px;
			height: 136px;
			border: 1px solid lightgrey;
			background-color: gainsboro;
			margin-top: 21px;
			margin-left: 10px;
		}

		.thumbspan{
			min-width: 318px;
			height: 136px;
			text-align: center;
			vertical-align: middle;
		}

		#brandingpreviewImgText{
			text-align: center;
			padding: 59px 0px;
		}

		.brandingLogoInput{
			width: 325px;
			height: 30px;
			border: 1px solid lightgrey;
			border-radius: 5px;
			background: none;
			color: black;
		}

		#brandingAdminBox{
			height: 250px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 5px;
			border-bottom: 1px solid lightgrey;
		}

		#brandingAdminTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		#brandingPrintBox{
			height: 200px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 5px;
			border-bottom: 1px solid lightgrey;
		}

		#brandingPrintTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		#brandingIconBox{
			height: 216px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 5px;
			border-bottom: 1px solid lightgrey;
		}

		#brandingIconTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		#brandingThemebox{
			float: left;
			width: 670px;
			margin-left: 10px;
		}

		.brandingThemeboxs{
			float: left;
			border: 1px solid lightgrey;
			width: 211px;
			height: 107px;
			margin-right: 10px;
		}

		.ic {
			display: inline-block;
			position: relative;
			font: 12px arial;
		}

		.suffix {
			position: absolute;
			left: 0;
			top: 8px;
			color: #000;
			padding-left: 5px;
			font: inherit;
		}
	/*---Colour Picker---*/
			.colourPicker{
				width:385px;
				height: 550px;
				background-color: white;
				border-radius:10px;
				box-shadow: 0px 5px 20px #888888;
				overflow: hidden;
				margin-top: 20px;
			}

			#colourPickerBar{
				height:30px;
				width:385px;
				background-color: white;
				border-bottom: 1px solid lightgrey; 
			}

			#colourPickerBarTitle{
				color: #808080;
				font-size: 1.2em;
				font-weight: lighter; 
				margin-top: 2px;
				text-align: center;
				width: 385px;
			}

			#colourPickerBarClose{
				background:none;
				border:none;
				width: 25px;
				float:right;
				margin-top: -18px;
				margin-right: 10px;
				cursor:pointer;
			}

			#colourPickerOptions{
				margin: 20px 20px 0px 20px;
			}

			#colourPickerOutput{
				height: 20px;
				width: 342px;
				border: 1px solid lightgrey;
				margin-left: 1px;
				margin-top: 19px;

			}

			.colourPickerOutputOptions{
				width: 339px;
				border: 1px solid lightgrey;
				height: 19px;
			}

			.colourPickerTable{
				table-layout: fixed;
				width: 346px;
				margin-top: 20px;
			}

			.colourPickerTableTitle{
				width: 20px;
				text-align: center;
			}

			.colourPickerOutputOptionsSmall{
				width: 87px;
				border: 1px solid lightgrey;
				height: 19px;
			}

			.panel{
				width: 346px;
			}

			#colourPickerButtonSave:Hover{
				background: gainsboro;
				border-radius: 10px;
				border: none;
				border: 1px solid lightgrey;
				font-family: inherit;
				float: right;
				margin-top: 2px;
				height: 16px;
				cursor: pointer;
				margin-right: 20px;
			}

			#colourPickerButtonSave{
			    background: none;
				border-radius: 10px;
				border: none;
				border: 1px solid lightgrey;
				font-family: inherit;
				float: right;
				margin-top: 2px;
				height: 16px;
				cursor: pointer;
				margin-right: 20px;
			}

			#colourPickerButtonCancel{
			    background: none;
				border-radius: 10px;
				border: none;
				border: 1px solid lightgrey;
				font-family: inherit;
				float: right;
				margin-top: 2px;
				height: 16px;
				cursor: pointer;
				margin-right: 5px;
			}

			#colourPickerButtonCancel:hover{
				background: gainsboro;
				border-radius: 10px;
				border: none;
				border: 1px solid lightgrey;
				font-family: inherit;
				float: right;
				margin-top: 2px;
				height: 16px;
				cursor: pointer;
				margin-right: 5px;
			}
	/*---Quotations---*/
		#quotationsPageTitleBar{
		    height:30px;
		    width:680px;
		    background-color: white;
		    border-bottom: 1px solid lightgrey;
		    position: fixed;
		    z-index: 1;
		}

		#quotationsPagePreview{
		    border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#quotationsPageTitleText{
		    color: #808080;
		    font-size: 1.2em;
		    font-weight: lighter; 
		    padding-top: 2px;
		    text-align: center;
		}

		#quotationsPageTitleSpacer{
		    height:31px;
		}

		#quotationsInfoBox{
		    height: 604px;
		    background-color: white;
		    border-top: 1px solid lightgrey;
		    margin-top: 5px;
		    border-bottom: 1px solid lightgrey;
		}

		#quotationsInfoTitle{
		    width: 680px;
		    height: 27px;
		    border-bottom: 1px solid lightgrey;
		    color: #808080;
		    font-size: 1.2em;
		    margin-top: 3px;
		    padding-left: 2px;
		}

		#quotationsInfoLeft{
		    width: 345px;
		    float: left;
		}

		#quotationsInfoRight{
		    width: 336px;
		    float: left;
		}

		.quotationsInfoText1{
		    width: 180px;
		    float: left;
		    margin-left: 10px;
		}

		.quotationsInfoText2{
		    width: 180px;
		    float: left;
		}


		#quotationsChooseColour{
		    border: none;
		    background: none;
		    float: right;
		    margin-top: 2px;
		    cursor: pointer;
		    width: 25px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		.quotationsColoursInput1{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    margin-left: 10px;
		    background: none;
		    color: black;
		}

		.quotationsColoursInput2{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background: none;
		    color: black;
		}

		.quotationsColourPreview{
		    height: 29px;
		    width: 30px;
		    float: right;
		    margin-right: 11px;
		    margin-top: -29px;
		    border-radius: 0px 5px 5px 0px;
		    border-left: 1px solid lightgrey;
		}

		#quotationsExpiryDropdown{
		    font-size: 10px;
		    position: relative;
		    display: inline-block;
		    float: left;
		    border: 1px solid lightgray;
		    width: 323px;
		    border-radius: 5px;
		    height: 28px;
		    margin-left: 10px;
		}

		#quotationsExpiryDropdown select {
		    outline: none;
		    -webkit-appearance: none;
		    -moz-appearance:none;
		    display: block;
		    margin: 0;
		    width: 323px;
		    height: 27px;
		    transition: border-color 0.2s;
		    border: none;
		    border-radius: 5px;
		    background: #fff;
		    color: black;
		    line-height: normal;
		    font-family: inherit;
		    font-size: 12px;
		    line-height: inherit;
		    cursor: pointer;
		}

		#quotationsExpiryDropdown .arr {
		    background: #fff;
		    position: absolute;
		    right: 5px;
		    width: 50px;
		    pointer-events: none;
		}

		#quotationsExpiryDropdown .arr:before {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 0px;
		    margin-top: 12px;
		    pointer-events: none;
		    border-top: 5px solid black;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		}

		#quotationsExpiryDropdown .arr:after {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 28px;
		    margin-top: -5px;
		    pointer-events: none;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		}

		#quotationsLogoboxLeft{
		    float: left;
		    width: 345px;
		    height: 161px;
		}

		#quotationsLogoboxRight{
		    float: left;
		    width: 220px;
		    height: 130px;
		}

		#quotationsLogobox{
		    float: left;
		    width: 345px
		}

		#quotationsLogoText{
		    float: left;
		    margin-left: 10px;
		    position: absolute;
		}

		#addLogoFileSelect{
		    margin-left: 10px;
		    margin-top: 5px;
		}

		#quotationspreviewImg{
		    width: 323px;
		    height: 136px;
		    border: 1px solid lightgrey;
		    background-color: gainsboro;
		    margin-top: 21px;
		    margin-left: 10px;
		}

		.thumbspan{
		    min-width: 318px;
		    height: 136px;
		    text-align: center;
		    vertical-align: middle;
		}

		#quotationspreviewImgText{
		    text-align: center;
		    padding: 59px 0px;
		}

		.quotationsLogoInput{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background: none;
		    color: black;
		}

		#quotationsThemebox{
			float: left;
			width: 670px;
			margin-left: 10px;
		}

		.quotationsThemeboxs{
			float: left;
			border: 1px solid lightgrey;
			width: 211px;
			height: 280px;
			margin-right: 10px;
		}

		#quotationsNoteBox{
		    height: 289px;
		    background-color: white;
		    border-top: 1px solid lightgrey;
		    margin-top: 5px;
		    border-bottom: 1px solid lightgrey;
		}

		#quotationsNotesAdd{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: 5px;
		}

		#quotationsNoteContainer{
			width: 658px;
			height: 200px;
			background-color: gainsboro;
			border: 1px solid lightgrey;
			margin-left: 10px;
			margin-top: 30px;
			overflow: hidden;
		}

		#quotationsNoteContainerInner{
			width: 700px;
			height: 207px;
			margin-top: -1px;
			overflow-y: scroll;
		}

		.quotationsNoteBox{
			background: white;
			width: 658px;
		}

		.quotationsNoteEdit{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: 5px;
			cursor:pointer;
		}

		.quotationsNoteRemove{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: 5px;
			margin-right: 5px;
			cursor:pointer;
		}

		.quotationsNoteRemoveBox{
			width: 658px;
		}

		.quotationsNoteTextBullet{
			padding: 0px 10px 20px 0px;
			float: left;
		}

		.quotationsNoteText{
			padding: 20px;
			border-bottom: 1px solid lightgrey;
		}
	/*---Invoices---*/
		#invoicesPageTitleBar{
		    height:30px;
		    width:680px;
		    background-color: white;
		    border-bottom: 1px solid lightgrey;
		    position: fixed;
		    z-index: 1;
		}

		#invoicesPagePreview{
		    border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#invoicesPageTitleText{
		    color: #808080;
		    font-size: 1.2em;
		    font-weight: lighter; 
		    padding-top: 2px;
		    text-align: center;
		}

		#invoicesPageTitleSpacer{
		    height:31px;
		}

		#invoicesInfoBox{
		    height: 604px;
		    background-color: white;
		    border-top: 1px solid lightgrey;
		    margin-top: 5px;
		    border-bottom: 1px solid lightgrey;
		}

		#invoicesInfoTitle{
		    width: 680px;
		    height: 27px;
		    border-bottom: 1px solid lightgrey;
		    color: #808080;
		    font-size: 1.2em;
		    margin-top: 3px;
		    padding-left: 2px;
		}

		#invoicesInfoLeft{
		    width: 345px;
		    float: left;
		}

		#invoicesInfoRight{
		    width: 336px;
		    float: left;
		}

		.invoicesInfoText1{
		    width: 180px;
		    float: left;
		    margin-left: 10px;
		}

		.invoicesInfoText2{
		    width: 180px;
		    float: left;
		}


		#invoicesChooseColour{
		    border: none;
		    background: none;
		    float: right;
		    margin-top: 2px;
		    cursor: pointer;
		    width: 25px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		.invoicesColoursInput1{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    margin-left: 10px;
		    background: none;
		    color: black;
		}

		.invoicesColoursInput2{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background: none;
		    color: black;
		}

		.invoicesColourPreview{
		    height: 29px;
		    width: 30px;
		    float: right;
		    margin-right: 11px;
		    margin-top: -29px;
		    border-radius: 0px 5px 5px 0px;
		    border-left: 1px solid lightgrey;
		}

		#invoicesExpiryDropdown{
		    font-size: 10px;
		    position: relative;
		    display: inline-block;
		    float: left;
		    border: 1px solid lightgray;
		    width: 323px;
		    border-radius: 5px;
		    height: 28px;
		    margin-left: 10px;
		}

		#invoicesExpiryDropdown select {
		    outline: none;
		    -webkit-appearance: none;
		    -moz-appearance:none;
		    display: block;
		    margin: 0;
		    width: 323px;
		    height: 27px;
		    transition: border-color 0.2s;
		    border: none;
		    border-radius: 5px;
		    background: #fff;
		    color: black;
		    line-height: normal;
		    font-family: inherit;
		    font-size: 12px;
		    line-height: inherit;
		    cursor: pointer;
		}

		#invoicesExpiryDropdown .arr {
		    background: #fff;
		    position: absolute;
		    right: 5px;
		    width: 50px;
		    pointer-events: none;
		}

		#invoicesExpiryDropdown .arr:before {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 0px;
		    margin-top: 12px;
		    pointer-events: none;
		    border-top: 5px solid black;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		}

		#invoicesExpiryDropdown .arr:after {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 28px;
		    margin-top: -5px;
		    pointer-events: none;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		}

		#invoicesLogoboxLeft{
		    float: left;
		    width: 345px;
		    height: 161px;
		}

		#invoicesLogoboxRight{
		    float: left;
		    width: 220px;
		    height: 130px;
		}

		#invoicesLogobox{
		    float: left;
		    width: 345px
		}

		#invoicesLogoText{
		    float: left;
		    margin-left: 10px;
		    position: absolute;
		}

		#addLogoFileSelect{
		    margin-left: 10px;
		    margin-top: 5px;
		}

		#invoicespreviewImg{
		    width: 323px;
		    height: 136px;
		    border: 1px solid lightgrey;
		    background-color: gainsboro;
		    margin-top: 21px;
		    margin-left: 10px;
		}

		.thumbspan{
		    min-width: 318px;
		    height: 136px;
		    text-align: center;
		    vertical-align: middle;
		}

		#invoicespreviewImgText{
		    text-align: center;
		    padding: 59px 0px;
		}

		.invoicesLogoInput{
		    width: 325px;
		    height: 30px;
		    border: 1px solid lightgrey;
		    border-radius: 5px;
		    background: none;
		    color: black;
		}

		#invoicesThemebox{
			float: left;
			width: 670px;
			margin-left: 10px;
		}

		.invoicesThemeboxs{
			float: left;
			border: 1px solid lightgrey;
			width: 211px;
			height: 280px;
			margin-right: 10px;
		}

		#invoicesNoteBox{
		    height: 289px;
		    background-color: white;
		    border-top: 1px solid lightgrey;
		    margin-top: 5px;
		    border-bottom: 1px solid lightgrey;
		}

		#invoicesNotesAdd{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: 5px;
		}

		#invoicesNoteContainer{
			width: 658px;
			height: 200px;
			background-color: gainsboro;
			border: 1px solid lightgrey;
			margin-left: 10px;
			margin-top: 30px;
			overflow: hidden;
		}

		#invoicesNoteContainerInner{
			width: 700px;
			height: 207px;
			margin-top: -1px;
			overflow-y: scroll;
		}

		.invoicesNoteBox{
			background: white;
			width: 658px;
		}

		.invoicesNoteEdit{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: 5px;
			cursor:pointer;
		}

		.invoicesNoteRemove{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: 5px;
			margin-right: 5px;
			cursor:pointer;
		}

		.invoicesNoteRemoveBox{
			width: 658px;
		}

		.invoicesNoteTextBullet{
			padding: 0px 10px 20px 0px;
			float: left;
		}

		.invoicesNoteText{
			padding: 20px;
			border-bottom: 1px solid lightgrey;
		}
	/*---Materials---*/
		#materialPageBackground{
			width: 680px;
			height: 507px;
			background-color: white;
			margin-top: 6px;
			border-top: 1px solid lightgrey; 
		}

		#materialListBar{
			height:30px;
			width:680px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
			position: absolute;
		}

		#materialBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#materialPageTitleSpacer{
			height: 30px;
		}


		#materialPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#materialPageSearchInput{
			width:120px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#materialPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
		}

		#materialPageDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: right;
			margin-right: 5px;

		}

		#materialPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#materialPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		}

		#materialPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#materialPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#materialPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		#materialAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: -4px;
		}

		#materialPageContainer{
			float: left;
			width: 668px;
			background-color: gainsboro;
			margin-left: 5px;
			border: 1px solid lightgrey;
			height: 470px;
		}

		.thumbgallery{
			float: left;
			border: 1px solid white;
		}

		.thumbgalleryimage{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			cursor: pointer;
		}

		.selected{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			border: 1px solid maroon;
			cursor: pointer;
		}

		.brandbar{
			width: 663px;
			height: 20px;
			background-color:white;
			color:#808080;
			padding-left: 5px;

		}

		.brandcontainer{
			display: flow-root;
			width:264px;
		}
		/*---Add Material---*/
			.addMaterials{
		    	width:580px;
		        height:341px;
		        background-color: white;
		        border-radius: 10px;
		        box-shadow: 0px 5px 20px #888888;
		        overflow: hidden;
			}

			#addMaterialContainerBar{
		        height: 30px;
		        width: 580px;
		        background-color: white;
		        border-bottom: 1px solid lightgrey;
			}

		    #addMaterialContainerBarTitle{
		        color: grey;
		        font-size: 1.2em;
		        font-weight: lighter;
		        margin-top: 2px;
		        text-align:center;
			}

			#addMaterialContainerBarClose{
			    background: none;
			    border: none;
			    width: 25px;
			    float: right;
			    margin-top: -20px;
			    margin-right: 10px;
			    cursor: pointer;
			}

			#addMaterialContainerDiv{
			    margin-left: 20px;
				width: 600px;
			}

			#addMaterialContainerDivLeft{
				width: 260px;
				float: left;
			}

			#addMaterialContainerDivRight{
			    margin-left: 20px;
				width: 280px;
				float: left;
			}

			#previewImg{
				width: 260px;
				height: 260px;
				border: 1px solid lightgrey;
				background-color: gainsboro;
				margin-top: 22px;
			}

			#previewImgText{
				text-align: center;
    			padding: 120px 0px;
			}

			.thumb{
				width: 260px;
				height: 260px;
			}

			.pricelistItemAdd{
				width:252px;
			}

			#addMaterialConfirm{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		        margin-right: 18px;
		    }

		    #addMaterialClose{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		        margin-right: 5px;
		    }

		    #addMaterialPageDropdown{
				font-size: 10px;
				position: relative;
				display: inline-block;
				float: right;
				height: 22px;
				width: 258px;
				border: 1px solid lightgray;

			}

			#addMaterialPageDropdown select {
				outline: none;
				-webkit-appearance: none;
				-moz-appearance:none;
				display: block;
				margin: 0;
				width: 258px;
				height: 22px;
				transition: border-color 0.2s;
				border: none;
				border-radius: 5px;

				background: #fff;
				color: black;
				line-height: normal;
				font-family: inherit;
				font-size: 12px;
				line-height: inherit;
				cursor: pointer;
			}

			#addMaterialPageDropdown .arr {
			  background: #fff;
			  position: absolute;
			  right: 5px;
			  width: 50px;
			  pointer-events: none;
			  margin-top: -3px;
			}

			#addMaterialPageDropdown .arr:before {
			  content: '';
			  position: absolute;
			  top: 50%;
			  right: 0px;
			  margin-top: 12px;
			  pointer-events: none;
			  border-top: 5px solid black;
			  border-left: 5px solid transparent;
			  border-right: 5px solid transparent;
			}

			#addMaterialPageDropdown .arr:after {
			  content: '';
			  position: absolute;
			  top: 50%;
			  right: 28px;
			  margin-top: -5px;
			  pointer-events: none;
			  border-left: 6px solid transparent;
			  border-right: 6px solid transparent;
			}


			#addMaterialPageStatusSelect{
				width: 200px;
				height: 30px;
				float: left;
			}

			#addMaterialtext{
				width: 60px;
			    float: left;
			}

			#addMaterialFileSelect{
				float: right;
				width: 100px;
				margin-top: 3px;
				margin-right: 20px
			}
		/*---Add Brand---*/
			.addBrand{
		    	width:300px;
		        height:100px;
		        background-color: white;
		        border-radius: 10px;
		        box-shadow: 0px 5px 20px #888888;
		        overflow: hidden;
			}

			#addBrandContainerBar{
		        height: 30px;
		        width: 300px;
		        background-color: white;
		        border-bottom: 1px solid lightgrey;
			}

		    #addBrandContainerBarTitle{
		        color: grey;
		        font-size: 1.2em;
		        font-weight: lighter;
		        margin-top: 2px;
		        text-align:center;
			}

			#addBrandContainerBarClose{
			    background: none;
			    border: none;
			    width: 25px;
			    float: right;
			    margin-top: -20px;
			    margin-right: 10px;
			    cursor: pointer;
			}

			#addBrandContainerDiv{
			    margin-left: 20px;
				width: 260px;
			}

			#addMaterialsAddBrand{
				border: none;
			    background: none;
			    float: right;
			    margin-top: 7px;
			    cursor: pointer;
			    width: 25px;
			}

			.addMaterialsText{
				float: left;
			}

			#addBrandLogoutImg{
			    width: 48px;
			    float: left;
			}

			#addBrandInput{
				width: 252px;
			}

			#confirmLogoutMessage{
			    width: 187px;
			    float: right;
			}

			#addBrandConfirm{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		    }

		    #addBrandClose{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		        margin-right: 5px;
		    }
	/*---Price List---*/

				#pricelistPageBackground{
					width: 680px;
					height: 507px;
					background-color: white;
					margin-top: 6px;
					border-top: 1px solid lightgrey; 
				}

				#pricelistBar{
					height:30px;
					width:680px;
					background-color: white;
					border-bottom: 1px solid lightgrey; 
					position: absolute;
				}

				#pricelistBarTitle{
					color: grey;
					font-size: 1.2em;
					font-weight: lighter; 
					margin-top: 2px;
					text-align: center;
				}

				#priceListPageTitleSpacer{
					height: 30px;
				}


				#pricelistPageSearchInputBox{
					width: 250px;
					height: 20px;
					border: 1px solid lightgrey;
					border-radius: 10px;
					margin: 4px 0px 0px 5px;
					float: left;
				}

				#pricelistPageSearchInput{
					width:220px;
					border: none;
					height: 19px;
					margin-left: 10px;
				}

				#pricelistPageSearchInputImg{
					float: right;
					margin: 2px 4px 0px 0px;
					width: 15px;
					height: 15px;
				}

				#pricelistPageDropdown{
					font-size: 10px;
					position: relative;
					display: inline-block;
					float: right;
					margin-right: 5px;

				}

				#pricelistPageDropdown select {
					outline: none;
					-webkit-appearance: none;
					-moz-appearance:none;
					display: block;
					margin: 0;
					width: 120px;
					height: 30px;
					transition: border-color 0.2s;
					border: none;
					border-radius: 5px;

					background: #fff;
					color: black;
					line-height: normal;
					font-family: inherit;
					font-size: 12px;
					line-height: inherit;
					cursor: pointer;
				}

				#pricelistPageDropdown .arr {
				  background: #fff;
				  position: absolute;
				  right: 5px;
				  width: 50px;
				  pointer-events: none;
				}

				#pricelistPageDropdown .arr:before {
				  content: '';
				  position: absolute;
				  top: 50%;
				  right: 0px;
				  margin-top: 12px;
				  pointer-events: none;
				  border-top: 5px solid black;
				  border-left: 5px solid transparent;
				  border-right: 5px solid transparent;
				}

				#pricelistPageDropdown .arr:after {
				  content: '';
				  position: absolute;
				  top: 50%;
				  right: 28px;
				  margin-top: -5px;
				  pointer-events: none;
				  border-left: 6px solid transparent;
				  border-right: 6px solid transparent;
				}


				#pricelistPageStatusSelect{
					width: 200px;
					height: 30px;
					float: left;
				}

				#pricelistBarClose{
					background:none;
					border:none;
					width: 25px;
					float:right;
					margin-top: -18px;
					margin-right: 10px;
					cursor:pointer;
				}

				#pricelistAddItem{
					border: none;
				    background: none;
				    float: left;
				    margin-top: 7px;
				    cursor: pointer;
				    width: 25px;
				}


				.pricelistPageTableHeadings{
					table-layout: fixed;
					border: 2px solid lightgrey;
					cursor: pointer;
				}

				.pricelistPageSort{
					height: 5px;
				    border-left: 5px solid transparent;
				    border-right: 5px solid transparent;
				    float: right;
				    margin-right: 5px;
				}

				#pricelistPageTable{
					width: 670px;
					height: 20px;
					background-color: white;
					border-bottom: 1px solid lightgrey;
					table-layout: fixed;
					margin-left:5px;
					margin-top:20px;
				}

				.pricelistPageTable{
					background-color: white;
				}

				#pricelistPageContainer{
					width: 668px;
					background-color: gainsboro;
					table-layout: fixed;
					margin-left: 5px;
					height: 447px;
					border-left:1px solid lightgrey;
					border-right:1px solid lightgrey;
					border-bottom:1px solid lightgrey;
					overflow: hidden;
				}

				#pricelistPageContainerInner{
					width: 700px;
					height: 448px;
					overflow-y: scroll;
				}

				#pricelistPageList{
					table-layout: fixed;
					width: 680px;
				}

				#pricelistPageListNo{
					text-align: center;
				}

				#priceListPageitemCode{
					width: 100px;
				}

				#priceListPageDescription{
					width: 412px;
				}

				#pricelistPagePrice{
					width: 150px;
				}

				.pricelistTitleBox{
					width: 670px;
					height: 30px;
					border-bottom: 1px solid lightgrey;
					background-color: whitesmoke;
					cursor: pointer;
				}

				.pricelistTitleBoxText{
					padding-left: 10px;
					padding-top: 5px; 
					width: 100px;
					float: left;
				}

				.pricelistPageTitleBoxArrow{
					height: 5px;
					border-left: 5px solid transparent;
					border-right: 5px solid transparent;
					float: right;
					margin-right: 7px;
				}

				.priceListPagecode{
					width: 102px;
					border-right:1px solid lightgrey;
					border-bottom: 1px solid lightgrey;
					text-align: center;

				}
				
				.priceListPagedescription{
					width: 413px;
					border-right:1px solid lightgrey;
					border-bottom: 1px solid lightgrey;
					text-align: center;
				}

				.priceListPageprice{
					width: 152px;
					border-right:1px solid lightgrey;
					border-bottom: 1px solid lightgrey;
					text-align: center;
				}				
		/*---Pricelist Items---*/

			.pricelistItem{
		    	width:300px;
		        height:315px;
		        background-color: white;
		        border-radius: 10px;
		        box-shadow: 0px 5px 20px #888888;
		        overflow: hidden;
			}

			#pricelistItemContainerBar{
		        height: 30px;
		        width: 300px;
		        background-color: white;
		        border-bottom: 1px solid lightgrey;
			}

		    #priceListItemContainerBarTitle{
		        color: grey;
		        font-size: 1.2em;
		        font-weight: lighter;
		        margin-top: 2px;
		        text-align:center;
			}

			#pricelistItemContainerBarClose{
			    background: none;
			    border: none;
			    width: 25px;
			    float: right;
			    margin-top: -20px;
			    margin-right: 10px;
			    cursor: pointer;
			}

			#pricelistItemContainerDiv{
			    margin-left: 20px;
				width: 260px;
			}

			.pricelistItemAdd{
				width:252px;
			}

			#pricelistItemConfirm{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		    }

		    #pricelistItemClose{
		        background: none;
		        border-radius: 10px;
		        border: none;
		        border: 1px solid lightgrey;
		        font-family: inherit;
		        float: right;
		        margin-top: 4px;
		        cursor: pointer;
		        margin-right: 5px;
		    }
	/*---Board Layout---*/
		#boardLayoutTitleBar{
			width: 680px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
		}

		#boardLayoutTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#boardLayoutTitleSpacer{
			width: 680px;
			height: 30px;
		}
		#boardLayoutInfoBox{
			margin-top: 5px; 
			width: 680px;
			height: 314px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			background-color: white;
		}

		#boardLayoutInfoTitle{
			width: 680px;
			height: 27px;
			border-bottom: 1px solid lightgrey;
			color: #808080;
			font-size: 1.2em;
			margin-top: 3px;
			padding-left: 2px;
		}

		.boardLayoutInfoInputTitle{
			margin-left: 10px
		}

		.boardLayoutOptions{
			width: 302px;
			height: 225px;
			float: left;
		}

		.boardLayoutOptionsCentre{
			width: 308px;
			height: 280px;
			float: left;
			border-right: 1px solid lightgrey;
			border-left: 1px solid lightgrey;
		}

		.boardLayoutInfoDefaultTitle{
			color: #808080;
			margin-top: 2px;
		}

		#boardLayoutBladeWidth{
			width: 60px;
			position: absolute;
			border: 1px solid lightgrey;
			margin-left: 125px;
			margin-top: 53px;
		}

		#boardLayoutBladeWidthImg{
			width: 200px;
			margin: 60px 55px;
			height: 100px;
		}

		#boardLayoutInfoLeft{
			width: 168px;
			float: left;
		}

		#boardLayoutInfoRight{
			width: 168px;
			float: left;
		}

		#boardLayoutTrimWidth{
			width: 60px;
			position: absolute;
			border: 1px solid lightgrey;
			margin-left: 135px;
			margin-top: 13px;
		}

		#boardLayoutTrimHeight{
			width: 60px;
			position: absolute;
			border: 1px solid lightgrey;
			margin-left: 45px;
			margin-top: 110px;
		}

		#boardLayoutTrimImg{
			margin: 20px 80px 0px 90px;
		}

		#boardLayoutDrillBox{
		    height: 289px;
		    background-color: white;
		    border-top: 1px solid lightgrey;
		    margin-top: 5px;
		    border-bottom: 1px solid lightgrey;
		}

		#boardLayoutDrillAdd{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: 5px;
		}

		#boardLayoutDrillContainer{
			width: 658px;
			height: 200px;
			background-color: gainsboro;
			border: 1px solid lightgrey;
			margin-left: 10px;
			margin-top: 30px;
			overflow: hidden;
		}

		#boardLayoutDrillContainerInner{
			width: 700px;
			height: 207px;
			margin-top: -1px;
			overflow-y: scroll;
		}
	/*---Cabitech Invoices---*/
		#cabitechInvoicesPageTitleBar{
			width: 680px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
		}

		#cabitechInvoicesPageTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#cabitechInvoicesPageTitleSpacer{
			width: 680px;
			height: 30px;
		}

		#cabitechInvoicesPrint{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#cabitechInvoicesPreview{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#cabitechInvoicesPageBackground{
			width: 680px;
			height: 507px;
			background-color: white;
			margin-top: 6px;
			border-top: 1px solid lightgrey; 
		}

		#cabitechInvoicesPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#cabitechInvoicesPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#cabitechInvoicesPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
			height: 15px;
		}

		#cabitechInvoicesPageDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: right;
			margin-right: 5px;

		}

		#cabitechInvoicesPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#cabitechInvoicesPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		}

		#cabitechInvoicesPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#cabitechInvoicesPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}

		#cabitechInvoicesPageTable{
			width: 670px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:5px;
			margin-top:20px;
		}

		#cabitechInvoicesPageContainer{
			width: 668px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: 447px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#cabitechInvoicesPageContainerInner{
			width: 700px;
			height: 448px;
			overflow-y: scroll;
		}

		#cabitechInvoicesPageList{
			width: 667px;
			table-layout: fixed;
			text-align: center;
		}

		.cabitechInvoicesPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.cabitechInvoicesPageSort{
			height: 5px;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    float: right;
		    margin-right: 5px;
		}

		.cabitechInvoicesTable{
			background-color: white; 
		}

		#cabitechInvoicesPageNo{
			width: 110px;
		}

		#cabitechInvoicesPagedate{
			width: 149px;
		}

		#cabitechInvoicesPagedue{
			width: 149px;
		}

		#cabitechInvoicesPageamount{
			width: 140px;
		}

		#cabitechInvoicesPagestatus{
			width: 110px;
		}

		.cabitechInvoicesPageno{
			width: 111px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.cabitechInvoicesPagedate{
			width: 150px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.cabitechInvoicesPagedue{
			width: 150px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.cabitechInvoicesPageamount{
			width: 141px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.cabitechInvoicesPagestatus{
			width: 112px;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}
	/*---Term of Service---*/
		#termsPageTitleBar{
			width: 680px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
		}

		#termsPageTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#termsPageTitleSpacer{
			width: 680px;
			height: 30px;
		}

    	.termsBackgound{
    		background: white;
			margin-top: 5px;
			border-top: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			padding: 10px;
			text-align: justify;
    	}

    	.i1{
    		padding-left: 20px; 
    		display:block;
    	}

    	.i2{
    		padding-left: 40px; 
    		display:block;
    	}

    	.i3{
    		padding-left: 60px; 
    		display:block;
    	}

    	.i4{
    		padding-left: 80px; 
    		display:block;
    	}

    	.n1{
    		width: 34px;
			display: inline-block;
    	}

    	.n2{
    		width: 46px;
			display: inline-block;
    	}

    	.n3{
    		width: 58px;
			display: inline-block;
    	}

    	.n4{
    		width: 70px;
			display: inline-block;
    	}
    /*---About---*/
    	#aboutPageTitleBar{
			width: 680px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
		}

		#aboutPageTitleText{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#aboutPageTitleSpacer{
			width: 680px;
			height: 30px;
		}

    	#aboutPageInfo{
    		background-color: white;
			height: 309px;
			border-bottom: 1px solid lightgrey;
			margin-top: 6px;
			border-top: 1px solid lightgrey;
			width: 680px;
    	}

    	#aboutPageBrowser{
    		background-color: white;
			height: 198px;
			margin-top: 5px;
			border-top: 1px solid lightgrey;
			width: 680px;
    	}

    	#aboutPageBrowserText{
    		text-align: center;
    	}

    	.aboutPageBrowserbox{
    		width: 20%;
    		float: left;
    		display: block;
			text-align: center;
			margin-top: 16px;
    	}

    	#aboutPageInfoLogo{
    		height: 190px;
			width: 120px;
			margin-right: auto;
			margin-left: auto;
    	}

    	#aboutPageInfoLogoImg{
    		width: 200px;
    	}

    	#aboutPageInfoText{
    		text-align: center;
    	}
    /*---Account Update---*/
    	.accountUpdate{
	    	width:300px;
	        height:130px;
	        background-color: white;
	        border-radius: 10px;
	        box-shadow: 0px 5px 20px #888888;
	        overflow: hidden;
		}

		#accountUpdateContainerBar{
	        height: 30px;
	        width: 300px;
	        background-color: white;
	        border-bottom: 1px solid lightgrey;
		}

	    #accountUpdateContainerBarTitle{
	        color: grey;
	        font-size: 1.2em;
	        font-weight: lighter;
	        margin-top: 2px;
	        text-align:center;
		}

		#accountUpdateContainerBarClose{
		    background: none;
		    border: none;
		    width: 25px;
		    float: right;
		    margin-top: -20px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		#accountUpdateContainerDiv{
		    margin-left: 20px;
		    margin-top: 20px;
			width: 260px;
		}

		#accountUpdateImg{
		    width: 48px;
		    float: left;
		}

		#accountUpdateMessage{
		    width: 187px;
		    float: right;
		}

		#accountUpdateConfirm{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        margin-right: 5px;
	        cursor: pointer;
	    }

	    #accountUpdateClose{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        cursor: pointer;
	    }
    /*---Apply Settings---*/

		.applySettings{
	    	width:300px;
	        height:130px;
	        background-color: white;
	        border-radius: 10px;
	        box-shadow: 0px 5px 20px #888888;
	        overflow: hidden;
		}

		#applySettingsContainerBar{
	        height: 30px;
	        width: 300px;
	        background-color: white;
	        border-bottom: 1px solid lightgrey;
		}

	    #applySettingsContainerBarTitle{
	        color: grey;
	        font-size: 1.2em;
	        font-weight: lighter;
	        margin-top: 2px;
	        text-align:center;
		}

		#applySettingsContainerBarClose{
		    background: none;
		    border: none;
		    width: 25px;
		    float: right;
		    margin-top: -20px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		#applySettingsContainerDiv{
		    margin-left: 20px;
		    margin-top: 20px;
			width: 260px;
		}

		#applySettingsImg{
		    width: 48px;
		    float: left;
		}

		#applySettingsMessage{
		    width: 187px;
		    float: right;
		}

		#applySettingsConfirm{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        margin-right: 5px;
	        cursor: pointer;
	    }

	    #applySettingsClose{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        cursor: pointer;
	        margin-right: 5px;
	    }
/*---Clients---*/
	/*---View Clients---*/
		.clientSelectContainer{
			width: 710px;
			height: 445px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#clientSelectBar{
			height:30px;
			width:710px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#clientSelectBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#clientSelectBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#clientSelectAddClient{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    margin-left: 11px;
		    cursor: pointer;
		    width: 25px;
		}

		#clientSelectEditClient{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#clientSelectPrint{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#clientSelectSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin-top: 4px;
			margin-left: 6px;
			float: left;
		}

		#clientSelectSearchInput{
			width:210px;
			border: none;
			height: 18px;
			margin-left: 10px;
			position: absolute;
		}

		#clientSelectSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 16px;
		}

		#clientSelectDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: right;
			margin-right: 20px;

		}

		#clientSelectDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#clientSelectDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		}

		#clientSelectDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#clientSelectDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#clientSelectStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		#clientSelectAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: -4px;
		}

		.clientSelectTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.clientSelectSort{
			height: 5px;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    float: right;
		    margin-right: 5px;
		}

		#clientSelectTable{
			width: 670px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:20px;
			margin-top:20px;
		}

		#clientSelectcompanyName{
			width: 368px;
			text-align: center;

		}
		
		#clientSelectquotations{
			width: 147px;
			text-align: center;
		}

		#clientSelectorders{
			width: 147px;
			text-align: center;
		}

		#clientSelectContainer{
			width: 668px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 20px;
			height: 334px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#clientSelectContainerInner{
			width: 700px;
			height: 334px;
			overflow-y: scroll;
		}

		#clientSelectList{
			table-layout: fixed;
			width: 668px;
			background-color: white;
		}

		.thumbgallery{
			float: left;
			border: 1px solid white;
		}

		.thumbgalleryimage{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			cursor: pointer;
		}

		.selected{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			border: 1px solid maroon;
			cursor: pointer;
		}

		.brandbar{
			width: 663px;
			height: 20px;
			background-color:white;
			color:#808080;
			padding-left: 5px;

		}

		.brandcontainer{
			display: flow-root;
			width:264px;
		}

		.boardTitleBox{
			width: 668px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.boardTitleBoxText{
			padding-left: 10px;
			padding-top: 5px; 
			width: 100px;
			float: left;
		}

		#clientsSelectNone{
			background-color: gainsboro;
			text-align: center;
		}

		#selectClientsNotfound{
			border: none;
			background: none;
			cursor: pointer;
			width: 25px;
		}

		.clientSelectTitleBoxArrow{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 7px;
		}

		.clientSelectclientName{
			width: 369px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}
		
		.clientSelectquotations{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.clientSelectorders{
			width: 149px;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		#clientSelectButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#clientSelectButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#clientSelectButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#clientSelectButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---Clients Info---*/
		.clientInfoContainer{
			width: 300px;
			height: 438px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#clientInfoBar{
			height:30px;
			width:300px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#clientInfoBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#clientInfoBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#clientInfoBackground{
			margin-left: 20px;
		}

		.clientInfoInput{
			width: 256px;
			height: 18px;
			border: 1px solid lightgrey;
		}

		.clientInfoInputTitle{
			font-size: 1em;
			float: left;
		}


		#clientInfoStatusSelect{
			border: 1px solid lightgrey;
			outline: none;
			width: 260px;
			height: 23px;
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
		}

		#clientInfoCreditSelect{
			border: 1px solid lightgrey;
			outline: none;
			width: 260px;
			height: 23px;
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
		}
	/*---Account Statement---*/
		.accountStatement{
			width: 300px;
			height: 268px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#accountStatementBar{
			height:30px;
			width:300px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#accountStatementBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#accountStatementBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#accountStatementBackground{
			margin-left: 20px;
		}

		.accountStatementInput{
			width: 256px;
			height: 18px;
			border: 1px solid lightgrey;
		}

		.accountStatementInputTitle{
			font-size: 1em;
			float: left;
		}


		#accountStatementTypeSelect{
			border: 1px solid lightgrey;
			outline: none;
			width: 260px;
			height: 23px;
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
		}

		#accountStatementStatusSelect{
			border: 1px solid lightgrey;
			outline: none;
			width: 260px;
			height: 23px;
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
		}

		#accountStatementPrintSelect{
			border: 1px solid lightgrey;
			outline: none;
			width: 260px;
			height: 23px;
			-webkit-appearance: none;
			-moz-appearance: none;
			cursor: pointer;
		}

		#accountStatementButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#accountStatementButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#accountStatementButtonPrint{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#accountStatementButtonPrint:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    font-size: 11px;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---Account Update---*/
    	.inputWarning{
	    	width:300px;
	        height:130px;
	        background-color: white;
	        border-radius: 10px;
	        box-shadow: 0px 5px 20px #888888;
	        overflow: hidden;
		}

		#inputWarningContainerBar{
	        height: 30px;
	        width: 300px;
	        background-color: white;
	        border-bottom: 1px solid lightgrey;
		}

	    #inputWarningContainerBarTitle{
	        color: grey;
	        font-size: 1.2em;
	        font-weight: lighter;
	        margin-top: 2px;
	        text-align:center;
		}

		#inputWarningContainerBarClose{
		    background: none;
		    border: none;
		    width: 25px;
		    float: right;
		    margin-top: -20px;
		    margin-right: 10px;
		    cursor: pointer;
		}

		#inputWarningContainerDiv{
		    margin-left: 20px;
		    margin-top: 20px;
			width: 260px;
		}

		#inputWarningImg{
		    width: 48px;
		    float: left;
		}

		#accountUpdateMessage{
		    width: 187px;
		    float: right;
		}

		#inputWarningConfirm{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        margin-right: 5px;
	        cursor: pointer;
	    }

	    #inputWarningClose{
	        background: none;
	        border-radius: 10px;
	        border: none;
	        border: 1px solid lightgrey;
	        font-family: inherit;
	        float: right;
	        margin-top: 17px;
	        cursor: pointer;
	    }
/*---Admin---*/
	/*---Admin Container---*/
		#admincontainer{
			width:1250px;
			background-color: white;
			margin-left: auto;
			margin-right: auto;
			box-shadow: 0px 5px 20px #888888;
			height: 100%;
		}

		#adminontainerspacer{
			width: 1250px;
			height: 50px;
		}

		#admincontainersidebar{
			margin:20px 950px 20px 20px;
			display: block;
			position:absolute;
			overflow: hidden;
			float: left;
			height:auto;
			width: 260px;
			bottom:0;
			top:50px;
			left:auto;
			right:auto;
			border: 1px solid lightgrey;
			border-radius: 10px;
			background-color: gainsboro;
		}

		#admincontainermain{
			margin:20px 20px 20px 300px;
			display: block;
			position:absolute;
			overflow: hidden;
			float: left;
			height:auto;
			width: 930px;
			bottom:0;
			top:50px;
			left:auto;
			right:auto;
			border: 1px solid lightgrey;
			border-radius: 10px;
			background-color: gainsboro;
		}

		#admincontainersidebarframe{
			width: 277px;
			height: 100%;
		}


		#admincontainermainframe{
			width: 947px;
			height: calc(100% + 17px);
		}
	/*---Overview List---*/

		#overviewPageTitleBar{
			width: 260px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			position: fixed;
			z-index: 1;
		}

		.overviewListPageButton{
			width: 260px;
			height: 40px;
			border:none;
			border-bottom: 1px solid lightgrey;
			background-color: white;
			cursor: pointer;
		}	

		#overviewPageTitleText{
			color: #808080;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			margin-left: auto;
			margin-right: auto;
			width: 74px;
		}

		.overviewListPagedropDown{
			width: 260px;
			height: 30px;
			border:none;
			border-bottom: 1px solid lightgrey;
			cursor: pointer;
			background-color: whitesmoke;
		}

		#overviewPageTitleSpacer{
			width: 260px;
			height: 30px;
		}

		.overviewListPageButtonTitle{
			background-color: white;
			width: 260px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			cursor: pointer;
		}

		.overviewListPageButtonTitle a{
			position: absolute;
			margin: 5px;
		}

		.overviewListPageButton{
			width: 260px;
			height: 30px;
			border: none;
			border-bottom:1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.overviewsListPageViewButton{
			height: 1px;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    float: right;
		    margin-right: 8px;
		    cursor: pointer;
		}
/*---Order Info---*/

		#ordernav{
			height:30px;
			width:930px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			position: fixed;
			z-index: 1;
			
		}

		#orderTitle{
			color: #808080;
			font-size: 1.2em;
			font-weight: lighter; 
			padding-top: 2px;
			text-align: center;
		}

		#orderTitleSpacer{
			height:31px;
		}

		#newOrder{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#editOrder{
			border: none;
			background: none;
			float: left;
			margin-top: 8px;
			cursor: pointer;
			width: 25px;
		}

		#printOrder{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#previewOrder{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}
    /*---Quotation Info---*/

		#quotationnav{
			height:30px;
			width:930px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			position: fixed;
			z-index: 1;
			
		}

		#quotationTitle{
			color: #808080;
			font-size: 1.2em;
			font-weight: lighter; 
			padding-top: 2px;
			text-align: center;
		}

		#quotationTitleSpacer{
			height:31px;
		}

		#newQuotation{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#editQuotation{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#printQuotation{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}

		#previewQuotation{
			border: none;
			background: none;
			float: left;
			margin-top: 7px;
			cursor: pointer;
			width: 25px;
		}
/*---Orders---*/
	/*---Doors Orders---*/
		#doorOrdersPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#doorOrdersPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#doorOrdersPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#doorOrdersPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#doorOrdersPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#doorOrdersPageDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;

		}

		#doorOrdersPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#doorOrdersPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 7px;
		}

		#doorOrdersPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#doorOrdersPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#doorOrdersPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.doorOrdersPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.doorOrdersPageTableHeadings a {
			margin-left:13px;
		}
		

		#doorOrdersPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.doorOrdersPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#doorOrdersPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		.doorOrdersPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.doorOrdersPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.doorOrdersPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.doorOrdersPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#doorOrdersPageorderNo{
			width: 148px;
		}

		#doorOrdersPageDate{
			width: 148px;
		}

		#doorOrdersPagedateItems{
			width: 148px;
		}

		#doorOrdersPageClient{
			width: 316px;
		}

		#doorOrdersPageStatus{
			width: 148px;
		}

		#doorOrdersPageList{
			width: 918px;
			background-color: white; 
		}

		.doorOrderNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.doorOrderDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorOrderItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorOrderClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorOrderStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}
	/*---Doors Quotations---*/
		#doorQuotationsPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#doorQuotationsPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#doorQuotationsPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#doorQuotationsPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#doorQuotationsPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#doorQuotationsPageDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: right;
		}

		#doorQuotationsPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#doorQuotationsPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 7px;
		}

		#doorQuotationsPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#doorQuotationsPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#doorQuotationsPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.doorQuotationsPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.doorQuotationsPageTableHeadings a {
			margin-left:13px;
		}
		

		#doorQuotationsPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.doorQuotationsPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#doorQuotationsPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		.doorQuotationsPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.doorQuotationsPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.doorQuotationsPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.doorQuotationsPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#doorQuotationsPageorderNo{
			width: 148px;
		}

		#doorQuotationsPageDate{
			width: 148px;
		}

		#doorQuotationsPagedateItems{
			width: 148px;
		}

		#doorQuotationsPageClient{
			width: 316px;
		}

		#doorQuotationsPageStatus{
			width: 148px;
		}

		#doorQuotationsPageList{
			width: 918px;
			background-color: white; 
		}

		.doorQuotationNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.doorQuotationDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorQuotationItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorQuotationClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.doorQuotationStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}
	/*---Boards Orders---*/
		#boardOrdersPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#boardOrdersPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#boardOrdersPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#boardOrdersPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#boardOrdersPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#boardOrdersPageDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;

		}

		#boardOrdersPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#boardOrdersPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 6px;
		}

		#boardOrdersPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#boardOrdersPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#boardOrdersPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.boardOrdersPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.boardOrdersPageTableHeadings a {
			margin-left:13px;
		}
		

		#boardOrdersPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.boardOrdersPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#boardOrdersPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#boardOrdersPageContainerInner{
			background-color: white;
		}

		.boardOrdersPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.boardOrdersPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.boardOrdersPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.boardOrdersPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#boardOrdersPageorderNo{
			width: 148px;
		}

		#boardOrdersPageDate{
			width: 148px;
		}

		#boardOrdersPagedateItems{
			width: 148px;
		}

		#boardOrdersPageClient{
			width: 316px;
		}

		#boardOrdersPageStatus{
			width: 148px;
		}

		#boardOrdersPageList{
			width: 918px;
			background-color: white; 
		}

		.boardOrdersTitleBox{
			width: 920px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.boardOrdersTitleBoxText{
			padding-left: 10px;
			padding-top: 5px; 
			width: 100px;
			float: left;
		}

		.boardOrdersTitleBoxArrow{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 7px;
		}

		.boardOrderNo{
			width: 150px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.boardOrderDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardOrderItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardOrderClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardOrderStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}

		#boardOrdersNotFound{
			text-align: center;
			margin-top: 20px;
			background-color: gainsboro;
		}

		#newOrderNotfound{
			border: none;
			background: none;
			cursor: pointer;
			width: 25px;
		}
	/*---Boards Quotations---*/
		#boardQuotationsPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#boardQuotationsPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#boardQuotationsPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#boardQuotationsPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#boardQuotationsPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#boardQuotationsPageDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;

		}

		#boardQuotationsPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#boardQuotationsPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 7px;
		}

		#boardQuotationsPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#boardQuotationsPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#boardQuotationsPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.boardQuotationsPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.boardQuotationsPageTableHeadings a {
			margin-left:13px;
		}
		

		#boardQuotationsPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.boardQuotationsPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#boardQuotationsPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		.boardQuotationsPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.boardQuotationsPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.boardQuotationsPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.boardQuotationsPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#boardQuotationsPageorderNo{
			width: 148px;
		}

		#boardQuotationsPageDate{
			width: 148px;
		}

		#boardQuotationsPagedateItems{
			width: 148px;
		}

		#boardQuotationsPageClient{
			width: 316px;
		}

		#boardQuotationsPageStatus{
			width: 148px;
		}

		#boardQuotationsPageList{
			width: 918px;
			background-color: white; 
		}

		.boardQuotationNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.boardQuotationDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardQuotationItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardQuotationClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardQuotationStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}
	/*---Curves Orders---*/
		#curveOrdersPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#curveOrdersPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#curveOrdersPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#curveOrdersPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#curveOrdersPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#curveOrdersPageDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;

		}

		#curveOrdersPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#curveOrdersPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 7px;
		}

		#curveOrdersPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#curveOrdersPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#curveOrdersPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.curveOrdersPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.curveOrdersPageTableHeadings a {
			margin-left:13px;
		}
		

		#curveOrdersPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.curveOrdersPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#curveOrdersPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		.curveOrdersPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.curveOrdersPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.curveOrdersPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.curveOrdersPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#curveOrdersPageorderNo{
			width: 148px;
		}

		#curveOrdersPageDate{
			width: 148px;
		}

		#curveOrdersPagedateItems{
			width: 148px;
		}

		#curveOrdersPageClient{
			width: 316px;
		}

		#curveOrdersPageStatus{
			width: 148px;
		}

		#curveOrdersPageList{
			width: 918px;
			background-color: white; 
		}

		.curveOrderNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.curveOrderDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveOrderItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveOrderClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveOrderStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}
	/*---Curves Quotations---*/
		#curveQuotationsPageTitleSpacer{
			width: 930px;
			height: 30px;
		}

		#curveQuotationsPageSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 5px;
			float: left;
		}

		#curveQuotationsPage{
			height: calc(100% - 36px);
			width: 930px;
			background-color: white;
			border-top: 1px solid lightgrey;
			margin-top: 6px;
		}

		#curveQuotationsPageSearchInput{
			width:220px;
			border: none;
			height: 19px;
			margin-left: 10px;
		}

		#curveQuotationsPageSearchInputImg{
			float: right;
			margin: 2px 4px 0px 0px;
			width: 15px;
		}

		#curveQuotationsPageDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;

		}

		#curveQuotationsPageDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#curveQuotationsPageDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 7px;
		}

		#curveQuotationsPageDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#curveQuotationsPageDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#curveQuotationsPageStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.curveQuotationsPageTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.curveQuotationsPageTableHeadings a {
			margin-left:13px;
		}
		

		#curveQuotationsPageTable{
			width: 920px;
			border-top: 2px solid lightgrey;
			table-layout: fixed;
			margin-left: 5px;
		}

		.curveQuotationsPageSort{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 5px;
		
		}

		#curveQuotationsPageContainer{
			width: 918px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 5px;
			height: calc(100% - 78px);
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		.curveQuotationsPageClientTitle{
			width: 920px;
			height: 25px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
		}

		.curveQuotationsPageClientTitle a{
			font-size: 18px;
			margin-left: 5px;
		}

		.curveQuotationsPageViewButton{
			
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 8px;
			cursor: pointer;
		}

		.curveQuotationsPageClientTable{
			width: 920px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
		}

		#curveQuotationsPageorderNo{
			width: 148px;
		}

		#curveQuotationsPageDate{
			width: 148px;
		}

		#curveQuotationsPagedateItems{
			width: 148px;
		}

		#curveQuotationsPageClient{
			width: 316px;
		}

		#curveQuotationsPageStatus{
			width: 148px;
		}

		#curveQuotationsPageList{
			width: 918px;
			background-color: white; 
		}

		.curveQuotationNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.curveQuotationDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveQuotationItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveQuotationClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.curveQuotationStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}
/*---Order Overlays---*/	
	/*---View Order---*/
		.viewOrderContainer{
			width: 880px;
			height: 603px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#viewOrderBar{
			height:30px;
			width:880px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#viewOrderBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#viewOrderBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#viewOrderButtonBox{
			margin-left: 14px;
		}

		#viewOrderAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 2px;
		    cursor: pointer;
		    width: 25px;
		}


		.viewOrdersTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
			text-align: center;
		}


		#viewOrdersTable{
			width: 840px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:20px;
			margin-top:20px;
		}

		#viewOrdersContainer{
			width: 838px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 20px;
			height: 442px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#viewOrdersitemCode{
			width: 100px;
		}

		#viewOrdersdescription{
			width: 448px;
		}

		#viewOrderssqty{
			width: 80px;
		}

		#viewOrdersprice{
			width: 100px;
		}

		#viewOrderstotalPrice{
			width: 100px;
		}

		#viewOrders{
			width: 918px;
			background-color: white; 
		}

		.viewOrderNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.viewOrderDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewOrderItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewOrderClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewOrderStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}

		#viewOrdersTableTotals{
		    width: 206px;
		    height: 20px;
		    background-color: white;
		    table-layout: fixed;
		    margin-right: 20px;
		    float: right;
		}
		
		.viewOrdersTableTotalsHeadings{
			text-align: right;
		}

		.viewOrdersTableTotalsText{
			text-align: center;
			border-bottom:1px solid lightgrey ; 
		}

		#viewOrdersButtons{
			float: right;
			width: inherit;
		}

		#viewOrdersButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewOrdersButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewOrdersButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#viewOrdersButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---View Quotation---*/
		.viewQuotationContainer{
			width: 880px;
			height: 603px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#viewQuotationBar{
			height:30px;
			width:880px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#viewQuotationBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#viewQuotationBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#viewQuotationButtonBox{
			margin-left: 14px;
		}

		#viewQuotationAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 2px;
		    cursor: pointer;
		    width: 25px;
		}


		.viewQuotationsTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
			text-align: center;
		}


		#viewQuotationsTable{
			width: 840px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:20px;
			margin-top:20px;
		}

		#viewQuotationsContainer{
			width: 838px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 20px;
			height: 442px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#viewQuotationsitemCode{
			width: 100px;
		}

		#viewQuotationsdescription{
			width: 448px;
		}

		#viewQuotationssqty{
			width: 80px;
		}

		#viewQuotationsprice{
			width: 100px;
		}

		#viewQuotationstotalPrice{
			width: 100px;
		}

		#viewQuotations{
			width: 918px;
			background-color: white; 
		}

		.viewQuotationNo{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.viewQuotationDate{
			width: 149px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewQuotationItems{
			width: 148px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewQuotationClient{
			width: 317px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewQuotationStatus{
			width: 150px;
			text-align: center;
			border-bottom: 1px solid lightgrey;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}

		#viewQuotationsTableTotals{
		    width: 206px;
		    height: 20px;
		    background-color: white;
		    table-layout: fixed;
		    margin-right: 20px;
		    float: right;
		}
		
		.viewQuotationsTableTotalsHeadings{
			text-align: right;
		}

		.viewQuotationsTableTotalsText{
			text-align: center;
			border-bottom:1px solid lightgrey ; 
		}

		#viewQuotationsButtons{
			float: right;
			width: inherit;
		}

		#viewQuotationsButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewQuotationsButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewQuotationsButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#viewQuotationsButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---View Board Order---*/
		.viewBoardOrderContainer{
			width: 880px;
			height: 613px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#viewBoardOrderBar{
			height:30px;
			width:880px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#viewBoardOrderBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#viewBoardOrderBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#viewBoardOrderButtonBox{
			margin-left: 14px;
		}

		#viewBoardOrderAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#viewBoardOrderBoardLayout{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		}

		#viewBoardOrderDropdown{
		font-size: 10px;
		position: relative;
		display: inline-block;
		float: right;
		margin-right: 20px;

		}

		#viewBoardOrderDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#viewBoardOrderDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		  margin-right: 3px;
		}

		#viewBoardOrderDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#viewBoardOrderDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#viewBoardOrderStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		.viewBoardOrdersTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
			text-align: center;
			vertical-align: middle;
		}


		#viewBoardOrdersTable{
			width: 840px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:20px;
			margin-top:20px;
		}

		#viewBoardOrdersContainer{
			width: 838px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 20px;
			height: 422px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#viewBoardOrdersContainerInner{
			background-color: white;
		}

		.viewBoardOrdersTitleBox{
			width: 838px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.viewBoardOrdersTitleBoxCode{
			padding-top: 5px;
			width: 81px;
			float: left;
			height: 25px;
			text-align: center;
			border-right: 1px solid lightgrey;		
		}

		.viewBoardOrdersTitleBoxDescription{
			padding-left: 5px;
			padding-top: 5px;
			width: 446px;
			float: left;
			height: 25px;
			border-right: 1px solid lightgrey;		
		}

		.viewBoardOrdersTitleBoxQty{
			padding-top: 5px;
			width: 59px;
			float: left;
			height: 25px;
			text-align: center;
			border-right: 1px solid lightgrey;		
		}

		.viewBoardOrdersTitleBoxPrice{
			padding-left: 5px;
			padding-top: 5px;
			width: 116px;
			float: left;
			height: 25px;
			border-right: 1px solid lightgrey;		
		}

		.viewBoardOrdersTitleBoxTotalPrice{
			padding-left: 5px;
			padding-top: 5px;
			width: 92px;
			float: left;
			height: 25px;
		}

		.viewBoardOrdersTitleBoxArrow{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 7px;
		}

		#viewBoardOrdersitemCode{
			width: 80px;
		}

		#viewBoardOrdersdescription{
			width: 450px;
		}

		#viewBoardOrderssqty{
			width: 60px;
		}

		#viewBoardOrdersprice{
			width: 120px;
		}

		#viewBoardOrderstotalPrice{
			width: 120px;
		}

		#viewBoardOrders{
			width: 918px;
			background-color: white; 
		}

		.viewBoardOrderItemCode{
			width: 81px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}

		.viewBoardOrderItemWidth{
			width: 112px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewBoardOrderItemHeight{
			width: 112px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewBoardOrderItemEdging{
			width: 112px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewBoardOrderItemExtras{
			width: 112px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewBoardOrderItemQty{
			width: 59px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.viewBoardOrderItemUnit{
			width: 116px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: left;
			padding-left: 5px;
		}

		.viewBoardOrderItemTotal{
			width: 117px;
			text-align: left;
			border-bottom: 1px solid lightgrey;
			padding-left: 5px;
		}

		.viewBoardOrdersInputQty{
			background: none;
			border: none;
			width: 52px;
			height: 30px;
		}

		.hover:hover{
			background-color: whitesmoke;
			cursor:pointer; 
		}

		#viewBoardOrdersTableTotalsBox{
		    height: 65px;
		}

		#viewBoardOrdersTableTotals{
		    width: 244px;
		    height: 20px;
		    background-color: white;
		    table-layout: fixed;
		    margin-right: 20px;
		    float: right;
		}
		
		.viewBoardOrdersTableTotalsHeadings{
			text-align: right;
		}

		.viewBoardOrdersTableTotalsText{
			text-align: left;
			border-bottom:1px solid lightgrey ;
			padding-left: 4px; 
		}

		#viewBoardOrdersButtons{
			float: right;
			width: inherit;
		}

		#viewBoardOrdersButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 1px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewBoardOrdersButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 1px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#viewBoardOrdersButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 1px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#viewBoardOrdersButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 1px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---View Board Item---*/
		.viewBoardItemContainer{
			width: 1065px;
			height: 527px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#viewBoardItemBar{
			height:30px;
			width:1065px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#viewBoardItemBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#viewBoardItemBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#viewBoardItemIframe{
			width: 450px;
			height: 450px;
			margin-left: 20px;
			margin-top: 20px;
			border: 1px solid lightgrey;
			float: left;
		}

		#viewBoardSearchList{
			display: none;
			width: 264px;
			position: absolute;
			background-color: white;
			z-index: 1;
			border-left: 1px solid lightgrey;
			border-right: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
		}

		.viewBoardSearchList:hover{
			background-color: whitesmoke;
			cursor: pointer;
		}

		#slb{
				float: left;
				display: inline-block;
				width: 540px;
				height: 70px;
			}

			#sl-l{
				float: left;
				width: 264px;
				height: 50px;
				display: block;
				border-right: 1px solid lightgrey;
				border-bottom: 1px solid lightgrey;
				margin-top: 25px;
			}

			#sl-r{
				float: left;
				width: 264px;
				height: 50px;
				display: block;
				margin-left: 10px;
				border-right: 1px solid lightgrey;
				border-bottom: 1px solid lightgrey;
				margin-top: 25px;
			}

			#cmb{
				width: 264px;
				height: 448px;
				float:left;
				margin-left: 20px;
				margin-top: 22px;
			}

			#cb{
				width: 264px;
				height: 426px;
				background-color: gainsboro;
				border: 1px solid lightgrey;
				overflow: hidden;
			}

			#cbi{
				width: 284px;
				height: 329px;
				overflow-y: scroll;
			}

			.cn {
				background-color: white;
			    position:absolute;
			    display:none;
			    padding: 2px 5px;
			    box-shadow: 0 5px 15px rgba(0,0,0,0.20);
			}

			.ib{
				display: inline-block;
				margin: 20px 0px 0px 20px;
				float: left;
				width: 267px;
			}

			.ibt{
				float: left;
			}

			#viewBoardOrdersTypeButton{
				float: right;
			    border: none;
			    background: none;
			    width: 28px;
			    cursor: pointer;
			}

			#viewBoardOrdersEdgingButton{
				float: right;
			    border: none;
			    background: none;
			    width: 28px;
			    cursor: pointer;
			}

			#viewBoardOrdersExtraButton{
				float: right;
			    border: none;
			    background: none;
			    width: 28px;
			    cursor: pointer;
			}

			.viewBoardExtraListBackground{
				background-color: white;
				border-bottom: 1px solid lightgray;
			}

			.viewBoardExtraListTitle{
				font-size: 1em;
				margin-left: 5px;
			}

			.viewBoardExtraListSize{
				font-size: 12px;
				margin-left: 10px;
			}

			#ie{
				width: 264px;
				height: 254px;
				background-color: gainsboro;
				border: 1px solid lightgrey;
				overflow: hidden;
			}

			.ic {

			  display: inline-block;
			  position: relative;
			  font: 12px arial;
			}

			.it{
				font-size: 1em; 
				float: left;
			}

			.viewBoardItemInput{
				width: 262px;
				height: 18px;
				border: 1px solid lightgrey;
			}

			.suffix {
			  position: absolute;
			  left: 0;
			  top: 4px;
			  color: #000;
			  padding-left: 2px;
			  font: inherit;
			}
	/*---Board Extras---*/
		.boardExtrasContainer{
			width: 660px;
			height: 375px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#boardExtrasBar{
			height:30px;
			width:660px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#boardExtrasBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#boardExtrasBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#bec{
			border: 1px solid lightgrey;
			height: 300px;
			width: 300px;
			margin: 20px;
			float: left;
		}

		#beb{
			width: 298px;
			height: 302px;
			float: right;
			margin-top: 18px;
			margin-right: 20px;
		}

		.boardExtrasText{
			font-size: 1em;
		}

		#boardExtrasTypeDropdown{
		    font-size: 10px;
		    position: relative;
		    display: inline-block;
		    float: left;
		    border: 1px solid lightgray;
		    width: 296px;
		    height: 21px;
		}

		#boardExtrasTypeDropdown select {
		    outline: none;
		    -webkit-appearance: none;
		    -moz-appearance:none;
		    display: block;
		    margin: 0;
		    width: 296px;
		    height: 21px;
		    transition: border-color 0.2s;
		    border: none;
		    border-radius: 5px;
		    background: #fff;
		    color: black;
		    line-height: normal;
		    font-family: inherit;
		    font-size: 12px;
		    line-height: inherit;
		    cursor: pointer;
		}

		#boardExtrasTypeDropdown .arr {
		    background: #fff;
		    position: absolute;
		    right: 5px;
		    width: 50px;
		    pointer-events: none;
		}

		#boardExtrasTypeDropdown .arr:before {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 0px;
		    margin-top: 9px;
		    pointer-events: none;
		    border-top: 5px solid black;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		}

		#boardExtrasTypeDropdown .arr:after {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 28px;
		    margin-top: -5px;
		    pointer-events: none;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		}

		.boardExtrasInput{
			border: 1px solid lightgray;
		    width: 293px;
		    height: 19px;
		}

		#boardExtrasButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardExtrasButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardExtrasButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#boardExtrasButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---Board Type---*/
		.boardTypeContainer{
			width: 710px;
			height: 445px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#boardTypeBar{
			height:30px;
			width:710px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#boardTypeBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#boardTypeBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#boardTypeSearchInputBox{
			width: 250px;
			height: 20px;
			border: 1px solid lightgrey;
			border-radius: 10px;
			margin: 4px 0px 0px 20px;
			float: left;
		}

		#boardTypeSearchInput{
			width:210px;
			border: none;
			height: 18px;
			margin-left: 10px;
			position: absolute;
		}

		#boardTypeSearchInputImg{
			float: right;
			margin: 2px 3px 0px 0px;
			width: 16px;
		}

		#boardTypeDropdown{
			font-size: 10px;
			position: relative;
			display: inline-block;
			float: right;
			margin-right: 20px;

		}

		#boardTypeDropdown select {
			outline: none;
			-webkit-appearance: none;
			-moz-appearance:none;
			display: block;
			margin: 0;
			width: 120px;
			height: 30px;
			transition: border-color 0.2s;
			border: none;
			border-radius: 5px;

			background: #fff;
			color: black;
			line-height: normal;
			font-family: inherit;
			font-size: 12px;
			line-height: inherit;
			cursor: pointer;
		}

		#boardTypeDropdown .arr {
		  background: #fff;
		  position: absolute;
		  right: 5px;
		  width: 50px;
		  pointer-events: none;
		}

		#boardTypeDropdown .arr:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 0px;
		  margin-top: 12px;
		  pointer-events: none;
		  border-top: 5px solid black;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		}

		#boardTypeDropdown .arr:after {
		  content: '';
		  position: absolute;
		  top: 50%;
		  right: 28px;
		  margin-top: -5px;
		  pointer-events: none;
		  border-left: 6px solid transparent;
		  border-right: 6px solid transparent;
		}


		#boardTypeStatusSelect{
			width: 200px;
			height: 30px;
			float: left;
		}

		#boardTypeAddItem{
			border: none;
		    background: none;
		    float: left;
		    margin-top: 7px;
		    cursor: pointer;
		    width: 25px;
		    margin-left: -4px;
		}

		.boardTypeTableHeadings{
			table-layout: fixed;
			border: 2px solid lightgrey;
			cursor: pointer;
		}

		.boardTypeSort{
			height: 5px;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    float: right;
		    margin-right: 5px;
		}

		#boardTypeTable{
			width: 670px;
			height: 20px;
			background-color: white;
			border-bottom: 1px solid lightgrey;
			table-layout: fixed;
			margin-left:20px;
			margin-top:20px;
		}

		#boardTypecode{
			width: 102px;
			text-align: center;

		}
		
		#boardTypedescription{
			width: 413px;
			text-align: center;
		}

		#boardTypeprice{
			width: 147px;
			text-align: center;
		}

		#boardTypeContainer{
			width: 668px;
			background-color: gainsboro;
			table-layout: fixed;
			margin-left: 20px;
			height: 333px;
			border-left:1px solid lightgrey;
			border-right:1px solid lightgrey;
			border-bottom:1px solid lightgrey;
			overflow: hidden;
		}

		#boardTypeContainerInner{
			width: 700px;
			height: 334px;
			overflow-y: scroll;
		}

		#boardTypeList{
			table-layout: fixed;
			width: 668px;
			background-color: white;
		}

		.thumbgallery{
			float: left;
			border: 1px solid white;
		}

		.thumbgalleryimage{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			cursor: pointer;
		}

		.selected{
			width: 86px;
			height: 86px;
			float: left;
			display: block;
			border: 1px solid maroon;
			cursor: pointer;
		}

		.brandbar{
			width: 663px;
			height: 20px;
			background-color:white;
			color:#808080;
			padding-left: 5px;

		}

		.brandcontainer{
			display: flow-root;
			width:264px;
		}

		.boardTitleBox{
			width: 668px;
			height: 30px;
			border-bottom: 1px solid lightgrey;
			background-color: whitesmoke;
			cursor: pointer;
		}

		.boardTitleBoxText{
			padding-left: 10px;
			padding-top: 5px; 
			width: 100px;
			float: left;
		}

		.boardTypeTitleBoxArrow{
			height: 5px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			float: right;
			margin-right: 7px;
		}

		.boardTypecode{
			width: 102px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;

		}
		
		.boardTypedescription{
			width: 413px;
			border-right:1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		.boardTypeprice{
			width: 152px;
			border-bottom: 1px solid lightgrey;
			text-align: center;
		}

		#boardTypeButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardTypeButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardTypeButtonSelect{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#boardTypeButtonSelect:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---View Board---*/
		.viewBoardContainer{
			width: 580px;
			height: 335px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#viewBoardBar{
			height:30px;
			width:580px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#viewBoardBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#viewBoardBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#viewBoardImage{
			width: 260px;
			height: 260px;
			margin: 20px 20px 0px 20px;
			border: 1px solid lightgrey;
			float: left;
		}

		#viewBoardInfo{
			float: left;
			width: 260px;
			height: 260px;
			margin-top: 20px;
		}

		#viewBoardDescription{
			font-size:1.2em;
		}

		.viewBoardInfoBox {
		    float: left;
		    margin-top: 20px;
		    width: 260px;
		}

		.viewBoardHeading{
			font-size:1.1em; 
		}

		.viewBoardSubHeading{
			font-size: 1em;
		}

		.viewBoardInfoItem{
			float:right;
			margin-left: 40px;
		}

		#viewBoardButtonClose{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px;
		}

		#viewBoardButtonClose:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px;
		}
	/*---Board Edging----*/
		.boardEdgingContainer{
			width: 660px;
			height: 375px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#boardEdgingBar{
			height:30px;
			width:660px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#boardEdgingBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#boardEdgingBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#boardEdgingCanvas{
			border: 1px solid lightgrey;
			height: 300px;
			width: 300px;
			margin: 20px;
			float: left;
		}

		.boardEdgingText{
			font-size: 1em;
			width: 200px;
			float: left;
		}

		#boardEdgingTypeButton{
			float: right;
		    border: none;
		    background: none;
		    width: 28px;
		    cursor: pointer;
		}

		.boardEdgingItemInput{
			width: 292px;
			height: 18px;
			border: 1px solid lightgrey;
		}

		#boardEdgingSearchList{
			display: none;
			width: 264px;
			position: absolute;
			background-color: white;
			z-index: 1;
			border-left: 1px solid lightgrey;
			border-right: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
		}

		.boardEdgingdSearchList:hover{
			background-color: whitesmoke;
		}

		#boardEdgingTypeDropdown{
		    font-size: 10px;
		    position: relative;
		    display: inline-block;
		    float: left;
		    border: 1px solid lightgray;
		    width: 296px;
		    height: 21px;
		}

		#boardEdgingTypeDropdown select {
		    outline: none;
		    -webkit-appearance: none;
		    -moz-appearance:none;
		    display: block;
		    margin: 0;
		    width: 296px;
		    height: 21px;
		    transition: border-color 0.2s;
		    border: none;
		    border-radius: 5px;
		    background: #fff;
		    color: black;
		    line-height: normal;
		    font-family: inherit;
		    font-size: 12px;
		    line-height: inherit;
		    cursor: pointer;
		}

		#boardEdgingTypeDropdown .arr {
		    background: #fff;
		    position: absolute;
		    right: 5px;
		    width: 50px;
		    pointer-events: none;
		}

		#boardEdgingTypeDropdown .arr:before {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 0px;
		    margin-top: 9px;
		    pointer-events: none;
		    border-top: 5px solid black;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		}

		#boardEdgingTypeDropdown .arr:after {
		    content: '';
		    position: absolute;
		    top: 50%;
		    right: 28px;
		    margin-top: -5px;
		    pointer-events: none;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		}

		#boardEdgingButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardEdgingButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#boardEdgingButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
		#boardEdgingButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 4px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 20px; 
		}
	/*---Order Info---*/
		.orderInfoContainer{
			width: 340px;
			height: 500px;
			background-color: white;
			border-radius:10px;
			box-shadow: 0px 5px 20px #888888;
			overflow: hidden;
			margin-top: 20px;
		}

		#orderInfoBar{
			height:30px;
			width:340px;
			background-color: white;
			border-bottom: 1px solid lightgrey; 
		}

		#orderInfoBarTitle{
			color: grey;
			font-size: 1.2em;
			font-weight: lighter; 
			margin-top: 2px;
			text-align: center;
		}

		#orderInfoBarClose{
			background:none;
			border:none;
			width: 25px;
			float:right;
			margin-top: -18px;
			margin-right: 10px;
			cursor:pointer;
		}

		#orderInfoAddClient{
			border: none;
			background: none;
			float: right;
			margin-top: 2px;
			cursor: pointer;
			width: 25px;
		}

		#orderInfoViewClient{
			border: none;
			background: none;
			float: right;
			margin-top: 2px;
			cursor: pointer;
			width: 25px;
			margin-right: 20px;
		}

		#orderInfoSearchList{
			display: none;
			width: 300px;
			position: absolute;
			background-color: white;
			z-index: 1;
			border-left: 1px solid lightgrey;
			border-right: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
		}

		.orderInfoSearchList:hover{
			background-color: whitesmoke;
			cursor: pointer;
		}

		#orderInfoInputBox{
			width: 300px;
		}

		.orderInfoInputText{
			float: left;
		}

		#orderInfoTextBox{
			margin-left:20px;
		}

		.orderInfoText{
			font-size: 1em; 
			width: 200px;
			float: left;
		}

		#orderInfoCompany{
			width: 298px;
			height: 18px;
			border: 1px solid lightgrey;
		}

		#orderInfoInputBox{
			float: left;
		}

		#addressMap{
			width: 300px;
			height: 320px;
			margin-left: 20px;
			border-left: 1px solid lightgrey;
			border-right: 1px solid lightgrey;
			border-bottom: 1px solid lightgrey;
		}

		#orderInfoTable{
			width: 302px;
			border: 1px solid lightgray;
			margin: -5px 0px 0px 20px;
			height: 20px
		}

		#orderInfoTableType{
			width: 202px;
			border: 1px solid lightgrey;
		}

		#orderInfoTablePrice{
			width: 80px;
			border: 1px solid lightgrey;
		}

		#deliveryType{
			float: left;
		}

		#deliveryDistance{
			float: left;
		}

		#deliveryPrice{
			float: left;
		}

		#orderInfoButtonCancel{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#orderInfoButtonCancel:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 5px;
		}

		#orderInfoButtonSave{
		    background: none;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 17px; 
		}
		#orderInfoButtonSave:hover{
		    background: gainsboro;
		    border-radius: 10px;
		    border: none;
		    border: 1px solid lightgrey;
		    font-family: inherit;
		    float: right;
		    margin-top: 3px;
		    height: 16px;
		    cursor: pointer;
		    margin-right: 17px; 
		}
	/*---Board Layout---*/
				.boardLayout{
			        width: 900px;
			        height: 583px;
			        background-color: white;
			        border-radius: 10px;
			        box-shadow: 0px 5px 20px #888888;
			        overflow: hidden;
			        margin-top: 20px;
			    }

			    #boardLayoutContainerBar{
			        height: 30px;
			        width: 900px;
			        background-color: white;
			        border-bottom: 1px solid lightgrey;
			        }

		        #boardLayoutContainerBarTitle{
	                color: grey;
	                font-size: 1.2em;
	                font-weight: lighter;
	                margin-top: 2px;
	                text-align:center;
				}

				#boardLayoutContainerBarClose{
				    background: none;
				    border: none;
				    width: 25px;
				    float: right;
				    margin-top: -20px;
				    margin-right: 10px;
				    cursor: pointer;
				}

				#boardLayoutCanvasBox{
					overflow: hidden;
					height: 498px;
					width: 860px;
					margin-left: 20px;
					border: 1px solid lightgrey;
					background-color: gainsboro;
				}

				#boardLayoutCanvasDiv{
					margin: 4px auto;
					position: relative;
				}

				#boardLayoutInfo{
					width: 193px;
					height: 115px;
					border: 1px solid lightgrey;
					margin: 4px 0px 0px 4px;
					background-color: white;
					position: absolute;
				}

				#boardLayoutInfoTextBoardName{
					margin-left: 4px;
				}

				#boardLayoutBoardInfoBox{
					padding: 0px 10px;
				}

				#boardLayoutBoardInfoLeft{
					float: left;
				}

				#boardLayoutBoardInfoRight{
					float: right;
					font-size: 12px;
					text-align: right;
				}

				#boardLayoutNoBoard{
					float: right;
					padding: 0px 2px;
				}

				#boardLayoutNoBoards{
					float: right;
					padding: 0px 2px;
				}

				#boardLayoutNoOf{
					float: right;
				}


				#boardLayoutBar{
					width: 860px;
					height:28px;
					margin-left: 20px;
				}

				#boardLayoutDropdown{
					font-size: 10px;
					position: relative;
					display: inline-block;
					float: left;
					margin-right: 20px;

				}

				#boardLayoutDropdown select {
					outline: none;
					-webkit-appearance: none;
					-moz-appearance:none;
					display: block;
					margin: 0;
					width: 270px;
					height: 30px;
					transition: border-color 0.2s;
					border: none;
					border-radius: 5px;

					background: #fff;
					color: black;
					line-height: normal;
					font-family: inherit;
					font-size: 12px;
					line-height: inherit;
					cursor: pointer;
				}

				#boardLayoutDropdown .arr {
				  background: #fff;
				  position: absolute;
				  right: 5px;
				  width: 50px;
				  pointer-events: none;
				}

				#boardLayoutDropdown .arr:before {
				  content: '';
				  position: absolute;
				  top: 50%;
				  right: 0px;
				  margin-top: 12px;
				  pointer-events: none;
				  border-top: 5px solid black;
				  border-left: 5px solid transparent;
				  border-right: 5px solid transparent;
				}

				#boardLayoutDropdown .arr:after {
				  content: '';
				  position: absolute;
				  top: 50%;
				  right: 28px;
				  margin-top: -5px;
				  pointer-events: none;
				  border-left: 6px solid transparent;
				  border-right: 6px solid transparent;
				}


				#boardLayoutSelectBoardType{
					width: 200px;
					height: 30px;
					float: left;
				}

				#boardLayoutNoButton{
					float: right;
					margin-top: 3px;
					margin-right: 20px;
				}

				.boardLayoutNoButtonText{
					float: left;
					padding: 2px;
				}

				#boardLayoutNoButtons{
					float: right;
				}

				.boardLayoutButton{
					position: relative;
				}

				#boardLayoutButtonLeft:after {
					content: "\02039";
					font-weight: bold;
					font-size: 1.6em;
					top: 3px;
					position: relative;
				}

				#boardLayoutButtonLeft{
					line-height: 13px;
					margin-top: 1px;
				}

				#boardLayoutButtonRight{
					line-height: 13px;
					margin-top: 1px;
				}

				#boardLayoutButtonRight:after {
					content: "\0203A";
					font-weight: bold;
					font-size: 1.6em;
					top: 3px;
					position: relative;
				}

				#boardLayoutRightButton{
					height: 24px;
					border: 1px solid lightgrey;
					background: none;
					border-radius: 0px 12px 12px 0px;
					font-size: 1em;
					padding: 0px 10px;
					white-space: nowrap;
					cursor: pointer;
					float: right;
					margin-top: 2px;
					margin-left: -1px;
					padding-bottom: 2px;
				}

				#boardLayoutLeftButton{
					height: 24px;
					border: 1px solid lightgrey;
					background: none;
					border-radius: 12px 0px 0px 12px;
					font-size: 1em;
					padding: 0px 10px;
					white-space: nowrap;
					cursor: pointer;
					float: right;
					margin-top: 2px;
					padding-bottom: 2px;
				}

				#boardLayoutOkay{
			    	background: none;
					border-radius: 10px;
					border: none;
					border: 1px solid lightgrey;
					font-family: inherit;
					float: right;
					margin-top: 3px;
					margin-right: 16px;
					cursor: pointer;
					height: 16px;
			    }

			    #boardLayoutOkay:hover{
			    	background: gainsboro;
					border-radius: 10px;
					border: none;
					border: 1px solid lightgrey;
					font-family: inherit;
					float: right;
					margin-top: 3px;
					margin-right: 16px;
					cursor: pointer;
			    }

			    .boardLayoutInfoText{
			    	font-size: 12px;
			    }
	/*---Board Item Type---*/
				.boardItemType{
					width: 536px;
					height: 256px;
					background-color: white;
					border-radius:10px;
					box-shadow: 0px 5px 20px #888888;
					overflow: hidden;
					margin-top: 20px;
				}

				#boardItemTypeBar{
					height:30px;
					width:536px;
					background-color: white;
					border-bottom: 1px solid lightgrey; 
				}

				#boardItemTypeBarTitle{
					color: grey;
					font-size: 1.2em;
					font-weight: lighter; 
					margin-top: 2px;
					text-align: center;
					width: 536px;
				}

				#boardItemTypeBarClose{
					background:none;
					border:none;
					width: 25px;
					float:right;
					margin-top: -18px;
					margin-right: 10px;
					cursor:pointer;
				}


				.boardItemTypeButtons{
					float: left;
					border: 1px solid lightgray;
					margin-left: 20px;
					margin-top: 20px;
					cursor: pointer;
				}

				.boardItemTypeButtonText{
					text-align: center;
				}

				#boardItemTypeButtonCancel{
				    background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px;
				}

				#boardItemTypeButtonCancel:hover{
				    background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px;
				}
/*---General Overlays---*/		
	/*---Print--*/
	/*---Print Option---*/
				.printContainer{
					width: 250px;
					height: 143px;
					background-color: white;
					border-radius:10px;
					box-shadow: 0px 5px 20px #888888;
					overflow: hidden;
					margin-top: 20px;
				}

				#printBar{
					height:30px;
					width:250px;
					background-color: white;
					border-bottom: 1px solid lightgrey; 
				}

				#printBarTitle{
					color: grey;
					font-size: 1.2em;
					font-weight: lighter; 
					margin-top: 2px;
					text-align: center;
					width: 250px;
				}

				#printBarClose{
					background:none;
					border:none;
					width: 25px;
					float:right;
					margin-top: -18px;
					margin-right: 10px;
					cursor:pointer;
				}

				#printOptions{
					width: 210px;
					height:88px;
					margin: 0px 20px 0px 20px;
				}

				#printOption{
					border: 1px solid lightgrey;
					outline: none;
					width: 210px;
					height: 24px;
					-webkit-appearance: none;
					-moz-appearance: none;
					cursor: pointer;
				}

				#printType{
					border: 1px solid lightgrey;
					outline: none;
					width: 210px;
					height: 24px;
					-webkit-appearance: none;
					-moz-appearance: none;
					cursor: pointer;
				}

				#printButtonCancel{
				    background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 5px;
				}

				#printButtonCancel:hover{
				    background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 5px;
				}

				#printButtonPrint{
				    background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px; 
				}
				#printButtonPrint:hover{
				    background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px; 
				}
				/*---Print Confirm---*/
				.printConfirm{
					width: 300px;
					height: 120px;
					background-color: white;
					border-radius:10px;
					box-shadow: 0px 5px 20px #888888;
					overflow: hidden;
					margin-top: 20px;
				}

				#printConfirmBar{
					height:30px;
					width:300px;
					background-color: white;
					border-bottom: 1px solid lightgrey; 
				}

				#printConfirmTitle{
					color: grey;
					font-size: 1.2em;
					font-weight: lighter; 
					margin-top: 2px;
					text-align: center;
					width: 300px;
				}

				#printConfirmClose{
					background:none;
					border:none;
					width: 25px;
					float:right;
					margin-top: -18px;
					margin-right: 10px;
					cursor:pointer;
				}

				#printConfirmContainer{
				    margin-left: 20px;
				    margin-top: 20px;
					width: 260px;
				}

				#printConfirmImg{
				    width: 48px;
				    float: left;
				}

				#printConfirmMessage{
				    width: 187px;
				    float: right;
				}

				#printConfirmYes{
					background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 7px;
				    height: 16px;
				    cursor: pointer;
				}

				#printConfirmYes:hover{
					background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 7px;
				    height: 16px;
				    cursor: pointer;
				}

				#printConfirmCancel{
					background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 7px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 5px;
				}

				#printConfirmCancel:hover{
					background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 7px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 5px;
				}
				/*---Preview Prints---*/
				.previewPrint{
					width: 800px;
					height: 620px;
					background-color: white;
					border-radius:10px;
					box-shadow: 0px 5px 20px #888888;
					overflow: hidden;
					margin-top: 20px;
				}

				#previewPrintBar{
					height:30px;
					width:800px;
					background-color: white;
					border-bottom: 1px solid lightgrey; 
				}

				#previewPrintBarTitle{
					color: grey;
					font-size: 1.2em;
					font-weight: lighter; 
					margin-top: 2px;
					text-align: center;
					width: 800px;
				}

				#previewPrintBarClose{
					background:none;
					border:none;
					width: 25px;
					float:right;
					margin-top: -18px;
					margin-right: 10px;
					cursor:pointer;
				}

				#previewPrintInfoBar{
					width: 760px;
					height: 30px;
					margin-left: 20px;
				}

				#previewPrintQuotation{
					border: none;
					background: none;
					float: left;
					margin-top: 7px;
					cursor: pointer;
					width: 25px;
				}

				#previewPrintDropdown{
					font-size: 10px;
					position: relative;
					display: inline-block;
					float: right;

				}

				#previewPrintDropdown select {
					outline: none;
					-webkit-appearance: none;
					-moz-appearance:none;
					display: block;
					margin: 0;
					width: 165px;
					height: 30px;
					transition: border-color 0.2s;
					border: none;
					border-radius: 5px;

					background: #fff;
					color: black;
					line-height: normal;
					font-family: inherit;
					font-size: 12px;
					line-height: inherit;
					cursor: pointer;
				}

				#previewPrintDropdown .arr {
					background: #fff;
					position: absolute;
					right: 5px;
					width: 50px;
					pointer-events: none;
				}

				#previewPrintDropdown .arr:before {
					content: '';
					position: absolute;
					top: 50%;
					right: 0px;
					margin-top: 12px;
					pointer-events: none;
					border-top: 5px solid black;
					border-left: 5px solid transparent;
					border-right: 5px solid transparent;
				}

				#previewPrintDropdown .arr:after {
					content: '';
					position: absolute;
					top: 50%;
					right: 28px;
					margin-top: -5px;
					pointer-events: none;
					border-left: 6px solid transparent;
					border-right: 6px solid transparent;
				}


				#myInvoicesPageStatusSelect{
					width: 200px;
					height: 30px;
					float: left;
				}

				#previewPrintBox{
					width: 760px;
					background: gainsboro;
					height: 531px;
					margin-left: 20px;
					border: 1px solid lightgrey;
					overflow: hidden;
				}

				#previewPrintViewer{
					width: 775px;
					height: 531px;
				}

				#previewPrintButtonCancel{
				    background: none;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px;
				}

				#previewPrintButtonCancel:hover{
				    background: gainsboro;
				    border-radius: 10px;
				    border: none;
				    border: 1px solid lightgrey;
				    font-family: inherit;
				    float: right;
				    margin-top: 3px;
				    height: 16px;
				    cursor: pointer;
				    margin-right: 20px;
				}
	/*---Date/time---*/
		#ui-datepicker-div{
				background-color: white;
				width: 258px;
				border: 1px solid lightgrey;
				display: none;
			}

			.ui-datepicker-title{
				border-top: 1px solid lightgrey;
				border-left: 1px solid lightgrey;
				border-right: 1px solid lightgrey;
			}

			.ui-datepicker-next{
				float: right;
				margin-right: -20px;
				margin-top: 6px;
				cursor: pointer;
				border: solid black;
			    border-width: 0 3px 3px 0;
			    display: inline-block;
			    padding: 3px;
			    transform: rotate(-45deg);
			    -webkit-transform: rotate(-45deg);
			}

			.ui-datepicker-next span{
				display: none;
			}

			.ui-datepicker-prev{
				float: right; 
				margin-right: 17px;
				margin-top: 6px;
				cursor: pointer;
				border: solid black;
			    border-width: 0 3px 3px 0;
			    display: inline-block;
			    padding: 3px;
			     transform: rotate(135deg);
			    -webkit-transform: rotate(135deg);
			}

			.ui-datepicker-prev span{
				display: none;
			}

			.ui-datepicker-calendar{
				width: 259px;
				height: 132px;
				table-layout: fixed;
			}

			.ui-datepicker-calendar th{
				border: 2px solid lightgrey;
				cursor: pointer;
				height: 1px;
				color: #808080;
			}

			.ui-timepicker-div{
				height: 100px;
				background: white;
				border: 1px solid lightgrey;
			}

			.ui-state-active{
				background: gainsboro;
				display: inline-block;
				width: 36px;
			}

			.ui-state-default{
				color: #808080;
				text-decoration: none;
			}


			.ui-datepicker-calendar td{
				border: 1px solid lightgrey;
				cursor: pointer;
				width: 29px;
				text-align: center;
			}

			.ui-datepicker-calendar td:hover{
				border: 1px solid lightgrey;
				cursor: pointer;
				width: 29px;
				text-align: center;
				background-color: gainsboro;
			}

			.ui-slider {
				position: relative;
				text-align: left;
				border: 1px solid lightgrey;
				height: 10px;
				top: 5px;
				width: 85px;
				padding-right: 20px;
				cursor: pointer;

			}

			.ui-slider .ui-slider-handle {
				position: absolute;
				z-index: 2;
				width: 10px;
				height: 1.2em;
				cursor: default;
				-ms-touch-action: none;
				touch-action: none;
				margin-top: -6px;
				margin-left: -6px;
				border: 2px solid lightgrey;
				background: white;
				cursor: pointer;
			}


			.ui-slider .ui-slider-range {
				position: absolute;
				z-index: 1;
				font-size: .7em;
				display: block;
				border: 0;
				background-position: 0 0;
			}

			.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
			.ui-timepicker-div dl { text-align: left; }
			.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
			.ui-timepicker-div dl dd { margin: 0 10px 17px 40%; }
			.ui-timepicker-div td { font-size: 90%; }
			.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
			.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

			.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
			.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

			.ui-timepicker-rtl{ direction: rtl; }
			.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
			.ui-timepicker-rtl dl dt{ float: right; clear: right; }
			.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

			.ui-datepicker-buttonpane{
				background: white;
				border: 1px solid lightgray;
				height: 22px;
			}

			.ui-datepicker-close{
			    background: none;
			    border-radius: 10px;
			    border: none;
			    border: 1px solid lightgrey;
			    font-family: inherit;
			    float: right;
			    margin-top: 3px;
			    height: 16px;
			    cursor: pointer;
			    margin-right: 3px;
			}

			.ui-datepicker-close:hover{
			    background: gainsboro;
			    border-radius: 10px;
			    border: none;
			    border: 1px solid lightgrey;
			    font-family: inherit;
			    float: right;
			    margin-top: 3px;
			    height: 16px;
			    cursor: pointer;
			    margin-right: 3px;
			}

			.ui-datepicker-current{
			    background: none;
			    border-radius: 10px;
			    border: none;
			    border: 1px solid lightgrey;
			    font-family: inherit;
			    margin-top: 3px;
			    height: 16px;
			    cursor: pointer;
			    margin-left: 3px; 
			    position: absolute;
			}
			.ui-datepicker-current:hover{
			    background: gainsboro;
			    border-radius: 10px;
			    border: none;
			    border: 1px solid lightgrey;
			    font-family: inherit;
			    margin-top: 3px;
			    height: 16px;
			    cursor: pointer;
			    margin-left: 3px; 
			    position: absolute;
			}
/*---Login---*/