/******************************************
   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
*******************************************/

/* --- Dijit Themes (http://dojotoolkit.org/reference-guide/1.6/dijit/themes.html) --- */
.tundra .dijitMenuBar, .tundra .dijitMenuPopup .dijitMenu {
   padding: 2px 5px;
   background-color: #3E7951;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
}
.tundra .dijitMenuBar .dijitMenuItem {
   width: 120px;
   text-align: center;
}
.tundra .dijitMenuPopup .dijitMenuItem td {
   padding: 4px;
   text-align: left;
}
.tundra .dijitMenuPassive .dijitMenuItemHover, .tundra .dijitMenuItemSelected {
   background-color: transparent;
   color: #F9EFA6;
}
.tundra .dijitDialogPaneContent {
   padding: 0px;
}
.edmsTitlePane {
   margin: 5px 0px;
}
.edmsTitlePane .dijitTitlePaneTitle {
   color: #FFFFFF;
   background: #3E7951;
   font-family: Tahoma;
   font-size: 12px;
}

/* --- Common --- */
* html {
   height: 100%;
}
html {
   height: 100%;
}
body {
   margin: 0px;
   padding: 0px;
   height: 98%;
   background-color: #FDE27A;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
form {
   margin: 0px;
   padding: 0px;
}
table {
   border-collapse: collapse;
   width: 100%;
}
td {
   padding: 0px;
}
hr {
  border-left: none;
}
img {
   border: 0px;
}
a {
   text-decoration: none;
   font-size: 11px;
   color: #000084;
}
a:hover {
   color: #7777FA;
}
a:focus {
   outline-style: none;
}
span.file {
   color: #840000;
}
span.doc {
   color: #008400;
}
.iconBtn {
   margin: 1px;
   padding: 0;
   border: none;
   background: transparent;
   cursor: pointer;
}
.iconBtn img {
   width: 14px;
   height: 14px;
   vertical-align: bottom;
}
#preloader {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}
#formContent {
   width: 1100px;
   height: 560px;
   border :0 none;
}

/* --- Top Navigation --- */
.inside-box td { 
   padding: 0px 30px; 
   background-color: #488E5F;
   font-family: Tahoma;
   font-weight: bold;
}
.nav-main-rolledover {
   color: #000033;
}
.nav-sub-rolledover {
   color: #FDE27A;
}

/* --- Container --- */
.containerPane { 
   min-width: 1100px;
   padding: 10px;   
}

/* --- Header --- */
.topPane {}
.headerLeft {
   background: url(images/background/bkgrd.header.lt.gif) no-repeat;
   position: relative;
   width: 100px;
   height: 100px;
   left: 0px;
   top: 0px;
}
.headerMiddle {
   background: url(images/background/bkgrd.header.mid.gif) right 0px;
   height: 100px;
   text-align: right;
}
.headerMiddle .title {
   padding:10px 0px 0px 20px;
   color: #FFFFFF;
   font-family: Verdana;
   font-size: 20px;
   font-weight: bold;
   text-align: left;
}  
.headerMiddle .user {
   padding: 30px 15px 0px 0px;
   width:100%;
   color: #FFFFFF;
   font-size: 11px;
   font-family: Verdana;
   font-weight: bold;
   text-align: right;
}  
.headerMiddle .pawn {
   padding: 30px 20px 0px 0px;
}  
.headerMiddle .links {
   padding: 10px 20px 0px 0px;
   color: #333333;
   font-family: Verdana;
   font-size: 11px;
   text-align: right;
}
.headerMiddle a {
   padding: 0px 3px;
   color: #333333;
   font-family: Verdana;
}
.headerMiddle a:hover {
   color: #666666;
}

/* --- Footer --- */
.bottomPane {}
.footerLeft {
   background: url(images/background/bkgrd.footer.lt.gif) no-repeat;
   position: relative;
   width: 30px;
   height: 60px;
   left: 0px;
   top: 0px;
}
.footerMiddle {
   background: url(images/background/bkgrd.footer.mid.gif) right 0px;
   height: 60px;
   text-align: center;
}
.footerMiddle span {
   color: #FFFFFF;
   font-size: 9px;
   vertical-align: middle;
   text-decoration: none;
   text-transform: lowercase;
}
.footerMiddle a {
   color: #FFFFFF;
   font-size: 10px;
}
.footerRight {
   background:url(images/background/bkgrd.footer.rt.gif) right 0px repeat;
   position: relative;
   width: 110px;
   height: 60px;
   left: 0px;
   top: 0px;
}

