html {
	overflow-y: scroll !important;
}

body {
	background: #f2fcfc url(../images/bg.gif) top left repeat-x;
	color: #777;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

* {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  font-weight: normal;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  border-bottom: 1px solid #e0f5f5;
  margin: 0 16px 8px 16px;
}

h2 {
  color: #06bbba;
  font-size: 24px;
  padding: 8px 0 3px 0;
  line-height: 26px;
}

h3 {
  color: #777;
  font-size: 17px;
  padding: 10px 0 3px 0;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
}

h4 {
  color: #777;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  padding: 4px 0 10px 0;
  margin: 0 16px;
}


#notes {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	background: #fff;
	border: 1px solid #0a9189;
}


/* Body */

#canvas {
  width: 960px;
  margin: 0 auto;
  background: transparent url(../images/bg-page.gif) top left repeat-y;
}

#content {
  clear: both;
  width: 920px;
  margin: 15px auto 18px auto;
  padding: 0;
  background: transparent url(../images/bg-content.gif) top left repeat-y;
}

#col-left {
  width: 636px;
  float: left;
}

#col-right {
  width: 275px;
  float: right;
  color: #aaa;
}


/* Header */

#header {
  width: 960px;
  height: 173px;
  margin: 0 auto;
  background: transparent url(../images/header.jpg) top left no-repeat;
}

#header h1 {
  float: left;
  border: 0;
  padding: 28px 0 0 20px;
}

#header h1 a {
  width: 286px;
  height: 122px;
  display: block;
  text-indent: -9999px;
}


/* Main Navigation */

#nav {
  clear: both;
  height: 42px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: tahoma, arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  background: transparent url(../images/nav-bg.gif) top left no-repeat;
}

#nav ul {
  width: 942px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#nav ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent url(../images/nav-divider.gif) right top no-repeat;
}

#nav ul li a {
  display: block;
  margin: 0 2px 0 0;
  padding: 10px 0 12px 0;
  color: #fff;
  text-decoration: none;
}

#nav ul li.current a {
  background: transparent url(../images/nav-bg-over.gif) left top repeat-x;
}

#nav ul li a:hover {
  background: transparent url(../images/nav-bg-over.gif) left top repeat-x;
}

#nav ul li#nav-01 a { width: 64px; }
#nav ul li#nav-02 a { width: 74px; }
#nav ul li#nav-03 a { width: 94px; }
#nav ul li#nav-04 a { width: 194px; }
#nav ul li#nav-05 a { width: 119px; }
#nav ul li#nav-06 a { width: 78px; }
#nav ul li#nav-07 a { width: 65px; }
#nav ul li#nav-08 a { width: 64px; }
#nav ul li#nav-09 { float: right; }
#nav ul li#nav-09 a { margin: 0; width: 98px; }
#nav ul li#nav-09 a:hover { background: transparent url(../images/nav-bg-over.gif) left top repeat-x; }
#nav ul li#nav-10 { float: right; background: transparent; }
#nav ul li#nav-10 a { margin: 0; width: 75px; }
#nav ul li#nav-10 a:hover { background: transparent url(../images/nav-bg-over.gif) left top repeat-x; }


/* Right column navigation */

#col-right ul {
	margin: 9px 16px 10px 22px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background: transparent url(../images/li-bg.gif) left top no-repeat;
}

#col-right ul ul{
	margin: 1px 0 0 20px;
}

#col-right ul li {
	display: block;
	padding: 0;
	margin: 0;
	background: transparent url(../images/li-bg.gif) left bottom no-repeat;
}

#col-right ul li a {
	display: block;
	padding: 5px 10px 6px 22px;
	margin: 0;
	color: #999;
	font-size: 14px;
	line-height: 19px;
	text-decoration: none;
	background: transparent url(../images/li.gif) 10px 12px no-repeat;
}

#col-right ul li a:hover {
	color: #0bacac;
	background: #e0f5f5 url(../images/li.gif) 10px 12px no-repeat;
}

#col-right ul li b a, #col-right ul li b a:hover {
	color: #fff;
	text-decoration: none;
	background: #0fcdcc url(../images/li-current.gif) 10px 12px no-repeat;
}


/* Content */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: #01bbba;
  text-decoration: none;
}

a:active, a:focus {
	outline: none;
}

a b {
  color: #01bbba;
  text-decoration: underline;
}

a:hover b {
  color: #01bbba;
  text-decoration: none;
}

p {
  text-align: left;
  margin: 0;
  padding: 4px 16px 10px 16px;
}

ul {
  margin: 0;
  padding: 4px 16px 10px 55px;
  list-style-type: none;
  list-style-image: url(../images/li.gif);
}

ul ul {
  padding: 4px 16px 0 25px;
}

ol {
  margin: 0;
  padding: 4px 16px 10px 55px;
}

li {
	padding: 0 0 4px 0;
}

table ul {
	padding-left: 35px;
}

table ul ul {
	padding: 4px 16px 10px 25px;
}

table li {
	clear: both;
	padding: 0 0 6px 0;
	/*list-style:none;*/
}

.pdf {
  padding-left: 20px;
  padding-bottom: 2px;
  background: transparent url(../images/pdf.gif) top left no-repeat;
}

