@import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
.boxsize, :root .status-bar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .boxsize *, :root .status-bar *, .boxsize *:before, :root .status-bar *:before, .boxsize *:after, :root .status-bar *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit; }

.clearfix:after, :root .status-bar:after, :root .status-bar .user-info .user-greeting:after, :root .status-bar .user-info .user-actions:after {
  content: "";
  display: table;
  clear: both; }

:root .button:hover:not(img), :root a.button:hover {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 80px 57px -60px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 80px 57px -60px rgba(255, 255, 255, 0.3); }

:root .button:not(img), :root a.button {
  display: inline-block;
  margin: 2px;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #B0CA7B;
  border-radius: 4px;
  background-color: #2899d1;
  background: -webkit-gradient(linear, left top, left bottom, from(#25a125), to(#B0CA7B));
  background: -webkit-linear-gradient(top, #25a125, #B0CA7B);
  background: -o-linear-gradient(top, #25a125, #B0CA7B);
  background: linear-gradient(180deg, #25a125, #B0CA7B);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 80px 57px -60px rgba(255, 255, 255, 0);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 80px 57px -60px rgba(255, 255, 255, 0);
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  transition: all 0.1s ease-out;
  cursor: pointer; }
  :root .button:not(img).uppercase, :root a.button.uppercase {
    text-transform: uppercase; }
  :root .button:not(img).small, :root .list-controls .row-actions .button:not(img), :root a.button.small, :root .list-controls .row-actions a.button {
    font-size: 10px;
    padding: 3px 8px; }
  :root .button:not(img).secondary, :root .list-controls .row-actions .button:not(img), :root a.button.secondary, :root .list-controls .row-actions a.button {
    border: 1px solid #ababab;
    color: #25a125;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(#e5e6e7), to(#f9f9f9));
    background: -webkit-linear-gradient(top, #f9f9f9, #e5e6e7, #f9f9f9);
    background: -o-linear-gradient(top, #f9f9f9, #e5e6e7, #f9f9f9);
    background: linear-gradient(to bottom, #f9f9f9, #e5e6e7, #f9f9f9); }

:root .status-bar {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 0.8rem;
  line-height: 1.1em;
  color: #0f1942; }
  :root .status-bar * {
    position: relative; }
  :root .status-bar .season-info {
    display: inline-block;
    float: left; }
    :root .status-bar .season-info .packing, :root .status-bar .season-info .crop {
      text-align: left;
      padding-left: 2.5em;
      margin-left: 0.5em;
      display: inline-block; }
      :root .status-bar .season-info .packing span, :root .status-bar .season-info .crop span {
        display: block; }
      :root .status-bar .season-info .packing .year, :root .status-bar .season-info .crop .year {
        font-weight: bold; }
    :root .status-bar .season-info .packing {
      background: url("../images/icons/box.png");
      background-size: auto 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
    :root .status-bar .season-info .crop {
      background: url("../images/icons/plant.png");
      background-size: auto 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
  :root .status-bar .user-info {
    display: inline-block;
    float: right; }
    :root .status-bar .user-info .user-greeting {
      display: block;
      margin-bottom: 3px;
      float: right; }
      :root .status-bar .user-info .user-greeting .greeting, :root .status-bar .user-info .user-greeting .user {
        display: inline-block;
        float: left;
        text-align: right; }
      :root .status-bar .user-info .user-greeting .user {
        font-weight: bold; }
    :root .status-bar .user-info .user-actions .profile, :root .status-bar .user-info .user-actions .logout {
      padding: 0.3em 0.4em 0.2em 1.8em;
      background: #75ac42;
      color: white;
      display: inline-block;
      width: auto;
      float: left;
      text-decoration: none;
      -webkit-box-shadow: inset 0 1px 0 rgba(176, 202, 123, 0.5);
      box-shadow: inset 0 1px 0 rgba(176, 202, 123, 0.5);
      -webkit-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
      text-transform: uppercase;
      font-size: 0.7rem; }
      :root .status-bar .user-info .user-actions .profile:hover, :root .status-bar .user-info .user-actions .logout:hover {
        background: #689a3b; }
      :root .status-bar .user-info .user-actions .profile:before, :root .status-bar .user-info .user-actions .logout:before {
        content: '';
        display: block;
        width: 1.1em;
        height: 1.1em;
        position: absolute;
        top: 50%;
        left: 0.3em;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0); }
      :root .status-bar .user-info .user-actions .profile:not(:last-child), :root .status-bar .user-info .user-actions .logout:not(:last-child) {
        border-right: 1px solid #689a3b; }
      :root .status-bar .user-info .user-actions .profile:first-child, :root .status-bar .user-info .user-actions .logout:first-child {
        border-radius: 4px 0 0 4px; }
      :root .status-bar .user-info .user-actions .profile:last-child, :root .status-bar .user-info .user-actions .logout:last-child {
        border-radius: 0 4px 4px 0; }
    :root .status-bar .user-info .user-actions .profile:before {
      background: url("../images/icons/user.png");
      background-size: 100% 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
    :root .status-bar .user-info .user-actions .logout:before {
      background: url("../images/icons/logout.png");
      background-size: 100% 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }


BODY, TABLE, TD, TH, TR {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
}
input, select, option{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8.5pt;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica;
}

p {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}
textarea{
	font-family: Verdana, Arial, Helvetica;
	font-size: 8.5pt;
}
b {
	font-weight: bold;
}

/*UTILITY BAR-------------------------------------*/
.utilitybaroutercontainer {
	border-bottom:1px #B0CA7B dashed
}
.utilitybarinnercontainer {
	width:98%;
	margin-bottom:5px
}
.utilitybarleft {
	width:49%;
	float:left;
	text-align:left
}
.utilitybarright {
	width:50%;
	float:left;
	text-align:right
}
#loggedinas { font-family:arial, helvetica; color:#333333; font-size:8pt; font-weight:normal;}
#loggedinas a:active { font-family:arial, helvetica; color:#E93505; font-size:8pt; font-weight:normal;}
#loggedinas a:link { font-family:arial, helvetica; color:#E93505; font-size:8pt; font-weight:normal;}
#loggedinas a:visited { font-family:arial, helvetica; color:#E93505; font-size:8pt; font-weight:normal;}
#loggedinas a:hover { font-family:arial, helvetica; color:#E93505; font-size:8pt; font-weight:normal;}

.activeseason { font-family:arial, helvetica; color:#ffffff; font-size:9pt; font-weight:normal;}
.realredtext { color: #D70000; }

#myprofile { font-family:arial, helvetica; color:#666666; font-size:8pt; font-weight:bold;}
#myprofile a:active { text-decoration:none;font-family:arial, helvetica; color:#666666; font-size:8pt; font-weight:bold;}
#myprofile a:link { text-decoration:none;font-family:arial, helvetica; color:#666666; font-size:8pt; font-weight:bold;}
#myprofile a:visited { text-decoration:none;font-family:arial, helvetica; color:#666666; font-size:8pt; font-weight:bold;}
#myprofile a:hover { text-decoration:none;font-family:arial, helvetica; color:#000000; font-size:8pt; font-weight:bold;}
/*--------------------------------------------------*/

/*mini PATH header----------------------------------*/

.pathtitlebold { font-family:tahoma, helvetica; color:#ffffff; font-size:12pt; font-weight:bold; }
.pathtitlenobold { font-family:tahoma, helvetica; color:#ffffff; font-size:11pt; font-weight:normal; }
.pathslogan { font-family:tahoma, helvetica; color:#ffffff; font-size:11pt; font-weight:normal;}
/*--------------------------------------------------*/


/*Left menu ----------------------------------*/
.menulabel {
	border-bottom: 1px #B0CA7B solid;
	height:30px;
	white-space:nowrap;
}

.menusublabel {
	width:150px;
	height:30px;
	white-space:nowrap;
	padding-left:10px;
	padding-right:10px;
}
/*--------------------------------------------------*/


.labelbody {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
}

.labelsm {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: normal;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.labelvariety {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
}
.infobox {
	background-color: #FFCC99;
	color: #000000;
	border: 1px #F1993B solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	padding: 5px;
}


.alertbox {
	background-color: #FFCC99;
	color: #000000;
	border: 1px #F1993B solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	width: 250px;
	padding: 5px;
}

.menubox {
	background-color: #B0CA7B;
	color: #000000;
	border: 1px solid #3A6429;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	width: 600px;
	padding: 5px;
	white-space: nowrap;
}

.shipbox {
	background-color: #B0CA7B;
	color: #000000;
	border: 1px solid #3A6429;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	width: 350px;
	padding: 5px;
	white-space: nowrap;
}

.leftborder {
	 border-right: 1px dashed #B0CA7B;
}

.hr {
	background-color: transparent;
	color: #FFFFFF;
	width: 90%;
	height: 1px;
	border-bottom: 1px #E6A12F solid;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.hr hr {
  display: none;
}

.hrmini {
	background-color: transparent;
	color: #FFFFFF;
	width: 500px;
	height: 1px;
	border-bottom: 1px #E6A12F solid;
	text-align: center;
	margin-left: 0;
}

div.hrmini hr{
  display: none;
}

img.button {
	border: thin white solid;
}

img.grbutton {
	border: thin #B0CA7B solid;
}

.bluetablehead {
	background-color: #061c4b;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px #006600 solid;
	height: 20px;
}

.bluetabledata {
	background-color: #FFFFFF;
	color: #061c4b;
	font-weight: normal;
	border-bottom: 1px #061c4b solid;
	height: 18px;
}
.litebluetabledata {
	background-color: #FFFFFF;
	color: #061c4b;
	font-weight: normal;
	border-bottom: 1px #839dd6 solid;
	height: 18px;
}

.outertable {
	border-top: 1px #B0CA7B solid;
	border-bottom: 1px #B0CA7B solid;
	border-left: 1px #B0CA7B solid;
	border-right: 1px #B0CA7B solid;

}

.greentable {
	border-top: 0px #B0CA7B solid;
	border-bottom: 0px #B0CA7B solid;
	border-left: 0px #B0CA7B solid;
}

.greentablehead {
	background-color: #25a125;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px #006600 solid;
	height: 20px;
}
.greentableheadgrouper { font-size:8pt;text-align:center;border-left:1px #B0CA7B solid;border-top:1px #B0CA7B solid;border-bottom:1px #006600 solid }
.greentableheadgrouperright { font-size:8pt;text-align:center;border-left:1px #B0CA7B solid;border-top:1px #B0CA7B solid;border-right:1px #B0CA7B solid;border-bottom:1px #006600 solid }

.neworangetablehead {
	background-color: #ee6501;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px #ee4a01 solid;
	height: 20px;
}
.ltorangetablehead {
	background-color: #f5af7c;
}


.ltgreentablehead {
	background-color: #B0CA7B;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px #006600 solid;
	height: 20px;
}

.orderrowred {
	background-color: #B0CA7B;
	color: #E64700;
	font-weight: normal;
	border-bottom: 1px #006600 solid;
	height: 20px;
}

.selrowgreen {
	background-color: #FFFF66;
	color: #006600;
	font-weight: normal;
	border-bottom: 1px #006600 solid;
	height: 30px;
}

.selrowred {
	background-color: #FFFF66;
	color: #E64700;
	font-weight: normal;
	border-bottom: 1px #006600 solid;
	height: 30px;
}

.orderrowgrn {
	background-color: #B0CA7B;
	color: #006600;
	font-weight: normal;
	border-bottom: 1px #006600 solid;
	height: 20px;
}

.tantablehead {
	background-color: #FFFF66;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px #F1993B solid;
	height: 20px;
}

.greentabledata {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
	height: 30px;
}
.greentabledatanoborder {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	height: 30px;
}

.greentabledataleftborder {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-left: 1px #B0CA7B solid;
	border-bottom: 1px #B0CA7B solid;
	font-size:8pt;
}
.greentabledatabotborder {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-bottom: 3px #006600 solid;
	height: 30px;
}


.unsolditem {
	background-color: #FFFFFF;
	color: blue;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
	height: 30px;
}

.unsolditemnoborder {
	background-color: #FFFFFF;
	color: blue;
	font-weight: normal;
	height: 30px;
}


.greetabledatagrn {
	background-color: #FFFFFF;
	color: #006600;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
	height: 30px;
}


.greetabledatanoborder {
	background-color: #FFFFFF;
	color: #006600;
	font-weight: normal;
	height: 30px;
}

.redtabledata {
	background-color: #FFFFFF;
	color: #F44103;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
	height: 30px;
}


.redtabledatanoborder {
	background-color: #FFFFFF;
	color: #F44103;
	font-weight: normal;
	height: 30px;
}

.redtabledatatan {
	background-color: #FFFF66;
	color: #F44103;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
	height: 30px;
}

.orangetable {
	border-top: 1px #25a125 solid;
}

.orangetablehead {
	background-color: #25a125;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px #006600 solid;
}

.orangetabledata {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
}

.orangetabledatal {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-left: 1px #B0CA7B solid;
	border-bottom: 1px #B0CA7B solid;
}

.orangetabledatar {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-right: 1px #B0CA7B solid;
	border-bottom: 1px #B0CA7B solid;
}

.formbacker {
	background-color: #F3D9CB;
	color: #000000;
}

.microtable {
	background-color: #FFFFFF;
	color: #333333;
	border-top: 1px #3A6429 solid;
	border-left: 1px #3A6429 solid;
}

.microtablecell{
	background-color: #FFFFFF;
	color: #333333;
	border-bottom: 1px #3A6429 solid;
	border-right: 1px #3A6429 solid;
}

.tableselect {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}

.tableselectlg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: normal;
}


.tabletextbox {
	width:250pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tablegrtextbox {
	width:350pt; font-family: Verdana; font-size: 8pt; color: #333333
}


.tabletextbox2 {
	width:250pt; font-family: Verdana; font-size: 12pt; color: #333333
}

.tabletrailtextbox {
	width:170pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tabletinytextbox{width:30pt; font-family: Verdana; font-size: 8pt; color: #333333}
.tabletinytextbox40{width:40pt; font-family: Verdana; font-size: 8pt; color: #333333}

.textboxitemnum{width:60pt; font-family: Verdana; font-size: 8pt; color: #333333}

.tablelbstextbox{width:28pt; font-family: Verdana; font-size: 8pt; color: #333333}

.tabletinytextbox2{width:30pt; font-family: Verdana; font-size: 12pt; color: #333333}

.tabletimebox {
	width:15pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tablecal {
	width:60pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tablecalpackaging 
{
	width:70pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tablecal2 {
	width:80pt; font-family: Verdana; font-size: 12pt; color: #333333
}

.tableminitextbox {
	width:100pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tabledatetimetextbox {
	width:97pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tableminitextbox2 {
	width:100pt; font-family: Verdana; font-size: 12pt; color: #333333
}

.tablemidtextbox {
	width:80pt; font-family: Verdana; font-size: 8pt; color: #333333
}

.tablenotsolongtextbox {width:280pt; font-family: Verdana; font-size: 8pt; color: #333333}

.tablelongtextbox {width:320pt; font-family: Verdana; font-size: 8pt; color: #333333}

.tableverylongtextbox {width:500pt; font-family: Verdana; font-size: 8pt; color: #333333}

.tableoptionbox{
	color: #333333; font-family: Verdana; font-size: 8pt
}



.submit {
  -webkit-box-shadow: 0px 6px 9px -3px #3e7327;
  box-shadow: 0px 6px 9px -3px #3e7327;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #417a22), to(#7ec25b));
  background: -webkit-linear-gradient(top, #417a22 5%, #7ec25b 100%);
  background: -o-linear-gradient(top, #417a22 5%, #7ec25b 100%);
  background: linear-gradient(to bottom, #417a22 5%, #7ec25b 100%);
  background-color: #417a22;
  margin-bottom: 12px;
  border-radius: 14px;
  border: 1px solid #6bad4b;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #5b8a3c; }
  .submit:visited, .submit:link {
    color: #fff; }

.submit:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #7ec25b), to(#417a22));
  background: -webkit-linear-gradient(top, #7ec25b 5%, #417a22 100%);
  background: -o-linear-gradient(top, #7ec25b 5%, #417a22 100%);
  background: linear-gradient(to bottom, #7ec25b 5%, #417a22 100%);
  background-color: #7ec25b; }

.submit:active {
  position: relative;
  top: 1px; }


.submit4{
	background-color: #25a125;
	color: #ffffff;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 80pt;
}

.submit5{
	background-color: #25a125;
	color: #ffffff;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 110pt;
	height: 24pt;
}

.submit2{
	background-color: #25a125;
	color: #ffffff;
	font-family: verdana, helvetica;
	font-size: 10pt;
	font-weight: bold;
	cursor: hand;
	width: 70pt;
	height: 24pt;
}

.submit3{
	background-color: #25a125;
	color: #ffffff;
	font-family: verdana, helvetica;
	font-size: 10pt;
	font-weight: bold;
	cursor: hand;
	width: 90pt;
	height: 24pt;
}

.submitorange{
	background-color: #A02900;
	color: #ffffff;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 70pt;
}

.homebtn {
background-color: #89a400;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding: 15px 5px;
text-align: center;
color: #fff;
font-size: 16px;
width: 393px;
float: left;
margin-top:30px;

}

.homebtn a {
	text-decoration: none !important;
}

.homebtn:hover {
background-color: #89a400;
opacity: 0.7;
color: #fff;
cursor:pointer;
}

.submitteeny{width:27pt; color:#ffffff; background-color:#25a125; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand; padding-right: 2px; padding-left: 2px;}

.submitteeny2{width:31pt; color:#ffffff; background-color:#25a125; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand;}

.submitmini{width:40pt; color:#ffffff; background-color:#25a125; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand; padding-right: 2px; padding-left: 2px;}

.submitmini2{width:50pt; color:#ffffff; background-color:#25a125; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand; padding-right: 2px; padding-left: 2px;}

.submitbluemini{width:40pt; color:#ffffff; background-color:#061c4b; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand; padding-right: 2px; padding-left: 2px;}

.submitorangemini{width:40pt; color:#ffffff; background-color:#A02900; font-family:verdana, helvetica; font-size:8pt; font-weight:bold; cursor:hand; padding-right: 2px; padding-left: 2px;}

a:link {
	color: #558038; 
}

a:visited {
	color: #000066; 
}

a:active {
	color: #000066;
}

a:hover {
    color: #990000;
    text-decoration: none;
}

div.frameshipa {
	height: 620px;
	overflow-y: scroll;
}

div.frameshipb {
	height: 410px;
	overflow-y: scroll;
}

div.frameshipc {
	height: 180px;
	overflow-y: scroll;
}

div.framelista {
	height: 380px;
	overflow-y: scroll;
}

div.framelistb {
	height: 200px;
	overflow-y: scroll;
}

div.framelistc {
	height: 270px;
	overflow-y: scroll;
}

div.framelistd {
	height: 200px;
	overflow-y: scroll;
}

div.frameliste {
	height: 70px;
	overflow-y: scroll;
}

div.framelista2 {
	height: 620px;
	overflow-y: scroll;
}

div.framelistb2 {
	height: 200px;
	overflow-y: scroll;
}

div.framelistc2 {
	height: 270px;
	overflow-y: scroll;
}

div.framelistd2 {
	height: 315px;
	overflow-y: scroll;
}

div.frameliste2 {
	height: 70px;
	overflow-y: scroll;
}


.h1 {font-family: Verdana, Helvetica;font-size:13pt;color: #E6680B;font-weight: bold;
}

.h2 {font-family: Verdana, Helvetica;font-size:16pt; color: #E6680B; font-weight:bold;}

.h3 {font-family: Verdana, Helvetica;font-size:12pt; color: #061c4b; font-weight:bold;}
.h3orange {font-family: Verdana, Helvetica;font-size:12pt; color: #ee6501; font-weight:bold;}
.h3nonbold {font-family: Verdana, Helvetica;font-size:12pt; color: #061c4b; font-weight:normal;}

.h3alert {font-family: Verdana, Helvetica; font-size:12pt; color: #F44103; font-weight:bold;}

.h4 {font-family: Verdana, Helvetica;font-size:10pt; color: #061c4b; font-weight:bold;}

.h5 {font-family: Verdana, Helvetica;font-size:11pt; color: #5B253C; font-weight:bold;}

.h6 {font-family: Verdana, Helvetica;font-size:10pt; color: #E6680B; font-weight:bold;}

.h7 {font-family: Verdana, Helvetica;font-size:11pt; color: #434343; font-weight:bold;}

.h8 {font-family: Verdana, Helvetica;font-size:10pt; color: #434343; font-weight:bold;}

.h9 {font-family: Verdana, Helvetica;font-size:12pt; color: #4E182F; font-weight:bold;}

.h10 {font-family: Verdana, Helvetica;font-size:11pt; color: #E6680B; font-weight:bold;}

.h11 {font-family: Verdana, Helvetica;font-size:8pt; color: #061c4b; font-weight:bold;}

.redtext {font-family: Verdana, Helvetica;font-size:8pt; color: #E64700; font-weight:normal;}

.greentext {font-family: Verdana, Helvetica;font-size:8pt; color: #25a125; font-weight:normal;}

.whitetext {font-family: Verdana, Helvetica;font-size:8pt; color: #ffffff; font-weight:normal;}

.greytext { font-family: Verdana, Helvetica;font-size:8pt; color: #999999; font-weight:normal;}

.orangetext {font-family: Verdana, Helvetica;font-size:8pt; color: #d54600; font-weight:normal;}

.small { font-family: Verdana, Helvetica;font-size:8pt; color: #000000; font-weight:normal;}

.smaller { font-family: Verdana, Helvetica;font-size:7.5pt; color: #434343; font-weight:normal;}
.smaller a:active { font-family: Verdana, Helvetica;text-decoration:underline; font-size:7.5pt; color: #434343; font-weight:normal;}
.smaller a:link { font-family: Verdana, Helvetica;text-decoration:underline; font-size:7.5pt; color: #434343; font-weight:normal;}
.smaller a:visited { font-family: Verdana, Helvetica;text-decoration:underline; font-size:7.5pt; color: #434343; font-weight:normal;}
.smaller a:hover { font-family: Verdana, Helvetica;text-decoration:none; font-size:7.5pt; color: #434343; font-weight:normal;}

.arialsmaller { font-family: Arial, Helvetica;font-size:7.5pt; color: #434343; font-weight:normal;}

.whitesmaller { font-family: Verdana, Helvetica;font-size:7.5pt; color: #ffffff; font-weight:normal;}

.greysmaller { font-family: Verdana, Helvetica;font-size:7.5pt; color: #999999; font-weight:normal;}

.redsmaller { font-family: Verdana, Helvetica;font-size:7.5pt; color: #E93505; font-weight:normal;}

.orangesmaller { font-family: Verdana, Helvetica;font-size:7.5pt; color: #EB8017; font-weight:normal;}

.whitetabletop { font-family:arial, helvetica; color:#ffffff; font-size:11pt; font-weight:bold;}

.recipetitle {font-family:arial; font-size:13pt; color: #ffffff; font-weight:bold;}

.homeheadingorange {font-family: Verdana, Helvetica;font-size:18pt; color: #F1993B; font-weight:bold;}

.homeheadingbrown {font-family: Verdana, Helvetica;font-size:18pt; color: #502702; font-weight:bold;}

.homeheadingpurple {font-family: Verdana, Helvetica;font-size:18pt; color: #571F37; font-weight:bold;}

.homeheadinggreen {font-family: Verdana, Helvetica;font-size:18pt; color: #3A6429; font-weight:bold;}

.homeheadingwhite {font-family: Verdana, Helvetica;font-size:18pt; color: #FFFFFF; font-weight:bold;}

.headingsection {font-family: Verdana, Helvetica;font-size:10pt; color: #09245b; font-weight:bold;}

.heading {font-family: Verdana, Helvetica;font-size:20pt; color: #ee8601; font-weight:bold;}

.linknounderline { font-family: Verdana, Helvetica;font-size:8pt; color:#434343; font-weight:bold;}
.linknounderline a:active { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#434343; font-weight:bold;}
.linknounderline a:link { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#434343; font-weight:bold;}
.linknounderline a:visited { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#434343; font-weight:bold;}
.linknounderline a:hover { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#434343; font-weight:bold;}

.whtlinknounderline { font-family: Verdana, Helvetica;font-size:8pt; color:#ffffff; font-weight:bold}
.whtlinknounderline a:active { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#ffffff; font-weight:bold}
.whtlinknounderline a:link { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#ffffff; font-weight:bold}
.whtlinknounderline a:visited { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#ffffff; font-weight:bold}
.whtlinknounderline a:hover { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#ffffff; font-weight:bold}

.headingtrail {font-family: Verdana, Helvetica;font-size:7.5pt; color: #DBAF72; font-weight:normal;}
.headingtrail a:active {font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color: #CFA060; font-weight:normal;}
.headingtrail a:link {font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color: #CFA060; font-weight:normal;}
.headingtrail a:visited {font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color: #CFA060; font-weight:normal;}
.headingtrail a:hover {font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:none; color: #DBAF72; font-weight:normal;}

.menu { font-family: Verdana, Helvetica;font-size:9pt; color:#333333; font-weight:normal;}
.menu a:active { font-family: Verdana, Helvetica;font-size:9pt;text-decoration:none; color:#333333; font-weight:normal;}
.menu a:link { font-family: Verdana, Helvetica;font-size:9pt;text-decoration:none; color:#333333; font-weight:normal;}
.menu a:visited { font-family: Verdana, Helvetica;font-size:9pt;text-decoration:none; color:#333333; font-weight:normal;}
.menu a:hover { font-family: Verdana, Helvetica;font-size:9pt;text-decoration:none; color:#EB8017; font-weight:normal;}

.submenu { font-family: Verdana, Helvetica;font-size:8pt; color:#464646; font-weight:normal;}
.submenu a:active { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.submenu a:link { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.submenu a:visited { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.submenu a:hover { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#EB8017; font-weight:normal;}

.footer {font-size: 7.5pt; color: #000000;}
.footer a:active    { text-decoration:underline; font-size: 7.5pt; color: #CC3300;}
.footer a:link     { text-decoration:underline; font-size: 7.5pt; color: #558038;}
.footer a:visited     { text-decoration:underline; font-size: 7.5pt; color: #558038;}
.footer a:hover     { text-decoration:none; font-size: 7.5pt; color: #CC3300;}

.copyright { font-family: Verdana, Helvetica;font-size:7.5pt; color:#ffffff; font-weight:normal;}
.copyright a:active { font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color:#ffffff; font-weight:normal;}
.copyright a:link { font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color:#ffffff; font-weight:normal;}
.copyright a:visited { font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:underline; color:#ffffff; font-weight:normal;}
.copyright a:hover { font-family: Verdana, Helvetica;font-size:7.5pt; text-decoration:none; color:#ffffff; font-weight:normal;}

#pic {
	position: relative;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0px none;
}

#pic a.p1, #pic a.p1:visited {
	display: block;
	left: 0;
	top: 0;
}

#pic a.p1:hover {

}

#pic a.p1:hover .large {
	display: block;
	height: 400px;
	left: 80px;
	position: absolute;
	top: -100px;
	width: 400px;
}



/* style for the drop down list */
option.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}
.textboxred { background-color: #cc0000; width:60pt; font-family: Verdana; font-size: 8pt; color: #ffffff }
.textboxwhite { background-color: #cc0000; font-weight: normal; font-size: 12px; color: #000000; }

.packingorder { font-family: Verdana, Helvetica;font-size:8pt; color:#464646; font-weight:normal;}
.packingorder a:active { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.packingorder a:link { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.packingorder a:visited { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#464646; font-weight:normal;}
.packingorder a:hover { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; color:#EB8017; font-weight:normal;}



/* Print styles */
.description {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: normal;
}

.comment {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}

.address {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}
.addressbw {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	color:#ffffff;
	background-color:#000000;
	font-weight: normal;
}


.text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.cpiqtext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.cpiqtextsm {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}

.cpiqtextlg {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10.5pt;
	font-weight: normal;
}


.h1print {
	background-color: #fff;
	color: #000;
	text-align: center;
	font-family: verdana;
	font-size: 16pt;
	font-weight: bold;
}

.h2print {
	background-color: black;
	color: white;
	text-align: center;
	font-family: verdana;
	font-size: 12pt;
	font-weight: bold;
}

.h3print {
	background-color: black;
	color: white;
	text-align: center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
}
.h4print {
	background-color: #fff;
	color: #000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	border-bottom:2px solid #000
}
.h5print {
	background-color: #fff;
	color: #000;
	text-align: center;
	font-family: verdana;
	font-size: 20pt;
	font-weight: bold;
}

.thickseparatorline {
	background-color: #fff;
	border-bottom:2px solid #000
}

.documentlargertext {
	font-family:Verdana;
	font-size:10pt;
}

.ordernumber {
	font-family: verdana;
	font-size: 12pt;
}
.orderdate {
	font-family: verdana;
	font-size: 10pt;
}
.labeltopinfolarger {
	font-family: verdana;
	font-size: 11pt;
}


.add {
	border: solid #000000 2px;
}

.infotable {
	border-top: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.columnright {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}
.columnrightsm {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}
.columnrightsmtopline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:1px solid #000;
}
.columnrightsmbotline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:1px solid #000;
}
.columnrightsmtopbotline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
.columnrightsmtopbotdoubleline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:3px #000 double;
	border-bottom:3px #000 double
}
.columnrightsmbotdoubleline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:3px #000 double
}

.columnrightsmtopdoubleline {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:3px #000 double
}


.columnleft {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}
.columnleftsm {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.columnleftsmtopline {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:1px solid #000;
}
.columnleftsmbotline {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:1px solid #000;
}
.columnleftsmtopbotline {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
.columnleftsmtopbotdoubleline {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:3px double #000;
	border-bottom:3px double #000;
}
.columnleftsmtopdoubleline {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
	border-top:3px double #000;
}


.columnrightmini {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.columnleftmini {
	border-bottom: solid #D3D3D3 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}


.underline {
	border-bottom: solid #000000 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.labeltext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}

.labellg {
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding-left: 0px;
	padding-right: 0px;
}

.labelhead {
	border-top: 1px #000000 solid;
}

.labellgsmall {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}


.labellargertype {
	font-family: Verdana, Arial, Helvetica;
	font-size: 23pt;
	font-weight: normal;
}

.labelmedtype {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18pt;
	font-weight: normal;
}

.labelmiddletext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 20pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}


.labelsmtext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 6pt;
	font-weight: normal;
}

.labellgtext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
	font-weight: normal;
}

.labellgtype {
	font-family: Verdana, Arial, Helvetica;
	font-size: 21pt;
	font-weight: normal;

}
.labellargertype {
	font-family: Verdana, Arial, Helvetica;
	font-size: 23pt;
	font-weight: normal;
}
.labellargesttype {
	font-family: Tahoma, Helvetica;
	font-size: 45pt;
	font-weight: normal;
}


.labelmediumtext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 22pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}
.labelsmallertext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
}


.labelcrtext {
	font-family: 'MS Sans Serif', Geneva, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

.marginal {
	padding: 6px;
}

.greentablehead a:link {
	color: #ffffff;
	text-decoration: underline;
}

.greentablehead a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.greentablehead a:active {
	color: #F18200;
	text-decoration: underline;
}

.greentablehead a:hover {
    color: #ffff00;
    text-decoration: none;
}

.pastorders{
	background-color: #25a125;
	color: #ffffff;
	border:1px #ee8601 ridge;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 100pt;
	height: 20pt;
}

.pastgrades{
	background-color: #25a125;
	color: #ffffff;
	border:1px #ee8601 ridge;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 140pt;
	height: 20pt;
}

.pastorderbox {
	border: 1px #25a125 solid;
	width: 100%;
	height: 100%;
}

.greencolumnright {
	border-right: solid #25a125 1px;
	border-bottom: solid #25a125 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.greencolumnleft {
	border-bottom: solid #25a125 1px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.pastordertable {
	border-top: solid #25a125 1px;
	border-right: solid #25a125 1px;
	border-left: solid #25a125 1px;

}

.greentableheadpastorder {
	background-color: #25a125;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px #006600 solid;
}

.greentablepastorder {
	background-color: #FFFFFF;
	color: #333333;
	font-weight: normal;
	border-bottom: 1px #B0CA7B solid;
}

.searchbox {
	background-color: #c9e19c;
	color: #000000;
	border: 1px solid #6f9e56;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	white-space: nowrap;
}

.showhide{
	background-color: #25a125;
	color: #ffffff;
	border:1px #ee8601 ridge;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 80pt;
	height: 15pt;
}

.showhidebl{
	background-color: #061c4b;
	color: #ffffff;
	border:1px #ee8601 ridge;
	font-family: verdana, helvetica;
	font-size: 8pt;
	font-weight: bold;
	cursor: hand;
	width: 80pt;
	height: 15pt;
}

.btntopmarg {
	margin-top: 5px;
}

.readonlytextinput {
	background-color:transparent; 
	padding-right:0px; 
	border:0px; 
	text-align:right;
	font-size: 8pt;
	font-family: verdana, helvetica;
	width: 35pt;
}

.truckbed {
	background-color: #ffffff;
	color: #000000;
	border: 2px #000000 solid;
	width: 250px;
}

.cpiq {
	background-color: #FFFFFF;
	color: #006600;
	font-weight: bold;
	border-bottom: 1px #B0CA7B dotted;
	height: 0px;

}

.cpiqselected {	
	background-color: #B0CA7B;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px #B0CA7B dotted;
	height: 22px;
	width: 125px;
}

.cpiq a:active {text-decoration: underline; background-color: #ffffff; color: #CC3300;}
.cpiq a:link {text-decoration: underline; background-color: #ffffff; color: #006600;}
.cpiq a:visited {text-decoration: underline; background-color: #ffffff; color: #006600;}
.cpiq a:hover {text-decoration: none; background-color: #ffffff; color: #CC3300;}

.cpiqselected a:active {text-decoration: underline; background-color: #B0CA7B; color: #CC3300;}
.cpiqselected a:link {text-decoration: underline; background-color: #B0CA7B; color: #00505F2;}
.cpiqselected a:visited {text-decoration: underline; background-color: #B0CA7B; color: #006600;}
.cpiqselected a:hover {text-decoration: none; background-color: #B0CA7B; color: #CC3300;}

.greytext {
	background-color: transparent ;
	color: silver;
}

.cpiqbutton {
	margin-bottom: -8px;
	padding: 0px;
	border: thin white solid;
}

.smallgreytext{	font-family: Arial, Helvetica;	font-size: 7pt;	font-weight: normal; color:#818181; }

.addressnarrow { font-family: Arial, Helvetica; font-size: 8pt; font-weight: normal; }

.textnarrow { font-family: Arial, Helvetica; font-size: 9pt; font-weight: normal; }

.ordernumbernarrow { font-family: arial,helvetica; font-size: 12pt; }

.columnrightnarrow {
	border-right: solid #D3D3D3 1px;
	border-bottom: solid #D3D3D3 1px;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.columnleftnarrow {
	border-bottom: solid #D3D3D3 1px;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: normal;
}

.truckposition {
	border-bottom: solid #D3D3D3 1px;
	font-family: Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
}

.reporttopbox {
	background-color: #B0CA7B;
	color: #000000;
	border: 1px solid #3A6429;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	padding:10px 30px 10px 30px;
	font-weight: normal;
}
.reportbutbox {
	background-color: #83a441;
	color: #000000;
	border-left: 1px solid #3A6429;
	border-right: 1px solid #3A6429;
	border-bottom: 1px solid #3A6429;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	padding:5px 5px 5px 5px;
	font-weight: normal;
	text-align:center;
}

.linkplain { font-family: Verdana, Helvetica;font-size:8pt; font-weight:normal;}
.linkplain a:active { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; font-weight:normal;}
.linkplain a:link { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; font-weight:normal;}
.linkplain a:visited { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; font-weight:normal;}
.linkplain a:hover { font-family: Verdana, Helvetica;font-size:8pt;text-decoration:none; font-weight:normal;}

.linkplainlg { font-family: Verdana, Helvetica;font-size:12pt; font-weight:normal;}
.linkplainlg a:active { font-family: Verdana, Helvetica;font-size:12pt;text-decoration:none; font-weight:normal;}
.linkplainlg a:link { font-family: Verdana, Helvetica;font-size:12pt;text-decoration:none; font-weight:normal;}
.linkplainlg a:visited { font-family: Verdana, Helvetica;font-size:12pt;text-decoration:none; font-weight:normal;}
.linkplainlg a:hover { font-family: Verdana, Helvetica;font-size:12pt;text-decoration:none; font-weight:normal;}

.ltgreentblcell { background-color:#c9e19c;border-top:1px #B0CA7B solid }
.greenbordertblcell { border-top:1px #B0CA7B solid }


.ltorangetblcell { background-color:#fbc69f;border-top:1px #f4ab77 solid }
.orangebordertblcell { border-top:1px #f4ab77 solid }

.orangebox {  background-color:#fbc69f; border:solid #d8591b 1px; height: 28px; }

.litegreenbox {  padding-top:2px;padding-bottom:2px;background-color:#ebf0e1;text-align:center;border:1px #9ebc66 solid;}

.tinytext { font-size:7.5pt;color:#B0CA7B  }

.realredtext { color:#d70000 }

.yellowrow { background-color:#fbf0c5;border-left:1px #B0CA7B solid }
.yellowrowleft { background-color:#fbf0c5 }

.greentblcell { background-color: #c9e19c; border-bottom: 1px #B0CA7B solid; }
.greentblcellleft { background-color: #c9e19c; border-bottom: 1px #B0CA7B solid; border-left:1px #B0CA7B solid }
.greentblcellright { background-color: #c9e19c; border-bottom: 1px #B0CA7B solid; border-right:1px #B0CA7B solid }

.mouseovertblhead { background-color: #c9e19c; border-bottom: 1px #B0CA7B solid;border-top: 1px #B0CA7B solid;border-right: 1px #B0CA7B solid;padding: 2px 4px 2px 4px }
.mouseovertblheadright { background-color: #c9e19c; border-bottom: 1px #B0CA7B solid;border-top: 1px #B0CA7B solid;padding: 2px 4px 2px 4px }
.mouseovertbl { font-size:7.5pt;background-color: #ddecc1; border-bottom: 1px #B0CA7B solid;border-right: 1px #B0CA7B solid;padding: 2px 4px 2px 4px }
.mouseovertblright { font-size:7.5pt;background-color: #ddecc1; border-bottom: 1px #B0CA7B solid;padding: 2px 4px 2px 4px }
.mouseovertblrightnounderline { font-size:7.5pt;background-color: #ddecc1; padding: 2px 4px 2px 4px }
.mouseovertitle { font-family: Verdana, Helvetica;font-size:9pt; color: #E6680B; font-weight:bold; padding: 2px 4px 2px 4px}
.mouseovertitleunderline { font-family: Verdana, Helvetica;font-size:9pt; color: #E6680B; font-weight:bold;border-bottom: 1px #B0CA7B solid;padding: 2px 4px 2px 4px }


/*nov 2014 new styles*/

.checksbutton:hover {
 box-shadow: 
        inset 0 1px 0 0 rgba(255,255,255,0.6),
        inset 0 80px 57px -60px rgba(255,255,255,0.3);
}

.checksbutton {
-webkit-appearance: none;
display: inline-block;
margin: 2px;
font-size: 14px;
padding: 5px 10px;
border: 1px solid #A5A4A4;
border-radius: 4px;
font-family: 'Droid Sans', sans-serif;
background-color: #ccc;
background-image: linear-gradient(180deg, #ccc, #BEBABA);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4),
 inset 0 80px 57px -60px rgba(255,255,255,0);
transition: box-shadow 150ms ease-in-out,
 undefined undefined undefined,
 undefined undefined undefined;
color: #558038;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

.helpnote {
	display: inline-block;
	cursor: help;
	overflow: hidden;
	border-radius: 100px;
}

//*---------------------------------- BUTTON STYLES *//

.button:hover:not(img), a.button:hover {
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 80px 57px -60px rgba(255, 255, 255, 0.3);
	&.small {

	}
	&.secondary {

	}
}
.button:not(img), a.button {
	display: inline-block;
	margin: 2px;
	font-size: 14px;
	padding:5px 10px;
	border: 1px solid #B0CA7B;
	border-radius: 4px;
	background-color: #2899d1;
	background: linear-gradient(180deg, #25a125, #B0CA7B);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 80px 57px -60px rgba(255, 255, 255, 0);
	transition: all 0.1s ease-out;
	color: white;
	text-decoration:none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	transition:all 0.1s ease-out;
	cursor:pointer;
	&.uppercase {
			text-transform: uppercase;
	}
	&.small {
			font-size:10px;
			padding:3px 8px;
	}
	&.secondary {
			border: 1px solid #ababab;
			color: #25a125;
			background: linear-gradient(to bottom, #f9f9f9, #e5e6e7, #f9f9f9);
	}
}

.quickfindbox {
	clear: both;
	background-color: #c9e19c;
	color: #000000;
	border: 1px solid #6f9e56;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	font-weight: normal;
	white-space: nowrap;
	display: inline-block;
	width: 325px;
	height: 33px;
}
.quickfindboxinner {
	padding: 5px 10px 5px 10px;
}
.quickfindboxinner .submit {
	margin-bottom: 0;
}

.input-md {
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 8.5pt;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid #ccc;
  color: #555; }
  .input-md.max-500 {
    max-width: 500px; }
  .input-md.duration-input {
    width: 30px; }


.add-row {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, transparent 25px);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15) 0, transparent 25px);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0, transparent 25px); }

 .add-row td {
  background-color: unset; }


.greenbutton:hover,
a.greenbutton:hover {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 80px 57px -60px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 80px 57px -60px rgba(255, 255, 255, 0.3); }

.greenbutton,
a.greenbutton {
  -webkit-appearance: none;
  display: inline-block;
  margin: 2px;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #B0CA7B;
  border-radius: 4px;
  font-family: 'Droid Sans', sans-serif;
  background-color: #2899d1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#25a125), to(#B0CA7B));
  background-image: -webkit-linear-gradient(top, #25a125, #B0CA7B);
  background-image: -o-linear-gradient(top, #25a125, #B0CA7B);
  background-image: linear-gradient(180deg, #25a125, #B0CA7B);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 80px 57px -60px rgba(255, 255, 255, 0);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 80px 57px -60px rgba(255, 255, 255, 0);
  -webkit-transition: undefined undefined undefined, undefined undefined undefined, -webkit-box-shadow 150ms ease-in-out;
  transition: undefined undefined undefined, undefined undefined undefined, -webkit-box-shadow 150ms ease-in-out;
  -o-transition: box-shadow 150ms ease-in-out, undefined undefined undefined, undefined undefined undefined;
  transition: box-shadow 150ms ease-in-out, undefined undefined undefined, undefined undefined undefined;
  transition: box-shadow 150ms ease-in-out, undefined undefined undefined, undefined undefined undefined, -webkit-box-shadow 150ms ease-in-out;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

  
.chosen-container{
	font-size: 8.5pt!important;
}
.chosen-container-single {
	font-size: 8.5pt !important;}
	
@media screen and (min-width: 1000px) {
  .table-responsive > .fixed-column {
    display: none; }
  .list-filters {
    position: relative;
    overflow: visible; }
    .list-filters .input-md[name="fieldid"] {
      max-width: 250px; }
  .onPageMap {
    position: absolute;
    top: 0;
    width: 20vw;
    height: 400px;
    left: 100%;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
    .onPageMap iframe {
      height: 400px; }
  .login-row td {
    padding-bottom: 5px; }
  .login-row .login-label {
    width: 80px; }
  .login-row .login-input {
    width: 150px; }
    .login-row .login-input input {
      width: 100%; }
  footer .wrapper {
    position: relative; }
    footer .wrapper img {
      position: absolute;
      right: 20px;
      top: 20px; }
  .menu-toggle {
    display: none; }
  .hidden-desktop {
    display: none; }
  .footer .tr-copyright > td {
    height: 26px; }
  .right-desktop {
    float: right; }
  .button-grouping input[type=button].right-desktop {
    float: right;
    margin-right: 0;
    margin-left: 5px; }
  .hide-desktop {
    display: none !important; }
  .mobile-indicator {
    display: none; }
  .fieldPhotoArea {
    clear: both;
    text-align: center;
    width: 95%; }
    .fieldPhotoArea .photoList {
      float: left;
      min-width: 300px;
      width: 30%;
      padding-right: 10px;
      vertical-align: top;
      text-align: center; }
    .fieldPhotoArea .photoEditor {
      float: left;
      width: 45%;
      vertical-align: top;
      padding-left: 10px;
      border-left: 1px #cccccc dashed; }
  .input-group.inline-desktop {
    display: inline-block;
    float: left;
    margin-right: 7px;
    margin-top: 0; }
  .div-table .desktop-inline-row, .div-table .div-row.desktop-inline-row {
    display: inline-block;
    width: auto;
    padding-right: 10px; }
    .div-table .desktop-inline-row > div:first-child {
      display: block; }
  .div-table .div-row > div:first-child {
    min-width: 180px; }
  .div-table .div-row.desktop-inline-row > div:first-child {
    min-width: auto; } }

  .login-form {
    padding: 0 10px; }
    .login-form br ~ br,
    .login-form br + br {
      display: none !important; }
    .login-form > table > tbody b {
      text-align: left; }
    .login-form > table > tbody .login-row {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
    .login-form > table > tbody > tr {
      text-align: center; }
      .login-form > table > tbody > tr .login-input {
        width: 100%; }
      .login-form > table > tbody > tr .login-label {
        width: 80px !important;
        padding-right: 10px; }
      .login-form > table > tbody > tr > td .btn-submit {
     
        border: none;
		border-radius: 4px;
		max-width:30px;
		margin: 0 auto; 
		-webkit-box-shadow: 0px 6px 9px -3px #3e7327;
		box-shadow: 0px 6px 9px -3px #3e7327;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #417a22), to(#7ec25b));
		background: -webkit-linear-gradient(top, #417a22 5%, #7ec25b 100%);
		background: -o-linear-gradient(top, #417a22 5%, #7ec25b 100%);
		background: linear-gradient(to bottom, #417a22 5%, #7ec25b 100%);
		background-color: #417a22;
		margin-bottom: 12px;
		border-radius: 14px;
		border: 1px solid #6bad4b;
		display: inline-block;
		cursor: pointer;
		color: #fff;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		padding: 6px 12px;
		text-decoration: none;
		text-shadow: 0px 1px 0px #5b8a3c;}
      .login-form > table > tbody > tr > td input {
        width: 100%;
        border-radius: 4px;
		padding: 6px 6px;
		min-width:100px;
		border: 1px solid #ccc; } }