/*	HTML structure													*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
border {
  margin : 0px;
  padding : 0px;
}

html {
  background-color : #f2ffe5;
}

body {
  background-color : #fff;
  color : #263319;
  font-family : Arial, sans-serif;
  height : 100%;
  margin : auto;
  width : 960px;
}

body,
button,
input,
select option,
textarea {
  font-size : 12pt;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
  font-family : Georgia, Garamond, "Times New Roman", Times, serif;
  font-weight : bold;
  margin : 0px;
  padding-top : 0.5em;
  padding-bottom : 0.2em;
}

h1,
.h1 {
  font-size : 200%;
}

h2,
.h2 {
  font-size : 171%;
}

h3,
.h3 {
  font-size : 142%;
}

h4,
h5,
h6 {
  font-size : 100%;
}


/*	HTML tags														*/

a,
a abbr {
  cursor : pointer;
  color : #4c7299;
  text-decoration : none;
}

a:active,
a:focus,
a:hover {
  text-decoration : underline;
}

abbr {
  border-bottom-color : #c66;
  border-bottom-style : dotted;
  border-bottom-width : 2px;
  cursor : help;
  text-decoration : none;
}

blockquote {
  background-color : #f8fff2;
  border-color : #9c6;
  border-style : solid;
  border-width : 1px;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : 2em;
  margin-right : 2em;
  padding : 0.5em;
}

p + blockquote {
  margin-top : 0px;
}

code,
.code {
  background-color : #f8fff2;
  border-color : #9c6;
  border-style : solid;
  border-width : 1px;
  font-family : monospace;
  padding : 1px;
}

hr {
  background-color : #4c6633;
  border : none;
  color : #4c6633;
  height : 2px;
}

hr.top {
  margin-top : 1em;
}

hr.bottom {
  margin-bottom : 1em;
}

img {
  border-color : #9c6;
  border-style : solid;
  border-width : 0px;
}

img.border {
  border-width : 1px;
}

ol,
ul {
  margin-top : 0px;
  margin-bottom : 0px;
}

ol {
  list-style-type : decimal;
}

ul {
  list-style-type : square;
}

ol li,
ul li {
  margin-left : -10px;
}

ul li,
ul li * li {
  color : #a3cc7a;
}

ul li * {
  color : #263319;
}

ul li a,
ul li a * {
  color : #4c7299;
}

pre {
  font-family : monospace;
  overflow : auto;
  margin-top : 1em;
  margin-bottom : 1em;
}

pre:first-child {
  margin-top : 0px;
}

pre:last-child {
  margin-bottom : 0px;
}

table {
  border-collapse : collapse;
  margin : auto;
}

table.full {
  width : 100%;
}

table.left {
  margin : 0px;
}

table,
table td,
table th {
  border-color : #4c6633;
  border-style : none;
  border-width : 0px;
  vertical-align : top;
}

table td,
table th {
  padding-left : 0.5em;
  padding-right : 0.5em;
  padding-top : 0.25em;
  padding-bottom : 0.25em;
}

table thead th {
  text-align : left;
  border-bottom-style : solid;
  border-bottom-width : 2px;
  padding-top : 0px;
}

table.center thead th,
table thead.center th,
table thead th.center {
  text-align : center;
}

table tfoot td {
  border-top-style : solid;
  border-top-width : 2px;
  padding-bottom : 0px;
}

table tr.odd,
table tr.odd td {
  background-color : #f2ffe5;
}

table td.title,
table th.title {
  font-weight : bold;
}

table td.serial,
table th.serial {
  padding-right : 1em;
}


/*	Content														*/

main {
  border-color : #a3cc7a;
  border-style : solid;
  border-left-width : 3px;
  border-right-width : 3px;
  border-top-width : 0px;
  border-bottom-width : 0px;
  overflow : auto;
  padding-top : 20px;
  padding-left : 57px;
  padding-right : 57px;
  padding-bottom : 40px;
}

main p {
  padding-bottom : 1em;
}


/*	Header and Footer												*/

header,
footer {
  background-color : #a3cc7a;
  color : #f2ffe5;
  padding-top : 20px;
  padding-bottom : 20px;
  padding-left : 50px;
  padding-right : 50px;
}

header {
  font-size : 133.3333%;
}

footer {
  font-size : 80%;
}

footer ul#user {
  float : left;
}

footer div#legacy {
  float : right;
  margin-top : 5px;
  margin-bottom : 5px;
  margin-left : 10px;
  margin-right : 10px;
}

footer div.clear {
  clear : both;
}

#performance {
  background-color : #f2ffe5;
  font-size : 80%;
  font-style : italic;
  padding-bottom : 1em;
  padding-top : 1em;
  text-align : center;
}


/*	Header and Footer: Navigation and Links							*/

header ul,
footer ul {
  list-style-type : none;
}

header ul li *,
footer ul li * {
  color : #f2ffe5;
}

