body {
 background-color: #337777;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-family: verdana,geneva,sans-serif;
 font-size: 100%;
 color: #000000;
}
#screenDiv {
 background-color: #FFFFFF;
 width: 780px;
 margin: 0px auto;
 padding: 0px;
 text-align: left;
}
#frameDiv {
 border-left: 1px dotted #4444CC;
 width: 780px;
}
* html #frameDiv {
 border-left: none;
 padding-left: 1px;
 background: url(style_bluedotted.gif) repeat-y top left;
}
#frameDivF {
 padding:0 0 0 1px;
}
.frameTable {
 border-right: dotted 1px #4444CC;
 width: 779px;
}
* html .frameTable {
 border-right: none;
 background: url(style_bluedotted.gif) repeat-y top right;
 padding: 0 1px 0 0;
}
.frameTableF {
 padding:0 1px 0 0
}
#leftSidebarCell {
 border-right: dotted 1px #4444CC;
 width: 190px;
}
* html #leftSidebarCell {
 border-right: none;
 background: url(style_bluedotted.gif) repeat-y top right;
 padding-right: 1px;
}
#rightSidebarCell {
 border-left: dotted 1px #4444CC;
 width: 190px;
}
* html #rightSidebarCell {
 border-left: none;
 background: url(style_bluedotted.gif) repeat-y top left;
 padding-left: 1px;
}
#pageCell {
 width: 396px;
 margin: 0;
 padding: 0;
}
#pageTable {
 width: 394px;
}

#hierarchyDiv {
 width: 770px;
 padding: 10px 0 4px 9px;
 margin: 0;
}
.hierarchyText {
 color: #7788AA;
 font-size: 70%;
 font-weight: normal;
}
.hierarchyList {
 display: inline;
 margin: 0;
 padding: 0;
}
.hierarchyList li {
 display: inline;
 padding: 0 5px 0 5px;
}
.hierarchyList li.firstitem {
}
.hierarchyList li.otheritem {
 border-left: 1px solid #7788AA;
}
.hierarchyLink:link, .hierarchyLink:visited, .hierarchyLink:active {
 color: #7788AA;
 text-decoration: underline;
}
.hierarchyLink:hover, .hierarchyLink.selected {
 color: #cc1144;
}

.topnavFill {
 width: 1px;
 border-top: 1px solid #7788AA; border-bottom: 1px solid #7788AA;
}
.topnavBar {
 background: #77CCFF;
 border-top: 1px solid #7788AA; border-bottom: 1px solid #7788AA;
}
.topnavList {
 background: #77CCFF;
 height: 20px;
 margin: 0;
 padding: 0;
 font-size: 70%;
}
.topnavList li {
 float: left;
 height: 17px;
 padding: 3px 10px 0 8px;
 list-style-type: none;
 font-weight: bold;
 background: url(style_divider.gif) right top no-repeat;
}
.topnavList li.firstItem {
}
.topnavList li.otherItem {
}
.topnavListDrop {
 display: none;
 visibility: hidden;
 position: absolute;
 background: #77CCFF;
 margin: 0;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
 border: 1px solid #7788AA;
}
.topnavListDrop li {
 margin: 0px 0px 0px 0px;
 padding: 2px 8px 3px 10px;
 font-weight: bold;
 font-size: 70%;
 white-space: nowrap;
}
* html .topnavListDrop li {
 margin: 0px 0px 0px -5px;
 padding: 0px 8px 0 0px;
}
.topnavListDrop li.firstItem {
}
.topnavListDrop li.otherItem {
}
.topnavLink:link, .topnavLink:visited, .topnavLink:active {
 text-decoration: none;
 color: #000099;
}
.topnavLink:hover, .topnavLink.selected {
 color: #cc1144;
}
.bottomnavFill {
 width: 1px;
 border-top: 1px solid #7788AA; border-bottom: 1px solid #7788AA;
}
.bottomnavBar {
 background: #FFFFFF;
 border-top: 1px solid #7788AA; border-bottom: 1px solid #7788AA;
}
.bottomnavList {
 float: left;
 height: 20px;
 margin: 0;
 padding: 3px 10px 0 8px;
 font-size: 70%;
}
.bottomnavList li {
 float: left;
 height: 17px;
 padding: 0 22px 0 0px;
 list-style-type: none;
}
.bottomnavList li.firstitem {
}
.bottomnavList li.otheritem {
}
.bottomnavLink:link, .bottomnavLink:visited, .bottomnavLink:active {
 text-decoration: none;
 color: #444444;
}
.bottomnavLink:hover, .bottomnavLink.selected {
 color: #cc1144;
}
.bottomnavFill {
 width: 1px;
}

