*       { margin: 0; padding: 0; }
html    { background-color: #AFAE69;/*#78855b;*/ height:100%; }
body    { 
	font-size: .80em; 
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; height:100%; }
a:link, a:visited, a:active, a:hover 
		{ color: #333; outline: none; padding-left: 2px; padding-right: 2px; text-decoration: underline; }
a:hover { background-color: #c7d1d6; }
	.largelink {
		font-size:1.32em;
		padding-top:4px;
		padding-bottom:4px;
		display:inline-block;
	}
.stopwatch{
	text-align: right;
	display: block;
}
.thinline
		{ border-color:black; border-width:thin; border-style:solid; }
header, footer, hgroup nav, section { display: block; }
#noresult
		{ color: #000; margin: 25px; text-decoration: underline; }
hr      { background-color:#78855b; border: none; height:3px; margin-bottom:10px; }
.float-left  { float: left; }
.float-right { float: right; }
.dialoginput { color: #333; margin: 2px 0px 3px 5px; padding: 2px; width: 150px; }
.highlight   { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; }
.clear-fix:after 
		{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
h1, h2, h3, h4, h5, h6 
		{ color: #000; margin-bottom: 0; padding-bottom: 0; }
h1      { font-size: 1.75em;  }
h2      { font-size: 1.5em; }
h3      { font-size: 1.2em; }
/* main layout  ----------------------------------------------------------*/
#wrapper { margin: 0 auto; /*margin-top:4px;*/ min-height:100%; 
		   padding: 0px 10px 0px 10px; 
		   background-color:white; border-left: thin solid black; border-right: thin solid black; border-top-left-radius:10px; border-bottom-right-radius:10px; box-shadow: 3px 3px 3px black;  
			width: 95%; 
}
.content-wrapper { margin-bottom:15px; margin-top:0px; }
#body   { clear: both; }
/*.main-content {}*/
footer  { clear: both; font-size: .8em; }
.note   { font-size: .7em; }
.textcenter { text-align:center; }
.textright  { text-align:right; }
.textleft   { text-align:left; }
/* login   ----------------------------------------------------------*/
#login      { display: block; margin-top: 5px; text-align: right; }
#login a    { background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; }
#login a.username { background: none; margin-left: 0px; text-decoration: underline; }
#login li   { display: inline; list-style: none; }
/* menu   ----------------------------------------------------------*/
.menu       { float:left; margin:10px 25px 10px 10px; }
.menu ul    { font-weight:bold; list-style-type: none; }
.menu ul li a { font-weight:normal; }
/* page elements  ----------------------------------------------------------*/
/* page titles */ 
hgroup.title    { margin-bottom: 10px; }
hgroup.title h2 { font-weight: normal; }
.label      { font-weight: 700; }
/* login page */ 
#loginForm  { border-right: solid 2px #c8c8c8; float: left; width: 45%; }
#loginForm .validation-error { display: block; margin-left: 15px; }
/* forms */
fieldset        { border: none; margin: 0; padding: 0; }
fieldset legend { display: none; }
fieldset ol     { padding: 0; list-style: none; }
fieldset ol li  { padding-bottom: 5px; }

.leftdiv        { float:left; width:150px; margin:5px; }
.rightdiv       { float: right; width 150px; margin 5px; }
.leftdiv label, .rightdiv label  { width:145px; margin: 2px; }
.leftdiv select, .rightdiv select { margin:2px; padding: 2px; width:130px; }
.leftdiv input[type="text"], .rightdiv input[type="text"]
.leftdiv input[type="number"], .rightdiv input[type="number"]
.leftdiv input[type="password"], .rightdiv input[type="password"]
				{ margin: 2px; padding: 2px; width: 130px; }
.leftdiv input[type="submit"], .rightdiv input[type="submit"]
.leftdiv input[type="button"], .rightdiv input[type="button"]
				{ margin: 25px 0 0 8px; padding: 2px; width: 130px; }

.seasonheader { width:100px; margin: 0px; }

.deadlinefield   { width:65px; margin: 0px; padding: 1px; }

.digits15        { width:200px; margin: 0px; }
.digits15 label  { width:200px; margin: 0px; }
.digits15 input[type="text"]

.digits5        { width:70px; margin:5px; }
.digits5 label  { width:120px; margin: 2px; }
.digits5 input[type="text"] 
				{ margin: 2px; padding: 2px; width: 50px; }


.digits2        { width:20px; margin:1px; padding:1px; text-align:right}
.digits2 label  { width:50px; margin: 1px; }
.digits2 input[type="text"] 
				{ margin: 1px; padding: 1px; width: 15px; }
.digits4        { width:40px; margin:2px; padding:2px; text-align:right;}
.digits4 label  { width:70px; margin: 2px; }
.digits4 input[type="text"] 
				{ margin: 2px; padding: 2px; width: 30px;  }

.readonly       { background-color:#fffea9; border: 1px solid #e2e2e2;}
.inputonly      { border:none; background:none;}

.editor-field   { margin:5px; }
fieldset label  { display: block; font-weight: 600; width:300px; margin-left:10px; text-align:left; float:left; }
fieldset label.checkbox 
				{ display: inline; }
fieldset input[type="checkbox"] 
				{ color: #333; margin: 2px 0 3px 0; padding: 2px; }
fieldset input[type="text"], 
fieldset input[type="number"], 
fieldset input[type="password"] 
				{ color: #333; margin: 2px 0 3px 0; padding: 2px; width: 140px; }
input[type="submit"], input[type="button"] 
				{ background-color: #d3dce0; border: solid 1px #787878; cursor: pointer; font-weight: 600; padding: 7px; margin-left:150px; }
fieldset textarea
				{ color: #333; margin: 2px 0 3px 0; padding: 2px; width:140px; Height:100px; }
fieldset select { color: #333; margin: 2px 0 3px 0; padding: 2px; width:150px; }
/* ajax login/registration dialog */
/*.modal-popup { font-size: 0.7em; }*/

.modal-popup input[type="text"], 
.modal-popup input[type="password"] 
				{ width: 90%; }
/* info and errors */  
.message-info   { border: solid 1px; clear: both; padding: 10px 20px; }
.message-error  { clear: both; color: #e80c4d; font-weight: bold; margin: 20px 0 10px 0; }
.message-success 
				{ color: #7ac0da; font-weight: bold; margin: 20px 0 10px 0; }
.success        { color: #78855b; }
.error          { color: #e80c4d; }

/* styles for validation helpers */
.field-validation-error { color: #e80c4d; font-weight: bold; }
.field-validation-valid { display: none; }

input[type="text"].input-validation-error,
input[type="password"].input-validation-error { border: solid 1px #e80c4d; }

.validation-summary-errors { color: #e80c4d; font-weight: bold;  }
.validation-summary-valid { display: none; }

/* data-tables */
.datagrid       { width:100%; border-collapse: collapse; }
.datagrid td    { /*min-width: 60px;*/ padding: 2px; }
.datagridHeader { background-color:#AFAE69;/*#7e9651;*/ font-weight:900; color:#000; }
.datagridHeader th, .datagridHeader td
				{ border:1px solid #DFDE89;/*#C0C0C0;*/ padding: 2px; font-weight:700;}
.datagridDestinationRow { background-color: #c6bebe; /*#7e9651;*/ color:#000; border-top: 3px solid #000000; }
.datagridCustomerRow { background-color: #8a94a0; /*#7e9651;*/ color:#000; border-top: 1px solid #000000; }
.datagridCustomerSumRow { background-color: #aaa4a0; /*#7e9651;*/ color:#000; border-top: 1px solid #000000; border-bottom: 1px solid #000; font-weight:900; }
#PlanningWrapper { overflow-x: scroll; }
.datagridAltRow { background-color:#FFFEA9; /*#7e9651;*/ color:#000; }
.selectedRow    { background-color:#DFDE89;/*#547e27;*/ color:#000; }
.datagridNavigation
				{ text-align:center; }
.datagridNavigation a
				{ text-decoration:none; }
.rightdiv       { float: right; /*margin-left:0px; margin-right:0px; margin-bottom:14px; margin-top:14px; width: 850px;*/ }
#simplebtn      { margin:5px; }
.ShowHideButton { padding: 0px !important; margin: 0px !important; }

.reporttable
{
	margin-top:0px;
	padding-top:0px;
}
.reporttable td
{
	padding-right: 2px;
}
.space
{
	width:10px;
	min-width:10px;
}

.reporttable td input { margin: 1px; padding: 1px; width: 125px; }
.reporttable td input[type="checkbox"] { margin: 1px; padding: 1px; width: 25px;  }
.reporttable td input[type="radio"] { margin: 1px; padding: 1px; width: 25px; }

.reporttable td select { margin: 1px; padding: 1px; width: 100px; }



/*TREEVIEW (LIST)*/
  ul.LinkedList { display: block; }
  ul.LinkedList ul { display: none; } 
  .HandCursorStyle { cursor: pointer; cursor: hand; }  /* For IE */
  
  
@media only screen and (max-device-width: 1400px) 
{
	/*#wrapper { width: 1270px; }*/
}

/********************
*   TABLET  *
********************/
@media only screen and (max-device-width: 1280px) 
{
	/*#wrapper { width: 1270px; }*/
	body    {  font-size: 1em; }
}

/********************
*   HD-CITRIX   *
********************/
@media only screen and (max-device-width: 1024px) 
{
	/*#wrapper { width: 975px; }*/
	body    {  font-size: 0.75em; }
}


cartographix{
	background-color: #e1e1e1;
	margin-bottom: 10px;
}

.Recalc {
    color:#222;
    font-weight:400;
    text-decoration:underline;
    cursor:pointer;
}