/************************************************************************************
 CIGR primary colors:
 #FDE27A -- Yellow Background 
 #1C65AB -- Dark blue, for header words and sidebar background 
 #90BADE -- Medium blue, alternate color
 #CBE3EA -- Light blue, primary background color
*************************************************************************************/
* html {
  height: 100%;
}

html, body {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #AAAAAA;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

img {
  border: 0px;
}

pre {
  background-color: inherit;
}

a {
  color: #005A9C;
  font-size: 11px;
  text-decoration: none;
}

a:hover {
  color: #7777FA;
}

form {
  margin: 0px;
  padding: 0px;
}

textarea {
  font: inherit;
}

input[type=radio] {
  width: 20px;
}

input[type=checkbox] {
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  width: 100%;
}

tr .altBkgrd {
  background-color: #AAD5B8;
}

#preloader {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#noBold {
  float: left;
  margin: 0px;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
}

.clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.note {
  color: red;
  font-size: 11px;
}

.required {
  padding-left: 3px;
  color: red;
}

.helpText {
  width: 350px;
}

.colored-button {
  border: 1px solid #2A4760;
  background-color: #90BADE;
  color: #2A4760;
  font-size: 11px;
}

.addButton {
  width: 23px;
  height: 23px;
  border: none;
  background: url(images/add.png) no-repeat;
}

.delButton {
  width: 23px;
  height: 23px;
  border: none;
  background: url(images/delete.png) no-repeat;
  cursor: pointer;
}

.delDisabledButton {
  width: 23px;
  height: 23px;
  border: none;
  background: url(images/deleteDisabled.png) no-repeat;
  cursor: pointer;
}

.searchBox {
  float: right;
  margin: 1px;
  padding: 2px 10px 2px 10px;
  background-color: #CC4139;
}

.exception {
  padding: 5px 0px;
  color: red;
  font-size: 14px;
  text-align: center;
}

.exceptionStack {
  display: none;
  padding: 20px 50px 10px 100px;
  font-size: 10px;
}

.nav-main-rolledover {
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #000033;
}