.pageHeading {
 background-color: #B1EEFF;
 margin: 0px;
 padding: 0px;
 border: 1px solid #B1EEFF;
}
.pagenavBar {
 background-color: #99CCFF;
 border-bottom: 1px solid #99CCFF;
 margin: 0px;
 padding: 1px 0px 1px 0px;
}
.pagenavList, .boxnavList {
 clear: both;
 margin: 1px auto 0px auto;
 padding: 0;
 font-size: 70%;
}
.pagenavList li, .boxnavList li {
 float: left;
 margin: 0px 5px 1px 5px;
 padding: 0px 5px 1px 5px;
 background-color: #DDEEFF;
 color: #6666FF;
 border-color:#9999FF; border-style:solid; border-width:1px 1px 1px 1px;
 list-style-type: none;
 font-weight: bold;
}
.pagenavgreyedText {
 color:  #99CCFF;
}
.pagenavList li.firstItem, .boxnavList li.firstItem {
}
.pagenavList li.otherItem, .boxnavList li.otherItem {
}
.pagenavList li.selectedItem, .boxnavList li.selectedItem {
 border-color:#000000;
 color: #000066;
}
.pagenavLink:link, .pagenavLink:visited, .pagenavLink:active, .boxnavLink:link, .boxnavLink:visited, .boxnavLink:active  {
 text-decoration: none;
 color: #6666FF;
}
.pagenavLink:hover, .pagenavLink.selected, .boxnavLink:hover, .boxnavLink.selected {
 color: #cc1144;
}

.contentmenuList {
 margin: 0 8px 8px 0px;
 padding: 0px 4px 0px 8px;
 list-style-type: none;
 color: #000099;
}
.contentmenuList li {
 background: url(style_bullet.gif) left top no-repeat;
 margin: 0;
 padding: 0 0 0 12px;
 list-style-type: none;
 font-size: 90%;
}
.contentmenuLink {
 text-decoration: none;
 color: #000099;
}
.contentmenuLink:hover, .contentmenuLink.selected {
 color: #cc1144;
}
ul#contentmenuList li.firstitem {
}
ul#contentmenuList li.otheritem {
}
.contentmenuTitle {
 font-weight: bold;
}
.contentmenuText {
font-weight: lighter;
}


.bodymenuList {
 margin: 0 8px 8px 0px;
 padding: 4px 4px 4px 8px;
 list-style-type: none;
 color: #000000;
}
.bodymenuList li {
 background: url(style_bullet.gif) left top no-repeat;
 margin: 0;
 padding: 0 0 5px 12px;
 list-style-type: none;
}
.bodymenuLink {
 text-decoration: none;
 color: #000099;
}
.bodymenuLink:hover, .bodymenuLink.selected {
 color: #cc1144;
}
.bodymenuList li.firstitem {
}
.bodymenuList li.otheritem {
}
.bodymenuTitle {
font-weight: bold;
}
.bodymenuText {
font-weight: lighter;
}

