body {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
text-align: center;
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
background-color: #e6e7e8;
}

body {
text-align: -moz-center;
}

body {
text-align: -khtml-center;
}

table {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}

.page {
margin: 0 auto;
width: 1000px;
background-image: url(wallpaper.png);
}

.pagebody {
margin: 0 auto;
width: 958px;
background-color: white;
}

.pagecontent {
margin: 0 auto;
width: 920px;
text-align: left;
}

.mailpage {
width: 700px;
background-image: url(mailwallpaper.png);
}

.mailpagebody {
width: 658px;
background-color: white;
}

.mailpagecontent {
width: 620px;
text-align: left;
}

.helppage {
width: 100%;
}

.helppagebody {
width: 100%;
background-color: white;
}

.helppagecontent {
width: 97%;
text-align: left;
}

.header {
clear: both;
float: left;
width: 100%;
min-height: 30px;
}

/* column container */
.colmask {
position: relative;  /* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%;  /* width of whole page */
overflow: hidden;  /* This chops off any overhanging divs */
}

.columnleft {
float: left;
position: relative;
padding: 0 0 1em 0;
overflow: hidden;
}

.columnright {
float: right;
position: relative;
padding: 0 0 1em 0;
}

/* 2 Column (right menu) settings */
.rightmenu {
min-height: 630px;
}

.rightmenu .columnleft {
width: 70%;
left: 2%;
}

.rightmenu .columnright {
width: 24%;
right: 2%;
}

/* 1 Column (no menu) settings */
.nomenu {
min-height: 630px;
}

.nomenu .columnleft {
width: 96%;
left: 2%;
right: 2%;
}

/* 1 Column invoice settings */
.nomenu_invoice {
min-height: 758px;
}

.nomenu_invoice .columnleft {
width: 96%;
left: 2%;
right: 2%;
}

.footer {
clear: both;
float: left;
width: 100%;
}

.spacer {
padding: 4px;
}

.indent {
padding-left: 16px;
}

.sitemap {
padding-top: 6px;
padding-left: 16px;
}

.note {
padding: 12px;
margin: 6px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #D3D3D3;
background-color: #E5EFFB;
}

.warning {
padding: 12px;
margin: 6px;
color: #E66556;
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #D3D3D3;
background-color: #F2F2F2;
}

.clear {
clear: both;
}

.box {
position: relative;
width: 100%;
}

.box_contents {
padding: 10px;
}
 	
/* ---=== border code follows ===--- */
/*
	boxhdr_left = top left corner
	boxhdr_back = top border
	boxhdr_right = top right corner
	box_left = left border
	box_right = right border
	boxbtm_left = bottom left corner
	boxbtm_back = bottom border 
	boxbtm_right = bottom right corner
*/

.boxhdr_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxhdr_left.png);
background-position: 0% 0%;
}

.boxhdr_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(boxhdr_back.png);
background-position: 0% 0%;
}

.boxhdr_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxhdr_right.png);
background-position: 100% 0%;
}

.box_right {
background-image: url(box_right.png);
background-position: 100% 0%;
background-repeat: repeat-y;
}

.box_left {
background-image: url(box_left.png);
background-position: 0% 100%;
background-repeat: repeat-y;
}

.boxbtm_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxbtm_left.png);
background-position: 0% 100%;
}

.boxbtm_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(boxbtm_back.png);
background-position: 50% 100%;
}

.boxbtm_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxbtm_right.png);
background-position: 100% 100%;
}

.gridbox {
position: relative;
width: 100%;
}

.incidentgridbox {
position: relative;
float: right;
margin-left: 10px;
margin-bottom: 10px;
width: 200px;
}

.searchgridbox {
position: relative;
float: right;
margin-left: 10px;
margin-bottom: 10px;
width: 300px;
}

.avatargridbox {
position: relative;
float: right;
margin-left: 10px;
margin-bottom: 10px;
width: 250px;
}

.gridbox_contents {
padding-top: 6px;
padding-bottom: 0px;
}
 	
/* ---=== border code follows ===--- */
/*
	boxhdr_left = top left corner
	boxhdr_back = top border
	boxhdr_right = top right corner
	box_left = left border
	box_right = right border
	boxbtm_left = bottom left corner
	boxbtm_back = bottom border 
	boxbtm_right = bottom right corner
*/

