/*------------------------------
 *         ESIGrid Style
 *----------------------------*/
.grid-fixed-960 {width:960px;}
.grid-fixed-900 {width:900px;}
.grid-fixed-840 {width:840px;}
.grid-fixed-780 {width:780px;}
.grid-fixed-720 {width:720px;}
.grid-fixed-660 {width:660px;}
.grid-fixed-600 {width:600px;}
.grid-fixed-540 {width:540px;}
.grid-fixed-480 {width:480px;}
.grid-fixed-420 {width:420px;}
.grid-fixed-360 {width:360px;}
.grid-fixed-300 {width:300px;}

.grid-row > .grid-col-1,
.grid-row > .grid-col-2,
.grid-row > .grid-col-3,
.grid-row > .grid-col-4,
.grid-row > .grid-col-5,
.grid-row > .grid-col-6,
.grid-row > .grid-col-7,
.grid-row > .grid-col-8,
.grid-row > .grid-col-9,
.grid-row > .grid-col-10,
.grid-row > .grid-col-11,
.grid-row > .grid-col-12,
.grid-row > .grid-col-13,
.grid-row > .grid-col-14,
.grid-row > .grid-col-15,
.grid-row > .grid-col-16 {
  float:left;
  overflow:auto;
  overflow-y:hidden;
  box-sizing:border-box;
  min-height:1px;
}

.grid-10 > .grid-row > .grid-col-1 {width: 10%}
.grid-10 > .grid-row > .grid-col-2 {width: 20%}
.grid-10 > .grid-row > .grid-col-3 {width: 30%}
.grid-10 > .grid-row > .grid-col-4 {width: 40%}
.grid-10 > .grid-row > .grid-col-5 {width: 50%}
.grid-10 > .grid-row > .grid-col-6 {width: 60%}
.grid-10 > .grid-row > .grid-col-7 {width: 70%}
.grid-10 > .grid-row > .grid-col-8 {width: 80%}
.grid-10 > .grid-row > .grid-col-9 {width: 90%}
.grid-10 > .grid-row > .grid-col-10 {width: 100%}

.grid-12 > .grid-row > .grid-col-1 {width: 8.33333333%}
.grid-12 > .grid-row > .grid-col-2 {width: 16.66666667%}
.grid-12 > .grid-row > .grid-col-3 {width: 25%}
.grid-12 > .grid-row > .grid-col-4 {width: 33.33333333%}
.grid-12 > .grid-row > .grid-col-5 {width: 41.66666667%}
.grid-12 > .grid-row > .grid-col-6 {width: 50%}
.grid-12 > .grid-row > .grid-col-7 {width: 58.33333333%}
.grid-12 > .grid-row > .grid-col-8 {width: 66.66666667%}
.grid-12 > .grid-row > .grid-col-9 {width: 75%}
.grid-12 > .grid-row > .grid-col-10 {width: 83.33333333%}
.grid-12 > .grid-row > .grid-col-11{width: 91.66666667%}
.grid-12 > .grid-row > .grid-col-12{width: 100%}

.grid-16 > .grid-row > .grid-col-1 {width: 6.25%}
.grid-16 > .grid-row > .grid-col-2 {width: 12.5%}
.grid-16 > .grid-row > .grid-col-3 {width: 18.75%}
.grid-16 > .grid-row > .grid-col-4 {width: 25%}
.grid-16 > .grid-row > .grid-col-5 {width: 31.25%}
.grid-16 > .grid-row > .grid-col-6 {width: 37.50%}
.grid-16 > .grid-row > .grid-col-7 {width: 43.75%}
.grid-16 > .grid-row > .grid-col-8 {width: 50%}
.grid-16 > .grid-row > .grid-col-9 {width: 56.25%}
.grid-16 > .grid-row > .grid-col-10 {width: 62.5%}
.grid-16 > .grid-row > .grid-col-11{width: 68.75%}
.grid-16 > .grid-row > .grid-col-12{width: 75%}
.grid-16 > .grid-row > .grid-col-13{width: 81.25%}
.grid-16 > .grid-row > .grid-col-14{width: 87.5%}
.grid-16 > .grid-row > .grid-col-15{width: 93.75%}
.grid-16 > .grid-row > .grid-col-16{width: 100%}

.grid:before,
.grid:after,
.grid-row:before,
.grid-row:after {
  content: " ";
  display: table;
}

.grid:after,
.grid-row:after {
  clear: both;
}

.grid-vcenter-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.grid-vcenter {
  display: inline-block;
  vertical-align: middle;
}

.content-box {border: 1px solid #A6C9E2;margin: 10px;padding: 10px;font-size:11px;}
.content-box legend h3{font-size:14px;}
.grid-input {width:96%;margin:0.4em 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.grid-padding > .grid-row > div {padding:2px;}
.ui-buttonset label,.ui-button{margin-bottom:1px;}