.doc {
  padding-left: 20px;
  padding-bottom: 2px;
  background: transparent url(../images/doc.gif) top left no-repeat;
}

.error {
	color: #ff0000;
}


/* Tables */

table {
  padding: 0;
  margin: 4px auto 10px auto;
}

table#employees {
  font-size: 11px;
}

table thead tr th {
  padding: 4px;
  background: #e0f5f5;
  border-right: 1px solid #fff;
}

table thead tr th.header {
  background: #e0f5f5 url(../images/sort-bg.gif) center right no-repeat;
	cursor: pointer; 
}

table thead tr th.headerSortUp {
  color: #0bacac;
  padding: 4px;
  background: #ebf8f8 url(../images/sort-asc.gif) center right no-repeat;
  border-right: 1px solid #fff;
  cursor: pointer;
}

table thead tr th.headerSortDown {
  color: #0bacac;
  padding: 4px;
  background: #ebf8f8 url(../images/sort-desc.gif) center right no-repeat;
  border-right: 1px solid #fff;
  cursor: pointer;
}

table td {
  padding: 2px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #f7f6f6;
}

table td a {
  color: #777;
}

.tr {
  background: transparent;
}

.tr-over {
  color: #111;
  background: #f2fcfc;
}

.tr-over td {
  color: #111;
  border-bottom: 1px solid #ccc;
}

.tr-over a {
  color: #111;
}

table h1, table h2, table h3, table h4 {
	padding: 0;
	margin: 0;
	border: 0;
}

small {
  color: #aaa;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 10px;
}

.text {
  text-align: left;
  margin: 0;
  padding: 0 16px;
}

.text h3 {
  margin-left: 0;
  margin-right: 0;
}

.text p {
  text-align: left;
  margin: 0;
  padding: 4px 0 10px 0;
}


/* Form fields */

form {
	margin: 0;
	padding: 4px 16px 10px 16px;
}

form h3 {
	margin-left: 0;
	margin-right: 0;
}

.button, input.button, button {
	padding: 6px 12px;
	margin: 3px 6px 0 0;
	color: #fff;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #098e8e;
	background: #0fcdcc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
}

.button:hover {
	color: #fff;
	background: #0aa4a4;
}
.button:focus { border-color: #098e8e; }

.b-cancel {
	padding: 0 0 0 5px;
	color: #e70c0c;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-style: italic;
}

.b-cancel:hover {
	color: #ff0000;
}

label {
	float: left;
	display: block;
	width: 155px;
}

table label {
	display: inline;
	width: auto;
	padding: 0 10px 0 0;
}

label.checkbox {
	float: none;
	display: inline;
	width: auto;
	padding: 0;
}

input {
	background: #f8f8f8;
	padding: 3px;
	margin: 0 6px 4px 0;
	border: 1px solid #bfc0c0;
	color: #777;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

input.small, select.small { width: 25px; }
input.medium, select.medium { width: 40px; }
input.medium2, select.medium2 { width: 70px; }
input.medium2a, select.medium2a { width: 110px; }
input.medium3, select.medium3 { width: 200px; }
input.long, select.long { width: 275px; }
input.long2, select.long2 { width: 375px; }

input.checkbox {
	padding: 0;
	margin: 0 2px 0 0;
	border: 0;
	background: transparent;
}

select {
	background: #f8f8f8;
	padding: 1px;
	margin: 0 6px 0 0;
	border: 1px solid #bfc0c0;
	color: #777;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

textarea {
	background: #f8f8f8;
	width: 275px;
	height: 90px;
	padding: 3px;
	margin: 0 6px 0 0;
	border: 1px solid #bfc0c0;
	color: #777;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

textarea.huge { width: 600px; height: 175px; }

input:focus, select:focus, textarea:focus { border-color: #454545; }


/* Footer */

#footer {
	clear: both;
	width: 960px;
	height: 86px;
	background: #06bbba url(../images/footer-bg.gif) top left no-repeat;
	margin: 0 auto;
	color: #7ee1e1;
	font-size: 11px;
}

#footer #ssl-seal {
	float: right;
	width: 125px;
	height: 66px;
	display: block;
	background: transparent url(../images/ssl-seal.gif) bottom left no-repeat;
}

#footer #links {
	color: #7ee1e1;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 15px 0 0 0;
}

#footer #links a {
	color: #d9f2f2;
	text-decoration: none;
	padding: 1px 6px 2px 6px;
	margin: 0 2px;
}

#footer #links a:hover {
	color: #fff;
	background: #0aa1a1;
	text-decoration: none;
}

#footer #copy {
	color: #96d6d6;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	padding: 10px 0 0 0;
}

#footer #copy a {
	color: #96d6d6;
	text-decoration: underline;
}

#footer #copy a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer #copy a#credits {
	color: #96d6d6;
	text-decoration: none;
}

#footer #copy a#credits:hover {
	color: #fff;
	text-decoration: underline;
}

.ftextarea{
	margin:2px 0 15px 15px;
}

.helpbutton{
	cursor:pointer;
	color:white;
	background:#0AA4A4;
	padding:0px 4px;
	border:1px solid #ccc;
}
.wordsCouter{
	text-align: center;
}
.nbutton{
	display:none;
}
.noscript{
	color:red;
	font-size:18px;
	margin:20px 0;
	width:100%;
	text-align:center;
	float:left;
}