.gridboxhdr_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxhdr_left.png);
background-position: 0% 0%;
}

.gridboxhdr_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(boxhdr_back.png);
background-position: 0% 0%;
}

.gridboxhdr_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxhdr_right.png);
background-position: 100% 0%;
}

.gridbox_right {
background-image: url(box_right.png);
background-position: 100% 0%;
background-repeat: repeat-y;
}

.gridbox_left {
background-image: url(box_left.png);
background-position: 0% 100%;
background-repeat: repeat-y;
}

.gridboxbtm_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxbtm_left.png);
background-position: 0% 100%;
}

.gridboxbtm_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(boxbtm_back.png);
background-position: 50% 100%;
}

.gridboxbtm_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(boxbtm_right.png);
background-position: 100% 100%;
}

.form_boxhdr_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(form_boxhdr_left.png);
background-position: 0% 0%;
}

.form_boxhdr_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(form_boxhdr_back.png);
background-position: 0% 0%;
}

.form_boxhdr_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(form_boxhdr_right.png);
background-position: 100% 0%;
}

.form_box_right {
background-image: url(form_box_right.png);
background-position: 100% 0%;
background-repeat: repeat-y;
}

.form_box_left {
background-image: url(form_box_left.png);
background-position: 0% 100%;
background-repeat: repeat-y;
}

.form_boxbtm_left {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(form_boxbtm_left.png);
background-position: 0% 100%;
}

.form_boxbtm_back {
background-color: transparent;
background-repeat: repeat-x;
background-image: url(form_boxbtm_back.png);
background-position: 50% 100%;
}

.form_boxbtm_right {
background-color: transparent;
background-repeat: no-repeat;
background-image: url(form_boxbtm_right.png);
background-position: 100% 100%;
}

.form_box_contents {
margin-top: 1px;
margin-left: 1px;
margin-bottom: 1px;
margin-right: 1px;
/*background-repeat: repeat-x;
background-image: url(form_back.png);
background-position: 0px 0px;*/
background-color: #EAEAEA;
}

.form_box_contents_shade {
margin: 10px;
}

.required {
padding-top: 8px;
padding-left: 4px;
padding-bottom: 4px;
padding-right: 4px;
}

.buttons {
padding-top: 10px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 4px;
text-align: right;
}

table.gridshade {
background-color: #D3D3D3;
}

table.formshade {
background-color: #D3D3D3;
}

td.gridshade {
background-color: #F2F2F2;
}

td.formshade {
background-color: #F2F2F2;
}

td.silver {
background-color: #E8E8E8;
color: #404040;
}

td.white {
background-color: white;
color: #404040;
}

tr.white {
background-color: white;
}

p {
font-size: 10pt;
}

p.white {
color: white;
}

p.boldwhite {
font-weight: bold;
color: white;
}

pre {
min-height: 30px;
max-height: 300px;
overflow: auto;
font-family: Courier New,Courier,monospace;
font-size: 9pt;
color: #404040;
background-color: #FEFFD3;
margin: 6px;
padding: 12px;
border-top: 1px;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
border-style: solid;
border-color: #D3D3D3;
}

hr {
height: 1px;
border: 1px;
color: #E6E6E6;
background-color: #E6E6E6;
}

hr.formsep {
color: #D3D3D3;
background-color: #D3D3D3;
}

.subhead {
font-size: 12pt;
font-weight: bold;
color: #808080;
}

.head {
color: #606060;
}

.smallhead {
font-size: 10pt;
font-weight: bold;
color: #808080;
}

.boldhead {
font-size: 11pt;
font-weight: bold;
color: #606060;
}

.largehead {
font-size: 12pt;
font-weight: bold;
color: #606060;
}

.sidehead {
font-size: 11pt;
font-weight: bold;
color: #808080;
}

.small {
font-size: 8pt;
}

.smallwhite {
font-size: 8pt;
color: white;
}

.search {
color: red;
}

.searchhead {
font-size: 12pt;
color: red;
}

.smallsearch {
font-size: 8pt;
color: red;
}

.tutorial {
color: #606060;
font-weight: bold;
}

.bold {
color: #606060;
font-weight: bold;
}