* html .topnavListDrop, .pagenavList, .boxnavList, .contentmenuList, .bodymenuList {
 zoom:1;
}
.borderRight {
 border-right: dotted 1px #4444CC;
 padding: 0;
}
* html .borderRight {
 border-right: none;
 background: url(style_bluedotted.gif) repeat-y top right;
 padding-right: 1px;
}
.borderLeft {
 border-left: dotted 1px #4444CC;
 padding: 0;
}
* html .borderLeft {
 border-left: none;
 background: url(style_bluedotted.gif) repeat-y top left;
 padding-left: 1px;
}
.borderBottom {
 border-bottom: 1px solid #4444CC;
}
.borderTop {
 border-top: 1px solid #4444CC;
}
.sidebarText {
 font-size: 80%;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
}
.sidebarText a {
 text-decoration: none;
 color: #000099;
}
.sidebarText a:hover {
 color: #cc1144;
}
.sidebarBlueText {
 font-size: 80%;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
 color: #000099;
}
.sidebarBlueText a {
 color: #000099;
}
.sidebarBlueText a:hover {
 color: #cc1144;
}
.centrebodyText {
 font-size: 80%;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
}
.teamspaceText {
 font-size: 60%;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
 background-color: #6666CC;
 color: #888888;
 text-decoration: none;
}
.mailboxText {
 font-size: 70%;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
 background-color: #6666CC;
 color: #CCCCCC;
 text-decoration: none;
}
.centrebodySubheading {
 clear: left;
 font-size: 90%;
 font-weight:bold;
 margin: 0px 8px 0px 8px;
 padding: 4px 0px 4px 0px;
}
.centretitleText {
 font-size: 110%;
 color: #222288;
 margin: 4px 0px 4px 0px;
}
.marginlessImage {
 clear: left;
 margin: 0;
 padding: 2px 0px 2px 0px;
}
.leftedgeImage {
 clear:left;
 margin: 4px 2px 2px 0px;
 padding: 0;
}
.rightedgeImage {
 clear:left;
 margin: 4px 0px 2px 2px;
 padding: 0;
}
.indextableTable {
 border: 1px solid #CCCCCC;
 margin: 0px 0px 0px 0px;
}
.indextableHeading {
 font-size:90%;
 font-weight:bold;
 background-color: #CCDDFF;
}
.indextableRow0 {
 font-size:100%;
 background-color: #D7F4FF;
}
.indextableRow1 {
 font-size:100%;
 background-color: #CCEEFF;
}
.indextableRow0 td {
 border-bottom: 1px solid #CCCCFF;
}
.indextableRow1 td {
 border-bottom: 1px solid #CCCCFF;
}
.indextableRow0 td a {
 text-decoration: none;
 color: #000000;
}
.indextableRow0 td a:hover {
 color: #cc1144;
}
.indextableRow1 td a {
 text-decoration: none;
 color: #000000;
}
.indextableRow1 td a:hover {
 color: #cc1144;
}

.formTable {
 border: 1px solid #CCCCCC;
 margin: 0px 0px 0px 0px;
}
.formMessageBox {
 font-weight:bold;
 background-color: #CCDDFF;
}
.formInfoMessage {
 color: #006600;
 }
.formErrorMessage {
 color: #FF0000;
 }
.formRow0 {
 font-size:100%;
 background-color: #D7F4FF;
}
.formRow1 {
 font-size:100%;
 background-color: #CCEEFF;
}
.formTitleCol {
 font-size:90%;
 font-weight:bold;
}
.formErrorTitleCol {
 font-size:90%;
 font-weight:bold;
 color: #ff0000;
}
.formDataCol {
}
.formAnnotationText {
 font-size: 80%;
 clear: both;
 color: #222288;
 margin: 0px 4px 0px 4px;
}
.formInsetTable {
 border: 0px;
 margin: 0px 0px 0px 0px;
}

.warningText {
 color: #CC0000;
}

.readonlyControl {
 background-color: #DDDDDD;
}

.surveyForm {
 background-color: #DDFFFF;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 color: #006600;
}

.surveyControl {
 background-color: #C4FFFF;
 color: #006600;
}

.surveyAnnotationText {
 font-size: 80%;
 clear: both;
 color: #006600;
 margin: 0px 2px 0px 2px;
}

.boxTitle {
 clear: both;
 background-color: #B1EEFF;
 margin: 0 0 2px 0;
 padding: 3px;
 color: #003366;
 font: 90% Helvetica, Arial, sans-serif;
}
.boxTitle a {
 text-decoration: none;
 color: #003366;
}
.boxTitle a:hover {
 color: #cc1144;
}
.boxContent {
 color: #000000;
 padding:2px 2px 4px 2px;
}
.boxContent a {
 text-decoration: none;
 color: #000099;
}
.boxContent a:hover {
 color: #cc1144;
}
.stackTable {
 border-style:none;
 margin:0 0 0 0;
 padding:0 0 0 0;
}
.stackCell {
 background-color:#E3EEFF;
 border-style:none;
 margin:3px 3px 3px 3px;
 border-color:#6699FF;
 padding:0 0 0 0;
}
.holeFrame {
 margin: 0;
 padding: 0;
 vertical-align:top;
 width: 394px;
}
.holeDiv {
 margin: 0;
 padding: 0;
 vertical-align:top;
 overflow:auto;
 width: 394px;
}
.holeInnerDiv {
 margin: 0;
 padding: 0;
 vertical-align:top;
 width: 374px;
}
.gyrlocationBox {
 border: 1px ridge #CCCCFF;
 background-color:#DDEEFF;
}