html { overflow-y:scroll; font-size:100%; } /* for ff scrollbar, and for ie5-7 bug */
body { font-size:62.5%; }	/* makes 1em = 10px */
body { 
	font-family: "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	color: #4c4c4c;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .2em 0; /* Titles should be close to the text they describe */
  line-height: 1.2; /* Bigger text is often nicer with smaller line space */
  font-weight: normal; /* Browser default. Use "normal" for less bulky titles */
  font-style: normal;
  font-family: Georgia, "Times New Roman", serif;
}
/* Paragraphs */
p {
	margin: 0px 0 5px 0; /* Most browser defaults are "1em 0". */
	line-height: 1.6em;
	font-size: 14px;
}
address {
  margin: .75em 0; /* You may want display:inline;margin:0; in HTML 5 */
  font-style: normal; /* The annoying browser default is "italic". */
}

h1 { font-size: 30px; }
h2 { font-size: 18px; }
h3 { font-size: 13px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }

.app h1, .app h1, .app h1, .app h1, .app h1, .app h1 { font-family: "Trebuchet MS", Helvetica, Tahoma, sans-serif; }
.app p, .app #main, .app td .app label { font-size: 11px; }
.app h2 { font-size: 15px; }
.app h3 { font-size: 14px; color:#4C4C4C; }
/* Lists */
ul, ol {
  	margin: .25em 0 .75em 32px;
  	padding: 0;
	line-height: 1.2em;
}

a:link, a:visited { color: #4c4c4c; }
a:hover, a:active, a:focus { text-decoration: underline; color: #4c4c4c;}


/* Forms */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Not perfect, but best compromise for most browsers */
}

::selection { /* Safari and Opera */
	background:#1f5180;
	color:#ffffff;
}
::-moz-selection { /* Firefox */
	background:#1f5180;
	color:#ffffff;
}

input[type=submit], select, .pointer { cursor:pointer; } 

.page-break{ page-break-before:always; }

/* Make quotations more clearly visible */
blockquote {
  margin: .5em 0 .75em 32px;
  padding: 0 0 0 0px;
}
q, cite {
  font-style: italic;
}
q cite, q q {
  font-style: normal
}
q { quotes: none; }
q:before, q:after {
  content: ""; /* Needed for Safari/Chrome */
}

/* Bring paragraphs inside lists or quotations closer */
blockquote p, li p {
  margin: .5em 0;
}

/* Basic styles for definition lists */
dl {
  margin: .5em 0;
}
dt {
  margin: .5em 0 0 0;
  font-weight: bold;
}
dd {
  margin: .25em 0 .25em 32px;
}

/* Simple styles for tables */
table {
  margin: 0;
  border: none; /* Set to "none" to suppress the table border */
  border-collapse: collapse; /* Default is "seperate" */
  border-spacing: 0; /*! No IE 6-7 support */
}
table td, table th {
  padding: 4px; /* Set to "0" for no white space around cell contents */
  border: none; /* Set to "none" to suppress cell borders */
  vertical-align: top; /* Default is "middle" */
  text-align:left;
  font-size: 11px;
}

/* HTML 5 semantic wrapper elements */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu {
  display: block;
}

/* ALIGNMENTS */
.txt-left { text-align: left; } .txt-center { text-align: center; } .txt-right { text-align: right; } .txt-justify { text-align: justify; }
.fl-left { float: left;	} .fl-right { float: right; } .fl-none { float: none; }
.cl-left { clear:left; } .cl-right { clear: right; } .cl-both { clear: both; }

/* DISPLAYS */
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.none { display: none; }
.invisible { visibility: hidden; }

.vtop { vertical-align:top; }
.vmiddle { vertical-align:middle; }
.vbaseline { vertical-align:baseline; }

/* WIDTHS */
.w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; }
.w100 { width: 100px; } .w120 { width: 120px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w180 { width: 180px; }
.w200 { width: 200px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w280 { width: 280px; }
.w300 { width: 300px; } .w320 { width: 320px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w400 { width: 400px; } .w430 { width: 430px; } .w440 { width: 440px; } .w450 { width: 450px; }
.w500 { width: 500px; } .w550 { width: 550px; }
.w600 { width: 600px; } .w650 { width: 650px; }
.w700 { width: 700px; } .w750 { width: 750px; }
.w800 { width: 800px; } .w850 { width: 850px; }
.w900 { width: 900px; }

.h10 { height: 10px; } .h20 { height: 20px; } .h30 { height: 30px; } .h40 { height: 40px; } .h50 { height: 50px; } .h60 { height: 60px; } .h70 { height: 70px; } .h80 { height: 80px; } .h90 { height: 90px; }
.h100 { height: 100px; } .h120 { height: 120px; } .h140 { height: 140px; } .h150 { height: 150px; } .h160 { height: 160px; } .h180 { height: 180px; }
.h200 { height: 200px; } .h220 { height: 220px; } .h240 { height: 240px; } .h250 { height: 250px; } .h260 { height: 260px; } .h280 { height: 280px; }

.wp1 { width: 1%; }.wp2 { width: 2%; } .wp3 { width: 3%; } .wp4 { width: 4%; } .wp5 { width: 5%; } .wp6 { width: 6%; } .wp7 { width: 7%; } .wp8 { width: 8%; } .wp9 { width: 9%; } .wp10 { width: 10%; } 
.wp11 { width: 11%; } .wp12 { width: 12%; } .wp13 { width: 13%; } .wp14 { width: 14%; } .wp15 { width: 15%; } .wp16 { width: 16%; } .wp17 { width: 17%; } .wp18 { width: 18%; } .wp19 { width: 19%; } .wp20 { width: 20%; }
.wp21 { width: 21%; } .wp22 { width: 22%; } .wp23 { width: 23%; } .wp24 { width: 24%; } .wp25 { width: 25%; } .wp26 { width: 26%; } .wp27 { width: 27%; } .wp28 { width: 28%; } .wp29 { width: 29%; } .wp30 { width: 30%; } 
.wp31 { width: 31%; } .wp32 { width: 32%; } .wp33 { width: 33%; } .wp34 { width: 34%; } .wp35 { width: 35%; } .wp36 { width: 36%; } .wp37 { width: 37%; } .wp38 { width: 38%; } .wp39 { width: 39%; } .wp40 { width: 40%; } 
.wp45 { width: 45%; }
.wp50 { width: 50%; } .wp55 { width: 55%; } .wp60 { width: 60%; } .wp65 { width: 65%; } .wp70 { width: 70%; } .wp75 { width: 75%; } .wp80 { width: 80%; } .wp85 { width: 85%; } .wp90 { width: 90%; } .wp95 { width: 95%; } .wp100 { width: 100%; }

.ml5 { margin-left: 5px; } .ml10 { margin-left:10px; } .ml15 { margin-left: 15px;} .ml20 { margin-left: 20px; } 
.mlp10 { margin-left: 10%; } .mlp20 { margin-left: 20%; } .mlp30 { margin-left: 30%; } .mlp40 { margin-left: 40%; } .mlp50 { margin-left:50%; } 
.mrp10 { margin-right: 10%; } .mrp20 { margin-right: 20%; } .mrp30 { margin-right: 30%; } .mrp40 { margin-right: 40%; } .mrp50 { margin-right:50%; } 
.mr10 { margin-right:10px; } .mr20 { margin-right: 20px; } 
.ml200 { margin-left:200px; } .mr200 { margin-right: 200px; }
.ml280 { margin-left:280px; } .mr280 { margin-right: 280px; }

/* FONT-SIZES */
.fs8 { font-size: 8px; } .fs9 { font-size: 9px; } .fs10 { font-size: 10px; } .fs11 { font-size: 11px; } .fs12 { font-size: 12px; } .fs13 { font-size: 13px; } .fs14 { font-size: 14px; }
.fs16 { font-size: 16px; } .fs18 { font-size: 18px; } .fs20 { font-size: 20px; } .fs22 { font-size: 22px; } .fs24 { font-size: 24px; } .fs26 { font-size: 26px; } .fs28 { font-size: 28px; } .fs30 { font-size: 30px; } .fs32 { font-size: 32px; } .fs36 { font-size: 36px; }