/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
	p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
	img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figure, figcaption, hgroup,
	menu, footer, header, nav, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.previousOrdersScroll { 
		height: 270px; 
	} 
	 
	.accountsGridScroll { 
		height: 270px; 
		overflow-y: auto !important; 
	} 
	 
	.notesGridContainer{ 
		height: 395px; 
		overflow-y: scroll; 
	}
	
	article, aside, canvas, figure, figure img, figcaption, hgroup,
	footer, header, nav, section, audio, video {
		display: block;
	}
	
	a img {border: 0;}
	
	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
		padding: 8px;
	}
	
	/** ---------- Standard HTML Elements ----------- **/
	/*::selection 	 	{background: rgb(255,255,158);}
	::-moz-selection 	{background: rgb(255,255,158);}
	img::selection 		{background: transparent;}
	img::-moz-selection	{background: transparent;}*/
	
	html, body {
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 10pt;
		text-align: center;
		overflow: auto;
	}
	/*
	a {
		text-decoration: none;
		color: #2c005c;
	}
	
	a:hover {
		text-decoration: none;
		color: #000000;
	}
	
	a:visited {
		text-decoration: none;
		color: #2c005c;
	}*/
	
	pre {
	  white-space: pre-wrap;
	}
	
	@font-face {
		font-family: 'Source Sans Pro';
		src: url('/font/sourcesanspro-webfont.eot');
		src: url('/font/sourcesanspro-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/font/sourcesanspro-webfont.woff') format('woff'),
			 url('/font/sourcesanspro-webfont.ttf') format('truetype'),
			 url('/font/sourcesanspro-webfont.svg#source_sans_prolight') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	@font-face {
		font-family: 'apg';
		src: url('/font/ANTCNBD_.ttf') format('truetype');
	}
	
	.apgFont{
		font-family: 'apg', 'Source Sans Pro',Helvetica,Arial,sans-serif ;
	}
	
	/** --------- Reusable Page Elements ----------- **/
	.page {
		position: relative;
		width: 80%;
		max-width: 1800px;
		margin: 0 auto;
		padding: 0;
		min-height: 100%;
		text-align: left;
	}
	
	.window {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 450px;
		margin-left: -225px;
		margin-top: -15%;
		overflow: hidden;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 0;
	}
	
	.window-header {
		width: 100%;
		float: left;
		position: relative;
		font-size: 18px;
		background: #2c005c;
		padding: 0;
		color: #f1f1f1;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}
	
	.pane{
		width:100%;
		float:left;
		position:relative;
		/*background: #f1f1f1;*/
		padding: 5px;
		margin:-5px;
	}
	
	.inline-block {
		display: inline-block;
	}
	
	.page-header{
		height:90px;
		/*background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
		box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
		-ms-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);*/
	}
	
	.dashboard-header{
		width: 100%;
		float: left;
		position: relative;
		font-size: 18px;
		background: #2c005c;
		padding: 0;
		color: #f1f1f1;
	}
	
	.container {
		position: relative;
		width: 95%;
		margin: 0 auto;
	}
	
	.shadow {
		-webkit-box-shadow:  4px 4px 8px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.25);
		-ms-box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.25);
		 box-shadow:  4px 4px 8px 1px rgba(0, 0, 0, 0.25);
	}
	
	.rounded {
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.textbox {
		background: white;
		width: 97.5%;
		height: 20px;
		font-size: 14px;
		padding: 5px;
		margin: 0;
		border: 1px solid #ad9d93;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.strikethrough {
		text-decoration: line-through;
	}
	
	.placeholder{
		color:rgb(180,180,180);
	}
	
	.vtag{
		position: absolute;
		top: 1px;
		right: -1px;
		width: auto;
		height: 30px;
		max-width: 100px;
		overflow: hidden;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		background-color: #2C005C;
		color: #F1F1F1;
	}
	
	.collapsable-button{
		padding: 0 !Important;
		margin: 3px;
		float:right
	}
	
	.editable-grid-textboxes{
		float:right;
		height: 25px !Important;
		font-size: 10pt !Important;
		width: 100%;
	}
	
	.grid-textbox-label{
		float:left;
		height:25px;
		font-size:10pt;
		width:100%;
	}
	
	.float-right{
		float:right;
	}
	.float-left{
		float:left;
	}
	
	.special {
		color: #1f1f1f;
		padding: 10px;
		font-size: 110%;
		width: 96%;
		margin-left: 0;
	}
	
	.special-error {
		color: #ff0000;
		padding: 10px;
		font-size: 110%;
		width: 96%;
		margin-left: 0;
	}
	
	.half{
		width:50%;
	}
	
	.text-center {
		text-align: center;
	}
	
	.text-left {
		text-align: left;
	}
	
	.text-right {
		text-align: right;
	}
	
	.text-extra-large {
		font-size: 38px;
	}
	
	p {
		padding: 8px;
	}
	
	.k-invalid-msg {
		position: relative;
		text-align: left;
	}
	/*
	.k-button {
		padding: 5px;
		border: 1px solid #cfcfcf;
		color: #1f1f1f;
		font-weight: normal;
		cursor: pointer;
	}*/
	/*
	.k-button:focus:not(.k-state-disabled):not([disabled]) {
		color: #f1f1f1;
	}*/
	
	.k-grid-content button.k-button.editPickBtn{
		min-width:inherit;
		width:32px;
		border-radius:2px;
		float:right;
		height:31px;
	}
	
	.state-selector,
	.county-selector {
		font-size: 10pt;
		width: 70px;
	}
	
	.county-selector {
		width: 200px;
		text-align:left;
	}
	
	.k-animation-container {
		text-align: left;
	}
	
	.xmlTemplateEditor {
		width: 400px;
	}
	/** Kendo Overrides **/
	/*-----------------------------------------------*/
	
	/*.selected{
		background:orange;
	}*/
	/*
	.k-button:hover {
		color: #f1f1f1;
		background: #3b205b;
		background: -moz-linear-gradient(top,  #3b205b 0%, #2c005c 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b205b), color-stop(100%,#2c005c));
		background: -webkit-linear-gradient(top,  #3b205b 0%,#2c005c 100%);
		background: -o-linear-gradient(top,  #3b205b 0%,#2c005c 100%);
		background: -ms-linear-gradient(top,  #3b205b 0%,#2c005c 100%);
		background: linear-gradient(to bottom,  #3b205b 0%,#2c005c 100%);
		border: 1px solid #3b205b;
		font-weight: normal;
	}
	
	.k-grid .k-button{
		margin: 0px auto;
		position: relative;
		clear: both;
		display: block;
		padding:5px;
		font-size:10pt;
		line-height:1em;
	}
	
	.k-grid td{
		font-size:11pt;
		line-height:1em;
		padding:5px;
	}
	
	.k-grid-toolbar .k-button {
		display:inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.k-grid-header {
		padding-right:0px !Important;
	}
	
	.k-menu .k-state-active, .k-menu .k-state-active:hover {
		background: #2C005C;
		color: #F1F1F1;
	}
	.k-menu .k-state-hover, .k-menu .k-state-hover:hover {
		background: #2C005C;
	}
	
	.k-menu .k-item:hover {
		color:#F1F1F1;
		border-style:none;
		border:none;
		background:#2c005c;
	}
	
	.k-menu .k-active {
		border-style:none;
		border:none;
		background:#2c005c;
	}
	
	.k-menu .k-active a {
		color: #F1F1F1;
	}
	
	.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
		border-style:none;
		border:none;
	}
	
	.k-menu .k-item {
		font-size: 80%;
	}
	
	.k-menu .k-item a:hover {
		color:  #f1f1f1;
	}
	
	.k-menu .k-active a:hover {
		color: #f1f1f1;
	}
	
	.k-state-selected,
	.k-list > .k-state-selected,
	.k-list > .k-state-focused,
	.k-list > .k-state-highlight,
	.k-panelbar > .k-state-selected,
	.k-panel > .k-state-selected,
	.k-button:active,
	.k-ghost-splitbar-vertical,
	.k-ghost-splitbar-horizontal,
	.k-draghandle.k-state-selected:hover {
		background-color:#403059;
		border-color:#403059;
		color:#F1F1F1;
	}
	
	.k-dropdown-wrap.k-state-hover>*>.k-i-arrow-s{
		background-position: 0px -32px;
	}
	
	.escalation0,.escalation1,.escalation2,.escalation3,.escalation4,.escalation5,.escalation6{
		padding: 5px;
	}
	
	.escalation0 {
		background: #ffff00;
	}
	
	.escalation1 {
		background: #ffe100;
	}
	
	.escalation2 {
		background: #ffbf00;
	}
	
	.escalation3 {
		background: #ff9000;
	}
	
	.escalation4 {
		background: #ff7200;
	}
	
	.escalation5{
		background: #ff4800;
	}
	
	.escalation6{
		background: #ff0000;
	}
	
	/** Start Fulfillment Area **/
	
	.ful-header{
		color: white;
		background: #25005c;
		font-size:16pt;
	}
	
	.ful-statusBar{
		position: absolute;
		right: 110px;
		top: 8px;
	}
	
	.ful-saveBtn{
		position: absolute;
		right: 60px;
		top: 8px;
	}
	
	.ful-closeBtn{
		position: absolute;
		right: 8px;
		top: 8px;
	}
	
	.ful-saveCont{
		height: 32px;
		line-height: 16pt;
		width: 45px;
	}
	
	.ful-alt{
		background: #f0f0f0;
	}
	
	.ful-border{
		margin-top: 5px;
		margin-bottom:5px;
		border-top: solid #25005c 5px;
	}
	
	.ful-lockedStatus{
		display:none;
		position: relative;
		padding-top: 10px;
		padding-bottom: 15px;
		background-color: darkred;
		color: white;
		z-index:10;
	}
	
	.ful-IconPadding{
		padding-right:10px;
	}
	
	#iconLock{
		margin-left: 155px;
	}
	
	#unlockOrderBtn{
		width: 155px;
		margin-right: 10px;
	}
	
	#ownerUnlockBtn{
		width: 155px;
		margin-right: 340px;
		margin-top: 7px;
	}
	
	#productImg{
		position: absolute;
		right: 16px;
		top: 65px;
		height:150px;
	}
	
	.note{
		color:black;
		margin-bottom:10px;
		width:49%;
		margin-left: 5px;
	}
	
	.refreshNotesBtn{
		width: 25px;
		height: 25px;
		line-height: 8px;
		display:none;
	}
	
	.notesTab.k-state-active a > button{
		display: block;
		float: right;
		margin-left: 10px;
	}
	
	.quotedText{
		font-size:10pt;
		color:gray;
	}
	
	.fromCustNote{
		background: #b2bdea; /* Old browsers */
		background: -moz-linear-gradient(top,  #b2bdea 0%, #7886bc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2bdea), color-stop(100%,#7886bc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b2bdea 0%,#7886bc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b2bdea 0%,#7886bc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b2bdea 0%,#7886bc 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b2bdea 0%,#7886bc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bdea', endColorstr='#7886bc',GradientType=0 ); /* IE6-9 */
	
	}
	
	.toCustNote{
		background: #fffcc6; /* Old browsers */
		background: -moz-linear-gradient(top,  #fffcc6 1%, #e5e2b3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fffcc6), color-stop(100%,#e5e2b3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fffcc6 1%,#e5e2b3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fffcc6 1%,#e5e2b3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fffcc6 1%,#e5e2b3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fffcc6 1%,#e5e2b3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcc6', endColorstr='#e5e2b3',GradientType=0 ); /* IE6-9 */
	}
	
	.internalNote{
		background: #c6ffc6; /* Old browsers */
		background: -moz-linear-gradient(top,  #c6ffc6 0%, #a9d8a9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6ffc6), color-stop(100%,#a9d8a9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c6ffc6 0%,#a9d8a9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c6ffc6 0%,#a9d8a9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c6ffc6 0%,#a9d8a9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #c6ffc6 0%,#a9d8a9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ffc6', endColorstr='#a9d8a9',GradientType=0 ); /* IE6-9 */
	}
	
	.legendBox {
		height: 10px;
		width: 10px;
		border: solid 1px black;
		background: #c6ffc6;
	}
	
	.legendBox_Internal {
		position: absolute;
		top: 30px;
		left: -5px;
	}
	
	.legendBox_FromCustomer {
		position: absolute;
		top: 30px;
		left: 100px;
		background: #b2bdea;
	}
	
	.legendBox_ToCustomer {
		position: absolute;
		top: 30px;
		left: 265px;
		background: #fffcc6;
	}
	
	.internalLegendText {
		position: absolute;
		top: -7px;
		left: 16px;
		width: 100px;
	}
	
	.toCustomerLegendText {
		position: absolute;
		top: -7px;
		left: 16px;
		width: 150px;
	}
	
	.fromCustomerLegendText {
		position: absolute;
		top: -7px;
		left: 16px;
		width: 150px;
	}
	/** End Fulfillment Area**/
	
	/** File Upload Area **/
	.fileArea {
		background: #ffffff;
		border: 1px solid #aaaaaa;
		width: 99%;
		height: 300px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 0;
		padding: 0;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	
	.fileList {
		list-style-type: none;
		float: left;
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.fileList li {
		float: left;
		position: relative;
		width: 100%;
		color: #1f1f1f;
		text-align: left;
	}
	
	.fileRow {
		float: left;
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #888888;
	}
	
	.fileRow:last-child {
		border-bottom: 0;
	}
	
	.fileRow:nth-child(even) {
		background: #f1f1f1;
	}
	
	.file {
		/*float: left;
		position: relative;
		width: 23%;*/
		padding: 5px;
		overflow: hidden;
		height: 110px;
		text-align: center;
		font-size: 9pt;
	}
	
	.file .deleteButton {
		position: absolute;
		bottom: 5px;
		padding: 5px;
		width: 80px;
		left: 25%;
		background: #f1f1f1;
		text-align: center;
		border: 1px solid #999999;
		border-radius: 40px;
		cursor: pointer;
	}
	
	.file .deleteButton:hover {
		background: #e1e1e1;
	}
	
	.file .icon {
		font-size: 18px;
		color: #ff3300;
		float: left;
	}
	
	.file p {
		text-align: center;
		text-wrap: unrestricted;
		width: 95%;
		padding: 3px;
	}
	
	/** Text **/
	.textblock {
		background: #E7E7E7;
	}
	
	/** Progress Bar **/
	.k-progress {
		float: left;
		position: relative;
		width: 100%;
		background: #e1e1e1;
		height: 14px;
		margin-top: 5px;
		-moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
	  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
		text-align: center;
		font-size: 8pt;
		color: #1f1f1f;
	}
	
	.k-progress .k-bar {
		width: 0;
		height: 14px;
		background: #b8e1fc; /* Old browsers */
		background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/**** Editable PopUps WIndows are width auto. **/
	.k-edit-form-container {
		width: auto;
	}
	
	
	/*  Menu Bar Control Panel */
	.dropdown-backdrop {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 990;
		background-color: rgba(0, 0, 0, 0.2);
	}
	
	#dropdown-menu {
		position: absolute;
		top: 40%;
		right: 3%;
		z-index: 1000;
		display: none;
		float: none;
		min-width: 400px;
		min-height: 50px;
		padding: 10px;
		padding-right:20px;
		margin: 2px 0 0;
		list-style: none;
		background-color: #FFF;
		border: 1px solid #CCC;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		font-size:10pt;
	}
	
	#dropdown-menu.open{
		display:block;
	}
	
	
	.welcomeBanner {
	  position: absolute;
	  top: 15px;
	  right: 5px;
	}
	
	.welcomeUserName {
	  line-height: 40px;
	  float: left;
		padding: 0 10px 0 0;
	}
	
	.welcomeBanner button.settingsButton {
	  height: 30px;
	  /*width: 31px;
	  border: 1px solid #C5C5C5;
	  border-image-source: initial;
	  border-image-slice: initial;
	  border-image-width: initial;
	  border-image-outset: initial;
	  border-image-repeat: initial;
	  color: #5F5F5F;
	  background: #F1F1F1;*/
	  margin-left: 10px;
	}
	/*
	.welcomeBanner button.settingsButton:hover {
	  background: #E7E7E7;
	  border-top-color: #CDCDCD;
	  border-left-color: #CFCFCF;
	  border-bottom-color: #565656;
	  border-right-color: #565656;
	  color: #FFF;
	}*/
	
	/* Adds gray placeholder to fake-input div */
	.fake-input:empty:before {
		content:attr(data-placeholder);
		color:gray
	}
	
	input.real-input {
		width: 500px;
		height: 30px;
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		background: transparent;
	}
	
	/* Only works on Chrome */
	input.securityAnswer {
		-webkit-text-security: disc;
	}
	
	.userPreferences>[data-role="listview"] {
		border: none;
		list-style-type:none;
		line-height:30px
	}
	
	/*.userPreferences>[data-role="listview"]>li:nth-child(even) {
		background:#EEE;
	}*/
	
	.userPreferences>[data-role="listview"] span {
		display:block;
		width:200px;
		float:left;
	}
	
	.userCtrlPanelItem {
		position: absolute;
		top: 15px;
		right: 30px;
		color: #000;
		z-index: 1;
	}
	.userCtrlPanelItem:hover{
		color:#000;
	}
	
	a.k-link.userCtrlPanelItemContainer {
		float: right;
		position: relative;
		top: 0;
		right: 0;
	}
	
	a.k-link.userCtrlPanelItemContainer:hover{
		color:#FFF;
	}
	
	.logoutCtrlPanelItem{
		position: absolute;
		right: 0;
		top: 20px;
	}
	#dropdown-menu>li {
		margin-bottom:5px;
		text-align:right;
	}
	#dropdown-menu>li:nth-child(even) {
		background:#f1f1f1;
	}
	#dropdown-menu>li>span {
		padding-right: 10px;
	}
	#dropdown-menu>li>input.k-textbox {
		height:25px;
		padding: 0px;
	}
	
	button.savePreferences.k-button {
		font-size: 10pt;
		padding: 5px 20px;
		margin-top: 15px;
		float: right;
		width: 150px;
	}
	
	div.passwordForm {
		width: 400px;
	}
	.passwordForm>form>input {
		clear:right;
		float:right;
		margin-bottom:10px;
	}
	.passwordForm>form>label {
		float:left;
		clear:both;
	}
	
	/*.k-group.k-popup.k-reset>li {
		font-size: 10pt;
	}*/
	
	#frmLogin span.k-tooltip{
		position:absolute;
		top: -10px;
		right: 0px;
	}
	
	div.k-window-iframecontent {
		padding: 0.58em;
		overflow: auto;
	}
	
	.k-marquee{
		background-color: rgba(48, 51, 89, 0.3);
	}
	
	.dialog-container {
		min-width: 500px;
		max-width: 900px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 10px 5px;
		text-align:left;
	}
	.dialog-footer{
		text-align:right;
	}
	.dialog-footer>.k-button {
		min-width: 75px;
		font-size: 10pt;
	}
	.dialog-body.dialog-min-height {
	  min-height: 500px;
	}
	
	.k-notification {
		font-size: 12pt;
		padding: 5px;
		transition: opacity 2s;
	}
	.k-notification-wrap>.k-i-note {
		display:none;
	}
	
	.ajaxNotification {
		overflow: hidden;
	}
	
	.ajaxNotification>img {
	  height: 30px;
	  float: right;
	  margin-right: 10px;
	}
	
	.ajaxNotification span{
		padding-top: 5px;
		display: block;
	}
	
	.k-notification-success>.k-notification-wrap:before {
		content: "\f046";
		font-family: FontAwesome;
		padding-right: 5px;
		color: #008E2D;
		float: right;
		padding: 0px 8px;
		font-size: 20pt;
	}
	
	.selector-state {
		width: 65px;
	}
	
	.grid-toolbar{
		margin-bottom:10px;
	}
	
	.grid-footer{
		margin-top:10px;
	}
	
	.grid-toolbar>button.k-button,
	.grid-footer>button.k-button {
		font-size: 10pt;
		padding: 5px 15px;
		margin: 0px 25px 0px 5px;
	}
	
	.grid-tax-entity .k-grid-content {
		min-height: 20px;
	}
	.grid-taxAccount .k-grid-header {
		padding-right: 17px !Important;
	}
	.grid-taxAccount .k-grid-content {
		height: 240px;
		overflow-y:scroll;
	}
	
	.dialog-account-number {
		margin-bottom: 10px;
	}
	
	.new-account-number {
		width: 397px;
	}
	
	.dialog-address>.address {
		width: 90%;
		margin-bottom: 25px;
	}
	
	.dialog-address>button.k-button {
		font-size: 12pt;
		margin-bottom: 25px;
		border-radius: 2px;
		height: 34px;
		padding: 0px 15px;
	}
	
	.dialog-address>span:nth-child(1) {
		width: 100%;
		display: inline-block;
	}
	
	.dialogInput input{
		margin-top:15px
	}
	
	.dialogResponse>textarea {
	  width: 99%;
	  height: 500px;
	}
	
	.dialogAccountsContainer {
	  padding: 20px;
	  padding-left: 45px;
	}
	
	.dialogTextArea {
		width: 600px;
		height: 250px;
	}
	
	
	/* New Tax Entity Results Dialog*/
	/*.k-multiselect-wrap .k-button {
		padding: 2px 20px;
		padding-left: 5px;
	}
	.k-multiselect-wrap .k-button .k-icon.k-delete{
		background-position: -30px -19px;
	}*/
	
	.dialog-new-tax-entity-results{
	
	}
	.dialog-new-tax-entity-results .k-textbox{
		font-size:10pt;
	}
	.dialog-new-tax-entity-results>.dialog-account-number{
		margin-bottom:0px;
	}
	.dialog-new-tax-entity-results>div>span{
		width: 175px;
		display:block;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.dialog-new-tax-entity-results>.required>span:after{
		content:"*";
		color:red;
		padding-right:0px;
	}
	.dialog-new-tax-entity-results>div{
		margin-top:5px;
	}
	.dialog-new-tax-entity-results>div>input{
		width:300px;
	}
	.dialog-new-tax-entity-results>div>textarea{
		width:300px;
		height:100px;
		resize:none;
	}
	.dialog-new-tax-entity-results .k-multiselect {
		width: 300px;
	}
	.taxAccountFilters {
		margin-bottom: 25px;
	}
	.taxAccountFilters span{
		float: left;
		width: 135px;
		line-height: 34px;
		padding-right: 8px;
		white-space: nowrap;
	}
	.taxAccountFilters button.k-button{
		font-size: 10pt;
		padding: 5px 15px;
		margin: 0px 25px 0px 5px;
	}
	.taxAccountFilters input {
		width: 88%;
	}
	.results-container{
		position:relative;
		padding: 52px 0px;
		padding-top: 5px;
		font-size: 11pt;
		line-height: 34px;
		width: 520px;
		border-bottom: dotted 1px gray;
	}
	.results-container:last-child{
		padding-bottom:40px;
		border: none;
	}
	.results-container>.pickButton{
		font-size: 10pt;
		padding: 3px 20px;
		position: absolute;
		top: 7px;
		right: 45px;
	}
	.results-container>span,
	.results-container>.previousYearsHolder>span {
		width: 175px;
		display:block;
		float:left;
		text-align: right;
		padding-right: 10px;
		clear: both;
	}
	.results-container input {
		width: 220px;
		clear: both;
	}
	.results-container> .add-more-results.k-button {
		position: absolute;
		bottom: 5px;
		left: 10px;
		top: inherit;
		right: inherit;
		font-size:9pt;
		padding:5px 10px;
		display:none;
	}
	.results-container:last-child>.add-more-results.k-button{
		display:block;
	}
	.results-container:first-child>.remove-result.k-button{
		display:none;
	}
	.add-more-results>i{
		padding-right:10px;
	}
	.tax-entity-result-list-control {
		margin-top:5px;
		background:#f1f1f1;
	}
	.results-container>.remove-result {
		position: absolute;
		top: -14px;
		right: 10px;
		padding: 1px 6px;
	}
	.results-container .togglePreviousYears {
		margin-right: 8px;
		position: absolute;
		top: 180px;
		right: 25px;
		font-size:8pt;
	}
	.results-container .previousYearsHolder.hidden {
		display:none;
	}
	
	
	
	.pollForOrder {
		position: fixed;
		bottom: 0px;
		left: 50%;
		margin-left: -163px;
		background: #FFF;
		padding: 20px 40px 10px 40px;
		border-radius: 3px;
	}
	
	.pollForOrder .k-loading-image {
		width: 50px;
		padding-left: 10px;
	}
	
	.pollForOrder p {
		padding-left: 20px;
	}
	
	.pollForOrder .progress {
		width: 90%;
		height: 5px;
		margin-left: 20px;
		background: #DDD;
	}
	
	.pollForOrder .progress-bar {
		width: 0%;
		height: 100%;
		background: green;
	}
	
	.pollForOrder .pollClose {
		border: solid 1px;
		border-radius: 3px;
		background: #FFF;
		color: #888;
		position: absolute;
		top: 7px;
		right: 10px;
	}
	
	/*
		Column Picker Editor
	*/
	
	#clipboardTextArea {
		position: fixed;
		top: 100%;
		left: 100%;
	}
	
	.groupEditorColumn {
		height: 500px;
		width: 45%;
	}
	
	.column-left {
		float: left;
	}
	
	.column-right {
		float: right;
	}
	
	.icon-play {
		position: absolute;
		top: 40%;
		left: 47.3%;
		border: solid 1px #DDD;
		border-radius: 2px;
		padding: 10px 18px;
	}
	
	.icon-play:hover {
		color:white;
		background:#888;
		cursor:pointer;
	}
	
	.assign-right {
	
	}
	
	.assign-left {
		top: 48%;
	}
	
	.code-searchbox {
		margin-bottom: 5px;
		line-height: 36px;
	}
	
	.code-searchbox>input {
		width: 320px;
		float: right;
	}
	
	#groupEditor {
		width: 900px;
			height: 545px;
	}
	
	#availableList {
		border: solid 1px #DDD;
		height: 90%;
		overflow:auto;
	}
	
	#availableList:before{
		content:"Available";
		display:block;
		padding:5px;
		background: #20182C;
		color:white;
		text-align:center;
	}
	
	#availableList li {
		list-style-type: none;
	}
	
	#appliedList {
	  border: solid 1px #DDD;
		height: 500px;
		overflow:auto;
	}
	
	#appliedList:before {
		content:"Applied";
		display:block;
		padding:5px;
		background: #20182C;
		color:white;
		text-align:center;
	}
	
	span.itemName {
		margin-left: 10px;
	}
	
	a.k-button.k-grid-refresh {
		float: right;
		font-size: 12pt;
	}
	
	a.k-button.k-grid-customer,
	a.k-button.k-grid-clear {
		padding: 9px;
	}
	
	.platDetails>div:nth-child(even) {
		background-color: #DDD;
	}
	
	.platDetails>div {
		padding: 5px;
	}
	
	.platDetail>span {
		width: 100px;
		float: left;
		line-height: 30px;
		font-weight: bold;
	}
	
	.platDetail>input {
		padding: 5px 0px;
		border-radius: 2px;
		border: solid 1px #BBB;
		width: 400px;
	}
	
	
	/* Loading indicator */
	
	.holoLoaderContainer {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: rgba(0,0,0,0.5);
		z-index:1;
	}
	
	.loading {
		position: relative;
		width: 96px;
		height: 96px;
		left: calc(50% - 48px);
		top: calc(50% - 48px);
	}
	
	.loading > div {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	
		animation-duration: 5s;
		-webkit-animation-duration: 5s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
	}
	
	.outer {
		background: url(/images/outer_holo_loader.png);
		animation-name: rotate-outer;
		-webkit-animation-name: rotate-outer;
	}
	
	.inner {
		background: url(/images/inner_holo_loader.png);
		animation-name: rotate-inner;
		-webkit-animation-name: rotate-inner;
	}
	
	.copyToClipboardButton {
		position: absolute;
		display: none;
		top: 0px;
		left: 0px;
		padding: 5px;
		height: 20px;
	  width: 20px;
	  border: solid 1px;
	  cursor: pointer;
	}
	
	.test-instance-banner {
		background-color: #ffbc00;
		padding: 2px;
		color: #fff;
		width: 25%;
		text-shadow: #7d7d7d 1px 1px 1px;
		box-shadow: #7d7d7d 1px 1px 1px;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	@keyframes rotate-outer {
		0% {
			transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}
		100% {
			transform: rotate(1080deg);
			-moz-transform: rotate(1080deg);
			-webkit-transform: rotate(1080deg);
		}
	}
	
	@keyframes rotate-inner {
		0% {
			transform: rotate(720deg);
			-moz-transform: rotate(720deg);
			-webkit-transform: rotate(720deg);
		}
		100% {
			transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
		}
	}
	
	@-webkit-keyframes rotate-outer {
		0% {
			-webkit-transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(1080deg);
		}
	}
	
	@-webkit-keyframes rotate-inner {
		0% {
			-webkit-transform: rotate(720deg);
		}
		100% {
			-webkit-transform: rotate(0deg);
		}
	}
	
	.notifierContainer {
		position: fixed;
		right: 5px;
		bottom: 5px;
		width: 30%;
		z-index:10;
	}
	
	.notifier.notification {
		position: absolute;
		bottom: 0px;
		right: 0px;
		padding: 15px 30px;
		min-width: 200px;
		opacity: 100;
		background: #555;
		color: #FFF;
		border: solid 1px #333;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
		transition: bottom 0.4s, opacity 1s, right 1s;
	}
	
	.notifier.hidden {
		opacity: 0;
		right: -100%;
	}
	
	.notifier.notification.success {
		color:#FFF;
		background: #27AE60;
	}
	
	.notifier.notification.failure {
		color:#FFF;
		background: #ac0000;
	}
	
	.notifier.notification.warning {
		color:#FFF;
		background: #FFA500;
	}
	
	.contextMenuItemsContainer>* {
		padding: 5px;
		min-width: 150px;
		border-left: solid 2px #403059;
		font-size: 10pt;
	}
	
	.contextMenuItemsContainer {
		border: solid 1px #BBB;
		text-align: left;
	}
	
	.contextMenuItemsContainer i {
		display: inline-block;
		padding-right: 8px;
		width: 16px;
		text-align: center;
	}
	
	.userPreferences{
		font-size: 10pt;
		width: 500px;
		max-height: 600px;
	}
	
	#mainGridPreferences tbody>tr {
		cursor: move;
	}
	
	/*-------------------- START Server QC --------------------- */
	.serverQCDialog {
		width: 800px;
		position: relative;
		min-height: 400px;
		max-height: 600px;
	}
	
	.serverQCDialog .k-loading-mask{
		display:none;
	}
	
	.qcCheck {
		overflow: auto;
		padding: 5px 10px;
	}
	
	.qcCheck:nth-child(even) {
		background:#DDD;
	}
	
	.qcError{
		color:red;
	}
	
	.qcPass {
		color:green;
	}
	
	.qcProgress {
		float: left;
		width: 20px;
		text-align: center;
		padding-top: 10px;
	}
	
	.qcName {
		float: left;
		padding: 0px 10px;
		padding-top: 10px;
		width: 200px;
	}
	
	.qcResult {
		float: left;
		padding: 0px 10px;
		padding-top: 10px;
		width: 430px;
	}
	
	.qcButton {
		float: right;      padding: 5px 5px;
	}
	
	.qcButton button {
		padding: 0px 10px;
	}
	.qcCheckContainer table {
		overflow-y: scroll;
	}
	
	.qcCheckContainer table p {
		height: auto;
		border: none;
	}
	
	.qcCheckContainer table td {
		border: solid 1px #CCC;
	}
	
	.qcCheckContainer table tr:nth-child(even) {
		background-color:#DDD;
	}
	
	.qcCheckContainer table {
		border-collapse: collapse;
		width:98%;
	}
	
	.qcCheckContainer table td:first-child {
		width: 25px;
		text-align:center
	}
	
	.qcCheckContainer table td:first-child.success {
		background-color: green;
		color: white;
	}
	
	.qcCheckContainer table td:first-child.failure {
		background-color: #B30000;
		color: white;
	}
	
	.qcCheckContainer table td:nth-child(3),
	.qcCheckContainer table td:nth-child(4) {
		text-align: center;
	}
	
	.qcCheckContainer table td.qcCheckOverride {
		font-size: 10pt;
		width: 125px;
		cursor: pointer;
	}
	
	.qcCheckContainer table td.qcCheckOverride:hover {
		background-color: #555;
		color: #FFF;
	}
	
	.qcCheckContainer table td.overridden {
		color: #949494;
		text-decoration: line-through;
	}
	
	.qcCheckContainer table td.qcOverridden {
		font-size: 10pt;
		color: #949494;
	}
	/*-------------------- END	 Server QC --------------------- */
	
	/* ---------- Context Menu Items ------------ */
	.context-menu-item {
		display: inline-block;
		width: 100px;
		line-height: 25px;
	}
	
	.context-toolbar{
		font-size: 13pt;
	  display: block;
	  min-height: 34px;
		background: #BBB;
		border: solid 1px #BBB;
		position: relative;
	  width: calc(100% - 137px);
	}
	
	.context-toolbar.apg-context-menu{
		position:absolute;
		top:0px;
		left: 100%;
		width:auto;
	}
	
	.context-toolbar li{
		display:inline-block;
		float:left;
		padding:5px 10px;
		padding-right:20px;
		position:relative;
		background:#f1f1f1;
		cursor:pointer;
		border-left:solid 2px #BBB;
	}
	
	.context-toolbar.apg-context-menu li {
		border-width: 5px;
		border-left-color: #403059;
	}
	
	.context-toolbar li:hover{
		background:#CCC;
	}
	
	.context-toolbar.apg-context-menu li{
		display:block;
		clear:both;
		min-width:130px;
	}
	
	.context-toolbar ul{
		display:none;
		float:left;
		position:absolute;
		top: 0px;
		left: 100%;
		z-index: 1;
		border:solid 1px #CCC;
	}
	
	.context-toolbar>li>ul{
		top:100%;
		left:0px;
	}
	
	.context-toolbar.apg-context-menu>li>ul {
		top: 0px;
		left: 100%;
	}
	
	.context-toolbar li:hover>ul{
		display:block;
	}
	
	.context-toolbar ul>li{
		display:block;
		clear:both;
		min-width:130px;
	}
	
	.context-toolbar i{
		position:absolute;
		top: 8px;
		right:8px;
	}
	
	i.icon-circle.on {
		color: #00DB00;
	  text-shadow: 0px 0px 10px #0F0;
	  font-size: 8pt;
	}
	i.icon-circle.off{
		color: #f00;
	  text-shadow: 0px 0px 10px #f00;
	  font-size: 8pt;
	}
	
	.multi-entity-listview,
	.multi-customer-listview,
	.multi-county-listview,
	.multi-state-listview,
	.multi-user-listview {
		min-height: 100px;
		max-height: 460px;
		margin-top: 17px;
		overflow-y: auto;
	}
	
	.multi-entity-item,
	.multi-customer-item,
	.multi-user-item {
		list-style-type: none;
		padding: 5px;
	}
	
	.multi-entities-grid {
		height: 500px;
	}
	.multi-counties-grid {
		height: 500px;
	}
	.multi-customers-grid {
		height: 500px;
	}
	.multi-users-grid {
		height: 550px;
	}
	
	.edit-item>div>span:first-child {
		display: block;
		float: left;
		width: 200px;
		padding-left: 5px;
		padding-top: 3px;
	}
	
	.edit-item>div{
		overflow:auto;
	}
	.edit-item>div:nth-child(even) {
		background:#DDD;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	.edit-item select {
		min-width: 131px;
		padding: 2px 2px;
	}
	
	.password-validation {
		font-size: inherit;
	}
	
	.error {
		color: red;
	}
	
	/*
		24 COLUMN - RESPONSIVE GRID SYSTEM
		DEVELOPED BY DENIS LEBLANC
		URL - http://responsive.gs
		LICENSED UNDER GPL & MIT
	*/
	
	/* MAIN CONTAINER */
	.container						{ margin: 0 auto; }
	
	/* SELF CLEARING FLOATS - CLEARFIX METHOD
	----------------------------------------------------------------------------------------------------*/
	.row:after,
	.clr:after,
	.group:after	 				{ content: "";
									  display: block;
									  height: 0;
									  clear: both;
										visibility: hidden; }
	
	/* DEFAULT ROW STYLES */
	.row							{ float: left; width: 100%; position: relative; margin-top: 5px; margin-bottom: 5px; } /* set according to preference*/
	
	/* DEFAULT COLUMN STYLES */
	.col 							{ display: block;
									  float:left;
									  margin-left: 8px;
									  position:relative;
									}
	
	/* RESET MARGINS */
	.col:first-child 				{ margin-left: 0; } /* all browsers except IE6 and lower */
	
	/* COLUMN WIDTHS*/
	.span_1 						{ width: 2.25%; }
	.span_2 						{ width: 6.5%; }
	.span_3 						{ width: 10.75%; }
	.span_4 						{ width: 15.0%; }
	.span_5 						{ width: 19.25%; }
	.span_6 						{ width: 23.5%; }
	.span_7 						{ width: 27.75%; }
	.span_8 						{ width: 32.0%; }
	.span_9 						{ width: 36.25%; }
	.span_10 						{ width: 40.5%; }
	.span_11 						{ width: 44.75%; }
	.span_12 						{ width: 49.0%; }
	.span_13 						{ width: 53.25%; }
	.span_14 						{ width: 57.5%; }
	.span_15 						{ width: 61.75%; }
	.span_16 						{ width: 66.0%; }
	.span_17 						{ width: 70.25%; }
	.span_18 						{ width: 74.5%; }
	.span_19 						{ width: 78.75%; }
	.span_20 						{ width: 83.0%; }
	.span_21 						{ width: 87.25%; }
	.span_22 						{ width: 91.5%; }
	.span_23 						{ width: 95.75%; }
	.span_24 						{ width: 100%; }
	
	
	/** -------- Media Queries ------ **/
	/* SMARTPHONES - PORTRAIT & LANDSCAPE */
	@media
	only screen and (min-device-width: 320px) and (max-device-width: 480px),
	only screen and (min-width: 320px) and (max-width: 480px) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
	
		.window {
			position: relative;
			width: 100%;
			top: auto;
			left: auto;
			margin: 0;
		}
	
		.col {
			width: 99%;
		}
	
		/* INSERT YOUR STYLES */
	}
	
	/* SMARTPHONES - LANDSCAPE */
	@media
	only screen and (max-width: 480px) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
	
		.window {
			position: relative;
			width: 100%;
			top: auto;
			left: auto;
			margin: 0;
		}
	
		.col {
			width: 99%;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	/* SMARTPHONES - PORTRAIT */
	@media
	only screen and (max-width: 320px) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
	
		.window {
			position: relative;
			width: 100%;
			top: auto;
			left: auto;
			margin: 0;
		}
	
		.col {
			width: 99%;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	/* IPADS - PORTRAIT & LANDSCAPE */
	@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px),
	only screen and (min-width: 768px) and (max-width: 1024px) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	/* IPADS - LANDSCAPE */
	@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	/* IPADS - PORTRAIT */
	@media
	only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
		.container						{ width: 95%; } /* edit how you see fit */
		.page {
			width: 100%;
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	
	/* DESKTOPS & LAPTOPS */
	/*
	@media
	only screen and (min-width: 1024px) {
	
		.container						{ max-width: 1000px; }
		.page {
			width: 80%;
			margin: 0px auto;
		}
		/* INSERT YOUR STYLES
	
	}
	*/
	@media
	only screen and (min-width: 1224px) {
	
		.container						{ max-width: 1200px; }
		.page {
			width: 80%;
			margin: 0px auto;
		}
		/* INSERT YOUR STYLES */
	
	}
	
	/* LARGE SCREENS */
	@media
	only screen and (min-width : 1824px) {
	
		.container						{ max-width: 1800px; }
		.page {
			width: 80%;
			margin: 0px auto;
		}
		/* INSERT YOUR STYLES */
	
	}