.nav-sub-rolledover {
  color: #FDE27A;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

/*** outside-box ***/
.outside-box-border {
  padding: 0px;
  background-color: #FFFFFF;
  color: #333333;
  font-family: Tahoma;
  font-size: 11px;
}

.outside-box-border th {
  padding: 3px;
  text-align: left;
}

.outside-box-border td {
  padding: 3px;
  text-align: left;
}

.outside-box-border span {
  padding: 3px;
}

.outside-box-border .title4 {
  color: #333333;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

/*** inside-box ***/
.inside-box table {
  background-color: #363E46;
  color: #FFFFFF;
  font-family: Tahoma;
  font-size: 13px;
}

.inside-box td {
  padding: 0px 10px 0px 30px;
  background-color: #BE433B;
  color: #FFFFFF;
  font-family: Tahoma;
  font-size: 13px;
}

.inside-box a {
  color: #FFFFFF;
  font-family: Tahoma;
  font-weight: bold;
}

.inside-box a:hover {
  color: #FEEFB1;
  font-family: Tahoma;
  font-weight: bold;
}

.inside-box .title5 {
  padding: 5px;
  color: #FFFFFF;
  font-family: Tahoma;
  font-size: 13px;
}

/*** containerPane ***/
.containerPane {
  padding: 6px;
  height: 100%;
  min-width: 1000px;
}

.topPane {
  height: 100px;
}

.bottpmPane {
  height: 60px;
}

table.topPane td, table.bottomPane td {
  padding: 0px;
}

/*** header ***/
.headerLeft {
  position: relative;
  top: 0px;
  left: 0px;
  width: 329px;
  height: 100px;
  background: url(images/background/bkgrd.header.lt.gif) no-repeat;
  background-size: cover;
}

.headerMiddle {
  height: 100px;
  background: url(images/background/bkgrd.header.mid.gif) right 0px;
}

.headerMiddle .title {
  position: relative;
  padding-top: 40px;
  color: #CC4139;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.headerRight {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100px;
  background: url(images/background/bkgrd.header.rt.gif) right no-repeat #FFFFFF;
}

.headerRight a {
  padding: 0px 3px;
  color: #005A9C;
  font-family: Verdana;
}

.headerRight a:hover {
  color: #CF403A;
}

.headerRight table td {
  padding: 10px 20px 10px 0;
}

.headerRight .user {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
}

.headerRight .links {
  color: #005A9C;
  font-family: Verdana;
  font-size: 11px;
  text-align: right;
}

.headerRight .links a.highlight {
  margin-right: 10px;
  padding: 5px 6px;
  background-color: #1E5A98;
  border-radius: 6px;
  color: #EFEFEF;
  font-size: 12px;
  font-weight: bold;
}

.headerRight .links a.highlight:hover {
  background-color: #343434;
}

/*** footer ***/
.footerLeft {
  position: relative;
  top: 0px;
  left: 0px;
  width: 110px;
  height: 60px;
  background: url(images/background/bkgrd.footer.lt.gif);
}

.footerMiddle {
  height: 60px;
  background: url(images/background/bkgrd.footer.mid.gif) right 0px;
}

.footerMiddle span {
  color: #333333;
  font-size: 8px;
  text-decoration: none;
  text-transform: lowercase;
}

.footerMiddle a {
  color: #333333;
  font-size: 10px;
}

.footerRight {
  position: relative;
  left: 0px;
  top: 0px;
  width: 110px;
  height: 60px;
  background: url(images/background/bkgrd.footer.rt.gif) right 0px repeat;
}

/*** contentPane ***/
.contentPane {
  padding: 10px 30px;
  min-height: 500px;
  background-color: #ECECEB;
  vertical-align: top;
}

.contentPane h2 {
  color: #2A4760;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
}

.contentPaneError {
  margin: 5px 0px;
  background-color: #FF0000;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
}

.contentPaneWarn {
  margin: 5px 0px;
  background-color: #FF0000;
  font-size: 12px;
  text-align: center;
}

.contentPaneInfo {
  margin: 5px 0px;
  background-color: #CBCBCB;
  font-size: 12px;
  text-align: center;
}

.contentPaneMessage {
  margin: 5px 0px;
  background-color: #CBCBCB;
  font-size: 12px;
  text-align: center;
}

/*** contentPaneIntro ***/
.contentPaneIntro {
  margin: 5px 20px;
}

.contentPaneIntro img {
  margin-right: 5px;
  vertical-align: middle;
}

.contentPaneIntro h5 {
  margin: 0px 10px;
  color: #005A9C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.contentPaneIntro p {
  margin: 0px 10px;
  color: #333333;
  font-size: 11px;
  line-height: 15px;
}

/*** contentPaneDetail ***/
.contentPaneDetail {
  clear: both;
  position: relative;
  padding: 5px 0px;
  font-size: 12px;
}

.contentPaneDetail div.section {
  clear: both;
  display: inline-block;
  width: 100%;
  background-color: #FFFFFF;
  color: #333333;
}

/*.contentPaneDetail div.subsection {
  clear: both;
  padding: 10px;
  background-color: #EEEEEE;
}*/

.contentPaneDetail div.col {
  float: left;
  width: 49.5%;
}

.contentPaneDetail div.col3 {
  float: left;
  width: 33%;
}

.contentPaneDetail div.col3 div.row span.label {
  width: 38%;
}

.contentPaneDetail div.col3 div.row span.field {
  width: 60%;
}

.contentPaneDetail div.col3 div.row span.textareaField {
  min-width: 60%;
}

.contentPaneDetail div.row {
  clear: both;
  display: inline-block;
  margin: 3px;
  width: 100%;
}

.contentPaneDetail div.row p {
  margin: 2px;
  font-size: 11px;
  font-weight: bold;
}

.contentPaneDetail div.row ol {
  margin: 2px;
}

.contentPaneDetail div.row ul {
  margin: 2px;
}

.contentPaneDetail div.row span.label {
  float: left;
  margin: 1px;
  width: 30%;
  text-align: right;
}

.contentPaneDetail div.row span.field {
  float: left;
  margin: 1px 0px 1px 4px;
  width: 68%;
  text-align: left;
}

.contentPaneDetail div.row span.textareaField {
  float: left;
  margin: 1px 0px 1px 4px;
  min-width: 68%;
  text-align: left;
}

.contentPaneDetail div.row a {
  font-size: 12px;
}

/*.contentPaneDetail div.row span.field span.none {
  float: left;
  font-size: 12px;
}*/

/*** contentPaneList ***/
.contentPaneList {
  clear: both;
  padding: 5px 0px;
}

.contentPaneList div.table {
  clear: both;
  display: table;
  width: 100%;
  border: 1px solid #332211;
  background-color: #FFFFFF;
  color: #333333;
}

.contentPaneList span.header {
  float: left;
  display: table-cell;
  padding: 4px 0px 4px 9px;
  background-color: #AAAAAA;
  font-size: 13px;
  white-space: nowrap;
}

.contentPaneList span.header a {
  display: table-cell;
  font-size: 13px;
}

.contentPaneList div.row {
  clear: both;
  display: table-row;
  width: 100%;
  height: 25px;
  background-color: #FF00000;
}

.contentPaneList div.headerRow {
  clear: both;
  display: table-row;
  width: 100%;
  height: 25px;
  background-color: #AAAAAA;
}

.contentPaneList div.oddRow {
  clear: both;
  display: table-row;
  width: 100%;
  height: 25px;
  background-color: #E3E9F0;
}

.contentPaneList div.evenRow {
  clear: both;
  display: table-row;
  width: 100%;
  height: 25px;
  background-color: #FF00000;
}

.contentPaneList span.cell {
  float: left;
  display: table-cell;
  overflow: hidden;
  padding: 3px 0px 3px 9px;
  background-color: #FF00000;
  font-size: 12px;
  word-wrap: break-word;
}

.contentPaneList span.cell a {
  display: table-cell;
  font-size: 12px;
}

.contentPaneList span.cell img {
  width: 16px;
  height: 16px;
}

.contentPaneList thead tr {
  background-color: #AAAAAA;
  font-weight: bold;
}

.contentPaneList tr.oddBkgrd {
  background-color: #E3E9F0;
}

.contentPaneList tr.evenBkgrd {
  background-color: #FFFFFF;
}

.contentPaneList td, .contentPaneList th {
  padding: 5px 3px;
  font-size: 12px;
}

/** fileOpts **/
.fileOpts a {
  display: inline-block;
}

.fileOpts a img {
  vertical-align: top;
}

.contentPaneList span.header .breadCrumbs a {
  display: inline;
}

/*** login ***/
#login {
  width: 1024px;
  height: 600px;
  background: url(images/background/bkgrd.login.all.gif) 0px 0px no-repeat;
}

.loginFooter {
  width: 1024px;
}

.loginFooter td {
  padding: 0px;
}

.loginForm {
  position: absolute;
  top: 300px;
  left: 420px;
}

.loginForm h3 {
  margin: 10px 0px 3px 0px;
  padding: 0px;
  color: #005A9C;
  font-size: 9px;
}

.loginForm .inputText {
  width: 260px;
  color: #005A9C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.loginTitle {
  position: absolute;
  top: 34px;
  left: 370px;
  color: #CC4139;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.loginLink {
  position: absolute;
  top: 70px;
  left: 449px;
}

.loginLink a {
  padding: 5px 6px;
  background-color: #1E5A98;
  border-radius: 6px;
  color: #EFEFEF;
  font-size: 12px;
  font-weight: bold;
}

.loginLink a:hover {
  background-color: #343434;
}

.loginGreetings {
  position: absolute;
  top: 130px;
  width: 1024px;
  text-align: center;
}

.loginDisclaimer {
  position: absolute;
  top: 560px;
  width: 1024px;
  text-align: center;
  color: #333333;
  font-size: 10px;
}

.loginVerisign {
  position: absolute;
  top: 450px;
  left: 850px;
}

.loginError {
  width: 220px;
  color: #DC103C;
  font-size: 9px;
}

/*** pop-up menus - options ***/
.optPopWrapPad {
  padding: 0px 0px 0px 8px;
  background: url(images/optPopup/bkgrd.optPopup_repeat.gif) 0px 0px repeat-y;
}

.optPopDiv {
  position: absolute;
  visibility: hidden;
  z-index: 1001;
  padding: 0px;
  top: 0px;
  width: 165px;
  background: url(images/optPopup/bkgrd.optPopup.gif) 0px 0px no-repeat;
  opacity: 0.9;
  filter: alpha(opacity = 90);
  -moz-opacity: 0.9;
}

.optPopDiv td {
  padding-top: 3px;
}

.optPopDiv td img {
  vertical-align: middle;
}

.optPopDiv a {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}

.optPopDiv a:hover {
  color: #94CAF3;
}

/*** changes to Dojo/Dijit menus -- http://docs.dojocampus.org/dijit/themes ***/
.sidebarPane .dijitMenuBar {
  padding: 0px 10px;
}

.sidebarPane .mainMenu.dijitMenuBar {
  background: #1E5A98;
  border-color: #1E5A98;
}

.sidebarPane .subMenu.dijitMenuBar {
  background: #AAAAAA;
  border-color: #AAAAAA;
}

.sidebarPane .thisWorkspace {
  float: right;
  padding: 6px 10px 0px 0px;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}

.claro .dijitMenuPopup .dijitMenuItem td {
  padding: 6px 0px 7px 3px;
  background: #AAAAAA;
  border-color: #AAAAAA;
  text-align: left;
}

.claro .dijitMenuItemLabel {
  width: 148px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.sidebarPane .dijitMenuItemHover, .sidebarPane .dijitMenuItemSelected {
  color: #1E5A98;
  background-image: none;
}

.claro .dijitTitlePaneTitle {
  background: #1E5A98;
  color: #FFFFFF;
  font-size: 12px;
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode {
  background-image: none;
}

.claro .tooltipLink {
  font-size: 11px;
}

.claro .buttonLink {
  margin: 0px;
  float: right;
}

/*.claro .dijitDialog {
  padding: 5px;
  border: 2px solid black;
}

.claro .dijitTooltipContainer {
  border: solid black 2px;
  background: #B8B5B5;
  color: red;
  font-size: 11px;
}*/