header a,
footer a,
header ul li a,
footer ul li a,
header ul li a *,
footer ul li a * {
  color : #287acc;
}

header a.quiet,
footer a.quiet {
  color : #f2ffe5;
}

header a:active,
header a:focus,
header a:hover,
footer a:active,
footer a:focus,
footer a:hover {
  background-color : #7acc28;
  text-decoration : none;
}

header ul li,
header ul li div,
footer ul li,
footer ul li div {
  display : inline;
  margin : 0px;
  margin-top : 5px;
  margin-bottom : 5px;
}

header ul li a,
header ul li div,
footer ul li a,
footer ul li div {
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 10px;
  padding-right : 10px;
}

header ul.left,
footer ul#user {
  font-weight : bold;
  margin : 0px;
  padding : 0px;
  text-align : left;
}

header ul.right {
  margin : 0px;
  padding : 0px;
  text-align : right;
}

header ul.left li,
footer ul#user li {
  float : left;
}

header ul.right li {
  float : right;
}

header div.clear {
  clear : both;
}


/*	Style tags														*/

.add_row {
  font-size : 80%;
  font-style : italic;
}

.b {
  font-weight : bold;
}

.i {
  font-style : italic;
}

.themeColorFG {
  color : #9c6;
}

.themeColorBG {
  background-color : #f2ffe5;
}

.themeColorBGFull {
  background-color : #9c6;
}

.themeColorBGLight {
  background-color : #f8fff2;
}

.themeColorBorder {
  border-color : #4c6633;
}

.themeColorBorderLight {
  border-color : #9c6;
}

.center {
  text-align : center;
}

.right {
  text-align : right;
}

.small {
  font-size : 80%;
}

.doublespacing * {
  margin-bottom : 1em;
}

.doublespacing_list li {
  margin-bottom : 1em;
}

.nospacing * {
  margin-bottom : 0px;
}

.halfspacing * {
  margin-bottom : 0.5em;
}

.mono {
  font-family : monospace;
}

/*	Messages														*/
div.message,
div.error,
div.info,
div.success,
div.warning {
  border-style : solid;
  border-width : 1px;
  margin : 0px;
  margin-bottom : 1em;
  padding : 1em;
}

div.message {
  background-color : #f2ffe5;
  border-color : #4c6633;
}

div.error {
  background-color : #f99;
  border-color : #991e1e;
  color : #991e1e;
}

div.info {
  background-color : #99f;
  border-color : #1e1e99;
  color : #1e1e99;
}

div.success {
  background-color : #cf9;
  border-color : #5b991e;
  color : #5b991e;
}

div.warning {
  background-color : #ff9;
  border-color : #99991e;
  color : #99991e;
}

/*	Forms															*/
form table td.element,
form table th.element {
  min-width : 66.6666%;
}

button,
input,
textarea {
          box-sizing : border-box;
     -moz-box-sizing : border-box;
  -webkit-box-sizing : border-box;
}

input.textfield-full,
textarea.textfield-full {
  width : 100%;
}

input.textfield-medium,
textarea.textfield-medium {
  width : 12em;
  max-width: 100%
}

input.textfield-small,
textarea.textfield-small {
  width : 4em;
  max-width: 100%
}

/*	Mobile devices													*/
@viewport,
@-ms-viewport {
  width : device-width;
}

@media (min-width: 1536px) {
	body {
	  width : 1280px;
	}

	body,
	button,
	input,
	select option,
	textarea {
	  font-size : 14pt;
	}

	main {
	  padding-left : 72px;
	  padding-right : 72px;
	}

	header,
	footer {
	  padding-top : 25px;
	  padding-bottom : 25px;
	  padding-left : 55px;
	  padding-right : 55px;
	}

	header ul li,
	header ul li div {
	  margin-top : 10px;
	  margin-bottom : 10px;
	}

	header ul li a,
	header ul li div {
	  padding-top : 10px;
	  padding-bottom : 10px;
	  padding-left : 20px;
	  padding-right : 20px;
	}
}

@media (max-width: 980px) {
	body {
	  width : 100%;
	}

	main {
	  border-width : 0px;
	  padding-left : 30px;
	  padding-right : 30px;
	}

	header,
	footer {
	  padding-top : 10px;
	  padding-bottom : 10px;
	  padding-left : 20px;
	  padding-right : 20px;
	}

	#performance {
	  display : none;
	}

	abbr[title]:after {
	  color : #c66;
	  content : ' (' attr(title) ')';
	  font-size : 10pt;
	}
}

.show-unfold-block,
.show-unfold-inline {
  display : none;
}

