/*

	Contains the Less+ Framework by Jimmy Rosén, https://www.angrycreative.se/projekt/less-framework
	Portions reused from Sinorcaish Style Sheet by John Zaitseff

*/

/*
	THIS DOCUMENT IS FOR GLOBAL DEFINITIONS ONLY.
	NO HEIGHTS, WIDTHS, PADDINGS OR MARGINS THAT WON'T BE APPLICABLE FOR ALL SCREEN RESOLUTIONS.
*/

body {
  background: #ECEAE6 url('/demo/img/bg_main.png') repeat top center;
  margin: 0px auto;
  /* Prevents Mobile Safari from bumping up font sizes in landscape */
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgb(255, 255, 0);
}




::selection {
  background: rgb(255, 255, 0);
}

::-moz-selection {
  background: rgb(255, 255, 0);
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

/* Block-inline elements and classes */

img {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: none;
}

.left,
p img {
  /* Left-floating images and spans */
  /*margin:          0.5em 1.5em 0.5em 0;*/
  margin: 1.5em;
  margin-left: 0;
  float: left;
}

p img.left,
p img.right {
  margin-top: .25em;
}

.right {
  /* Right-floating images and spans */
  margin: 1.5em;
  margin-right: 0;
  float: right;
}

.full {
  width: 100%;
}


.floatleft img {
  margin: 1.5em;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;
}

.floatleft {
  display: block;
  margin-bottom: 1.5em;
}

.video,
.video * {
  margin: auto;
  width: 100%;
}

/* Block elements */

p {
  margin: 1em 0;
  padding: 0;
}

blockquote {
  /* Should only be used in main content area, */
  /* floating boxes or left sidebar.           */
  margin: 1em 2.5em;
  padding: 0;
}

hr {
  border: 1px solid #ECEAE6;
  border-top: 1px solid #D9D4CC;
  border-bottom: 1px solid #F7F6F4;
  clear: both;
}

.top {
  display: block;
  font-size: 90%;
  text-align: right;
  margin: -0.75em 0 1em 0;
  padding: 0 0 0.25em 0;
  border-bottom: 1px solid #F0F0F0;
}

/* Lists */

ol {
  list-style: decimal outside;
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}

ol.alpha {
  list-style-type: lower-alpha;
}

ol.number {
  list-style-type: decimal;
}

ul {
  list-style: square outside;
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}

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

ol ul,
/* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
  list-style: square outside;
}

li {
  margin: 0;
  padding: 0;
}

dl {
  margin: 1em 0;
  padding: 0;
}

dt {
  font: inherit;
  /* Don't make the text bold by default */
  margin: 1em 0 0.25em 0;
  padding: 0;
}

dd {
  margin: 0 0 1em 2.5em;
  padding: 0;
}

/* Tables */
/* Tables should never be used for visual */
/* formatting: that is the role of CSS!   */

table.simple {
  color: inherit;
  background: inherit;
  /* Don't make tables transparent */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin: 0.5em 2.5em;
  padding: 0;
  border: 1px solid #999999;
}

table.simple caption {
  text-align: center;
  caption-side: top;
  margin: 0 2.5em 0.75em;
  padding: 0;
  border: none;
}

table.simple td,
table.simple th {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0.25em 0.5em;
  border: 1px solid #999999;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
  font-weight: bold;
  color: inherit;
  background: #ffffff;
}

table.simple td.lighter,
table.simple th.lighter {
  color: inherit;
  background: #F8F8F8;
}

table.simple td.left,
table.simple th.left {
  text-align: left;
}

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

table.simple td.right,
table.simple th.right {
  text-align: right;
}

/* Forms */

form {
  margin: 1em 0;
  padding: 0;
  border: none;
}

input,
button,
select,
fieldset,
legend {
  font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 95%;
  color: black;
  background: inherit;
  vertical-align: middle;
}

textarea {
  font-family: "Courier New", Courier, monospace;
  font-size: 100%;
  color: black;
  background: inherit;
  vertical-align: middle;
}

fieldset {
  font-size: 100%;
  margin: 1em 0;
  border: 1px solid #999999;
}

legend {
  font-size: 100%;
  margin: 0 0.5em;
  padding: 0 0.25em;
  border: none;
}

table.formtable {
  color: inherit;
  background: inherit;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin: 0;
  padding: 0;
  border: none;
}

table.formtable td,
table.formtable th {
  text-align: justify;
  vertical-align: middle;
  margin: 0;
  padding: 0.25em 0.5em;
  border: none;
}

table.formtable th {
  text-align: center;
  font-weight: bold;
}

table.formtable td.label,
table.formtable th.label {
  text-align: right;
  vertical-align: top;
}

table.formtable td.vertspace,
table.formtable th.vertspace {
  empty-cells: show;
  margin: 0;
  padding: 0.5em 0;
  height: 1em;
  /* Required for IE/Win */
}

table.formtable fieldset {
  margin: 0;
}

table.formtable fieldset td,
table.formtable fieldset th {
  margin: 0.25em 0.5em;
}

.reqfield {
  color: red;
  background: transparent;
  font-weight: bolder;
  font-size: 75%;
}

.info {
  color: gray;
  background: transparent;
  font-size: 90%;
}

/********** Styles for Floating Boxes **********/

/* "navbox" is used to provide intra/inter- */
/* page links; it is NOT printed out on     */
/* paper.  "floatbox" is used to provide    */
/* floating boxes that may appear anywhere  */
/* in the main content; they ARE printed.   */

.box {
  margin: 1em 0;
  padding: 0 2.5em;
  /*border: 1px solid #999;*/
}

.callout {
  overflow: visible;
  font-size: 95%;
  line-height: 1.25;
  margin: 0 0 0.75em 1.5em;
  padding: 0.5em 1em;
  /*border:          1px solid #999999;*/
  float: right;
  clear: right;
}

.callout {
  color: black;
  background: #ffffff;
  width: 35%;
}

.box hr,
/* Used for non-stylesheet-aware browsers */
  {
  display: none !important;
}

.box p {
  margin: 0.75em 0;
  padding: 0;
  font-size: 90%;
  line-height: 1.5em;
}

.box ol,
.box ul {
  margin: 0.75em 0;
  padding: 0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
  margin: 0.5em 0;
  padding: 0 0 0 1.5em;
}

.box blockquote {
  margin: 0.75em 1.5em;
  padding: 0;
}

.box pre {
  font-size: 95%;
  margin: 0.75em 1.5em;
  padding: 0;
}

.box dt {
  margin: 0.75em 0;
  padding: 0;
}

.box dt {
  margin: 0.75em 0 0.25em 0;
  padding: 0;
}

.box dd {
  margin: 0 0 0.75em 1.5em;
  padding: 0;
}

#main .box .highlight {
  color: inherit;
  background: white;
  margin: 0.75em 0;
  padding: 0.75em 1.5em;
}

#main .box table.simple {
  margin: 0.75em 0;
}

#main .box table.simple th,
#main .box table.simple td.highlight,
#main .box table.simple th.highlight {
  color: inherit;
  background: white;
  margin: 0;
  padding: 0.25em 0.5em;
}