/* --- Side Bar --- */
.sidebarPane .topTheme {
   border: 0px;
   background-color: #488E5F;
}
.sidebarPane .btmTheme {
   border: 0px;
}
.sidebarPane .thisEntity {
   float: right;
   overflow: hidden;
   margin: 7px 10px;
   max-width: 255px;
   white-space: nowrap;
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
   font-style: italic;
}

/* --- Content --- */
.contentPane {
   padding: 20px 30px;
   min-height: 450px;
   background-color: #FFFFFF;
   vertical-align: top;
}

.contentPaneError {
   margin: 5px 30px;
   background-color: #FF0000;
   color: #FFFFFF;
   text-align: center;
   font-size: 12px;
}
.contentPaneMessage {
   margin: 5px 30px;
   background-color: #CBCBCB;
   text-align: center;
   font-size: 12px;
}
.contentPaneError pre, .contentPaneMessage pre {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: inherit;
}
/* --- Content Intro --- */
.contentPaneIntro {
   margin: 0px 20px 15px;
}
.contentPaneIntro td {
   padding: 0px 10px;
}
.contentPaneIntro img {
   vertical-align: middle;
}
.contentPaneIntro h5 {
   margin: 0px;
   color: #000084;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 13px;
   line-height: 15px;
}
.contentPaneIntro p {
   margin: 0px;
   color: #333333;
   font-size: 11px;
   line-height: 15px;
   width: 100%;
}

/* --- Content List --- */
.contentPaneList {
   margin: 0px;
   border: 1px solid #332211;
}
.contentPaneList div.table {
   display: table;
   clear: both;
   width: 100%;
   background-color: #FFFFFF;
   color: #333333;
}
.contentPaneList div.headerRow {
   display: table-row;
   clear: both;
   width: 100%;
   background-color: #3E7951;
   color: #FFFFFF;
}
.contentPaneList div.row {
   display: table-row;
   clear: both;
   width: 100%;
   background-color: #FFFFFF;
}
.contentPaneList div.oddRow {
   display: table-row;
   clear: both;
   width: 100%;
   background-color: #FEF1C0;
}
.contentPaneList div.evenRow {
   display: table-row;
   clear: both;
   width: 100%;
   background-color: #FFFFFF;
}
.contentPaneList div.warnRow {
   display: table-row;
   clear: both;
   width: 100%;
   background-color: #FEC0C0;
}
.contentPaneList span.header {
   display: table-cell;
   float: left;
   padding: 3px 0px 3px 8px;
   background-color: #3E7951;
   color: #FFFFFF;
   font-size: 12px;
   white-space: nowrap;
}
.contentPaneList span.header a {
   color: #FFFFFF;
   font-size: 12px;
}
.contentPaneList span.header a:hover {
   color: #F9EFA6;
}
.contentPaneList span.cell {
   display: table-cell;
   float: left;
   overflow: hidden;
   padding: 2px 0px 2px 8px;
   background-color: #FF00000;  
   font-size: 11px;
}

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

.contentPaneList tr.headerRow {
   background-color: #3E7951;
   color: #FFFFFF;
}
.contentPaneList tr.oddRow {
   background-color: #FEF1C0;
}
.contentPaneList tr.evenRow {
   background-color: #FFFFFF;
}

