/*	

	Contains the Less+ Framework by Jimmy Rosén, http://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;
}