@media (max-width: 800px) {
	.hide-unfold {
	  display : none;
	}

	.show-unfold-block {
	  display : block;
	}

	.show-unfold-inline {
	  display : inline;
	}

	table.col-unfold,
	table.col-unfold thead,
	table.col-unfold tbody,
	table.col-unfold tfoot,
	table.col-unfold th,
	table.col-unfold tr,
	table.col-unfold td {
	  display : block;
	  text-align : left;
	          box-sizing : border-box;
	     -moz-box-sizing : border-box;
	  -webkit-box-sizing : border-box;
	}

	table.col-unfold thead,
	table.col-unfold td:empty,
	.hide-col-unfold {
	  display : none;
	}

	table.col-unfold tr {
	  border-color : #9c6;
	  border-style : solid;
	  border-width : 1px;
	  padding : 0.5em;
	}

	table.col-unfold tr {
	  margin-top : 1em;
	}

	table.col-unfold tr:first-child {
	  margin-top : 0px;
	}

	table.col-unfold tfoot tr {
	  display : block;
	  border-width : 0px;
	  border-top-color : #4c6633;
	  border-top-style : solid;
	  border-top-width : 2px;
	  margin-top : 1em;
	  padding : 0px;
	  padding-top : 0.25em;
	}

	table.col-unfold td form,
	table.col-unfold tfoot td,
	table.col-unfold tfoot td form {
	  display : inline;
	  padding : 0px;
	}

	table.col-unfold td {
	  background : none;
	  border : none;
	  position : relative;
	  padding : 0px;
	  padding-top : 0.5em;
	}

	table.col-unfold td:first-child {
	  padding-top : 0px;
	}

	table.col-unfold td.title {
	  font-weight : bold;
	}

	table.col-unfold td.serial {
	  float : left;
	  padding : 0px;
	  padding-right : 0.5em;
	}

	table.col-unfold td.serial:after {
	  content : ' ';
	}

	table.col-unfold td.serial + td.title,
	table.col-unfold td.serial + td[data-colname=""] {
	  display : inline;
	}

	table.col-unfold td[data-colname] {
	  display : block;
	}

	table.col-unfold td[data-colname].empty {
	  display : none;
	}

	table.col-unfold td[data-colname]:before {
	  content : attr(data-colname) ':';
	  display : inline;
	  font-size : 10pt;
	  font-variant : small-caps;
	  font-weight : normal;
	  padding-right : 1em;
	}

	table.col-unfold td[data-colname=""]:before,
	table.col-unfold td.title:before,
	table.col-unfold tfoot td:before {
	  display : none;
	}

	table.col-unfold td.indent {
	  padding-left : 0px;
	  text-indent : 0px;
	}

	table.row-unfold,
	table.row-unfold thead,
	table.row-unfold tbody,
	table.row-unfold tfoot,
	table.row-unfold th,
	table.row-unfold tr {
	  display : block;
	          box-sizing : border-box;
	     -moz-box-sizing : border-box;
	  -webkit-box-sizing : border-box;
	}

	table.row-unfold {
	  border-color : #9c6;
	  border-style : solid;
	  border-width : 1px;
	  padding : 0.5em;
	}

	table.row-unfold tr {
	  margin-top : 1em;
	  padding : 0px;
	}

	table.row-unfold tr:first-child {
	  margin-top : 0px;
	}

	table.row-unfold td,
	table.row-unfold td form,
	table.row-unfold tfoot td,
	table.row-unfold tfoot td form {
	  display : inline;
	  padding : 0px;
	}

	table.row-unfold tfoot {
	  margin-top : 1em;
	}

	table.row-unfold tfoot tr {
	  padding-top : 1em;
	}

	table.row-unfold td:empty + td {
	  display : block;
	  text-align : center;
	}

	table.row-unfold td.title {
	  display : inline;
	  font-size : 10pt;
	  font-variant : small-caps;
	  font-weight : normal;
	  vertical-align : baseline;
	}

	table.row-unfold td.title:after {
	  content : ':';
	  padding-right : 1em;
	}

	table.row-unfold td[data-rowname]:before {
	  content : attr(data-rowname) ':';
	  display : inline;
	  font-size : 10pt;
	  font-variant : small-caps;
	  font-weight : normal;
	  padding-right : 1em;
	  vertical-align : baseline;
	}

	table.row-unfold thead,
	table.row-unfold td:empty,
	table.row-unfold td.title:empty,
	table.row-unfold td.title.hide-row-unfold,
	.hide-row-unfold {
	  display : none;
	}
}

@media (max-width: 800px) {
	main {
	  padding-left : 20px;
	  padding-right : 20px;
	}

	header {
	  padding-top : 5px;
	  padding-bottom : 5px;
	  padding-left : 10px;
	  padding-right : 10px;
	}

	footer {
	  padding : 10px;
	}

	header ul li a,
	header ul li div {
	  padding-top : 5px;
	  padding-bottom : 5px;
	  padding-left : 10px;
	  padding-right : 10px;
	}

	header.both div.between {
	  clear : both;
	}

	form textarea,
	form input[type="text"],
	form input[type="password"],
	form input[type="email"],
	form input[type="number"],
	form select,
	form textarea {
	  width : 100%;
	          box-sizing : border-box;
	     -moz-box-sizing : border-box;
	  -webkit-box-sizing : border-box;
	}
}