/* --- Content Detail --- */
.contentPaneDetail {
   margin: 0px;
   overflow: auto;
}
.contentPaneDetail div.section {
   background-color: #FFFFFF;
   color: #333333;
}
.contentPaneDetail div.section:after {
   content: ".";
   clear: both;
   display: block;
   height: 0px;
   visibility: hidden;
   font-size: 0px;
   /* clearFix */
}
.contentPaneDetail div.row {
   clear: both;
   padding: 3px 0px;
   font-size: 12px;
}
.contentPaneDetail div.col {
   float: left;
   width: 49.5%;
}
.contentPaneDetail div.col3 {
   float: left;
   width: 33%;
}
.contentPaneDetail p {
   margin: 5px;
   font-size: 11px;
   font-weight: bold;
}
.contentPaneDetail span.filebox {
   display: inline-block;
   padding: 0px 4px;
   width: 173px;
}
.contentPaneDetail span.label {
   float: left;
   width: 40%;
   padding: 3px 4px 3px 0px;
   text-align: right;
}
.contentPaneDetail span.field {
   float: left;
   width: 58.5%;
   padding: 3px 0px;
   text-align: left;
}
.contentPaneDetail span.field img {
   width: 12px;
   height: 12px;
}
.contentPaneDetail span.field .button {
   font-size: 10px;
}
.contentPaneDetail span.imagebox {
   display: inline-block;
   width: 500px;
   height: 80px;
   overflow: hidden;
   border: 1px dashed gray;
   background-color: #DDDDDD;
}
.contentPaneDetail span.imagebox img {
   width: auto;
   height: 80px;
}
.contentPaneDetail div.rowSpan { /* @Deprecated */
   clear: both;
   padding: 3px 0px;
   font-size: 12px;
}
.contentPaneDetail div.rowSpan p { /* @Deprecated */
   font-size: 11px;
   font-weight: bold;
}

/* --- Pop-up Options Menu --- */
.optPopDiv {
   visibility: hidden;
   position: absolute;
   top: 0px;
   width: 165px;
   padding-bottom: 5px;
   background: url(images/optPopup/bkgrd.optPopup_bot.gif) no-repeat left bottom;
   opacity: 0.9;
   filter: alpha(opacity=90);
   z-index: 1001;
}
.optPopDiv a {
   color: #FFFFFF;
   font-size: 10px;
   font-weight: bold;
   outline: none;
}
.optPopDiv a:hover {
   color: #94CAF3;
}
.optPopTitle {
   width: 165px;
   height: 29px;
   background: url(images/optPopup/bkgrd.optPopup.gif) no-repeat;
}
.optPopTitle a {
   position: relative;
   top: 11px;
   left: 14px;
   padding: 2px 0px 2px 26px;
}
.optPopWrapPad {
   padding: 0px 0px 3px 14px;
   background: url(images/optPopup/bkgrd.optPopup_repeat.gif) repeat-y;
}
.optPopWrapPad img {
   width: 26px;
   height: 18px;
   padding: 2px 0px;
   vertical-align: middle;
}

/* --- Login --- */
#login {
   background:url(images/background/bkgrd.login.all.gif) 5px 5px no-repeat;
   height:515px;
   width:995px;
}
.loginFooter {
   position: relative;
   left: 5px;
   height:50px;
   width:990px;
}
.loginForm {
   left:433px;
   position:absolute;
   top:238px;
}
.loginForm h3 {
   color:#000084;
   font-size:9px;
   margin:10px 0px 3px 12px;
   padding:0px;
}
.loginForm  .inputText {
   color:#000084;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:10px;
   width:260px;
}
.loginGreetings {
   left:248px;
   position:absolute;
   top:80px;
   width:598px;
}
.loginGreetings2 {
   left:248px;
   position:absolute;
   top:40px;
   width:598px;
}
.loginGreetings h2 {
   color:#488E5F;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:17px;
   font-weight:bold;
   line-height:20px;
}
.loginGreetings h3 {
   color:#333333;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:11px;
   font-weight:normal;
   line-height:17px;
}
.loginGreetings2 {
   left:248px;
   position:absolute;
   top:40px;
   width:598px;
}
.loginGreetings2 h2 {
   color:#488E5F;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:17px;
   font-weight:bold;
   line-height:20px;
}
.loginGreetings2 h3 {
   color:#333333;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:11px;
   font-weight:normal;
   line-height:17px;
}
.loginDisclaimer {
   color:#333333;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
   left:83px;
   line-height:11px;
   position:absolute;
   top:460px;
   width:791px;
}
.loginVerisign {
   left:850px;
   position:absolute;
   top:450px;  
}
.loginError {
   color:#dc103c;
   font-size:9px;
   width:220px;
}