.message {
padding: 6px;
overflow: hidden;
word-wrap: break-word;
width: 600px;
}

.signature {
padding: 8px;
border: 1px;
border-style: solid;
border-color: #D3D3D3;
}

.quote {
font-family: Georgia,Cambria,Times,serif;
font-size: 9pt;
font-style: italic;
}

.agreement {
font-family: Georgia,Cambria,Times,serif;
font-size: 9pt;
}

.white {
color: white;
}

.largewhite {
font-size: 10pt;
color: white;
}

.whitebold {
font-weight: bold;
color: white;
}

.silver {
color: silver;
}

.smallgray {
font-size: 8pt;
color: gray;
}

.menugray {
font-size: 11pt;
color: silver;
}

.largesilver {
color: silver;
}

.invsmall {
font-size: 8pt;
color: gray;
}

.invbold {
font-weight: bold;
color: gray;
}

.invhead {
font-size: 16pt;
font-weight: bold;
color: gray;
}

ul {
list-style-type: none;
list-style-image: url('bullet_green.png');
}

a:link {
color: #1571AC;
text-decoration: none;
}

a:active {
color: #1571AC;
text-decoration: none;
}

a:visited {
color: #1571AC;
text-decoration: none;
}

a:hover {
color: #1571AC;
text-decoration: underline;
}

a.codelink:link {
font-family: Courier New,Courier,monospace;
color: #404040;
text-decoration: underline;
background-color: #FEFFD3;
}

a.codelink:active {
font-family: Courier New,Courier,monospace;
color: #404040;
text-decoration: underline;
background-color: #FEFFD3;
}

a.codelink:visited {
font-family: Courier New,Courier,monospace;
color: #404040;
text-decoration: underline;
background-color: #FEFFD3;
}

a.codelink:hover {
font-family: Courier New,Courier,monospace;
color: #FA320A;
text-decoration: underline;
background-color: #FEFFD3;
}

a.menulink:link {
text-transform: uppercase;
}

a.menulink:active {
text-transform: uppercase;
}

a.menulink:visited {
text-transform: uppercase;
}

a.menulink:hover {
text-transform: uppercase;
}

a.boldlink:link {
font-weight: bold;
}

a.boldlink:active {
font-weight: bold;
}

a.boldlink:visited {
font-weight: bold;
}

a.boldlink:hover {
font-weight: bold;
}

a.smalllink:link {
font-size: 8pt;
}

a.smalllink:active {
font-size: 8pt;
}

a.smalllink:visited {
font-size: 8pt;
}

a.smalllink:hover {
font-size: 8pt;
}

a.largelink:link {
font-size: 11pt;
}

a.largelink:active {
font-size: 11pt;
}

a.largelink:visited {
font-size: 11pt;
}

a.largelink:hover {
font-size: 11pt;
}

a.tagverysmalllink:link {
font-size: 8pt;
}

a.tagverysmalllink:active {
font-size: 8pt;
}

a.tagverysmalllink:visited {
font-size: 8pt;
}

a.tagverysmalllink:hover {
font-size: 8pt;
}

a.tagsmalllink:link {
font-size: 10pt;
}

a.tagsmalllink:active {
font-size: 10pt;
}

a.tagsmalllink:visited {
font-size: 10pt;
}

a.tagsmalllink:hover {
font-size: 10pt;
}

a.tagmediumlink:link {
font-size: 12pt;
}

a.tagmediumlink:active {
font-size: 12pt;
}

a.tagmediumlink:visited {
font-size: 12pt;
}

a.tagmediumlink:hover {
font-size: 12pt;
}

a.taglargelink:link {
font-size: 14pt;
}

a.taglargelink:active {
font-size: 14pt;
}

a.taglargelink:visited {
font-size: 14pt;
}

a.taglargelink:hover {
font-size: 14pt;
}

form {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
}

submit {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
}

input {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
}

input.small {
font-size: 8pt;
}

input.full {
width: 94%;
}

file {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
}

select {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
}

textarea {
font-family: Arial,Segoe UI,Helvetica,sans-serif;
font-size: 10pt;
color: #404040;
width: 94%;
}

textarea.stretch {
width: 99%;
}

textarea.code {
font-family: Courier New,Courier,monospace;
font-size: 9pt;
color: #404040;
width: 94%;
}