.template, .hidden {
  display: none !important;
}
/* not use 
.clear {
   clear:both;
   font-size:1px;
   line-height:1px;
}
.left {
   float:left;
}
.right {
   float:right;
}
.colored-button{
background-color:90bade;
border: 1px solid #2a4760;
font-size: 11px;
color: #2a4760;
}
.sidebarPane i {
   color:#FFFFFF;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
}  
.sidebarPane a {
   color:#FFFFFF;
}
.contentPane h2 {
   color: #2A4760;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 15px;
   font-weight: bold;
   line-height: 20px;
}
.contentPaneLanding {
   color:#333333;
   font-size:11px;
   margin:0px;
   padding:0px 0px 5px 50px;
   border: thin;
   border-color: 333333;
   border-width: 1px;
}  
tr .oddBkgrd {
   background-color:#FEF1C0;
}  
tr .evenBkgrd {
   background-color: #ffffff;
}  
tr .altBkgrd {
   background-color: #AAD5B8;
}
.headerLeft div {
   padding: 18px 0px 0px 100px;
}
.headerLeft .title1 {
   color:#0c1f30;
   font-size:14px;
   font-family:Verdana;
   font-weight:bold;
}  
.headerLeft .title2 {
   color:#2a4760;
   font-size:13px;
   font-family:Verdana;
   font-weight:bold;

}
.headerRight {
   background:url(images/background/bkgrd.header.rt.gif) right 0px no-repeat;
   position:relative;
   height:100px;
   left:0px;
   top:0px;
   width: 43px;
}
.contentPaneDetail div.subsection {
   clear: both;
   background-color: #EEEEEE;
}
.contentPaneDetail div.evenRow {
  background-color:#FF00000;  
  clear: both;
  padding: 3px 0px 3px 0px;  
  margin:3px 0px 3px 0px;
  width:100%;     
  display:table;
}
.contentPaneDetail div.oddRow {
  background-color:#FEF1C0;
  clear: both;
  padding: 3px 0px 3px 0px;  
  margin:3px 0px 3px 0px;
  width:100%;     
  display:table;
}
.contentPaneDetail .rowSpanLabel {
   font-size: 12px;
   float: left;
   width: 25%;
   margin: 1px 5px 1px 5px;
   text-align: right;
}
.contentPaneDetail div.row p {
   margin: 0px;
   padding:5px;
   font-weight:bold; font-size:11px;
}
.contentPaneDetail span.long {
   font-size: 12px;
   margin: 1px 20px 1px 20px;
   text-align: left;
}
.outside-box-border { 
   font-family: Tahoma; 
   font-size: 11px; 
   color: #333333; 
   border: 1px solid #3E7951; 
   padding: 0px 0px 0px 0px;
   background-color:#FFFFFF;
}
.outside-box-border td { 
   text-align:left;
}
.outside-box-border th { 
   text-align:left;
}
.outside-box-border .title4 { 
   font-family: Tahoma; 
   font-size: 11px; 
   color: #333333; 
   text-align:right;
   font-weight:bold;
}
.inside-box .title5 { 
   font-family: Tahoma;
   font-size: 13px; 
   color: #ffffff; 
   padding: 5px 5px 5px 5px;
}
.inside-box2 table { 
   font-family: Tahoma;
   font-size: 13px; 
   color: #ffffff; 
   background-color:#1F3D28;
}
.inside-box2 td { 
   font-family: Tahoma;
   font-size: 13px; 
   color: #ffffff; 
   background-color:#3E7951;
   padding: 0px 10px 0px 30px;
}
.inside-box2 .title3 {
   color:#ffffff;
   font-size:13px;
   font-family:Verdana;
   font-weight:bold;
}
.inside-box2 a {
   color: #ffffff;
   font-family: Tahoma;
   font-weight:bold;
}
.inside-box2 a:hover {
   color: #FEEFB1;
   font-family: Tahoma;
   font-weight:bold;
}
.sidebarPane .searchBox {
   float: right;
   clear: both;
   padding: 2px 15px 0px 0px;
   font-size: 10px;
}*/