/*  Copyright © OGMA Consulting Corp.  */
/*  $Id: style.css,v 1.68.2.5 2015/08/06 20:33:43 Angela Exp $  */

body, textarea.readOnlyText, input.readOnlyTextHalfTone, input.readOnlyText, 
input.fieldValueReadOnly, input.readOnlyTextColor  
{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.systemWidth
{
  width:985px;
}

.asterisk 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.asterisk , .asteriskText
{
  color: #600000;
}

a:link, a:visited, a:active, h3, div.searchResultsBody,
a.searchResultsBody:link,a.searchResultsBody:active,
div.searchResultsBody:link, div.searchResultsBody:active
{
  color: #2D539D;
}

a:hover,
a.searchResultsBody:hover,
div.searchResultsBody:hover
 {
  color: #000;
  text-decoration:underline;
}

div.link:hover, span.link:hover
{
  color: #000;
}

.mainContainer
{
  /* margin: 0 auto;*/ /* uncomment to centre website */
  margin-bottom:10px;
}

nav
{
  padding: 15px 0px 20px 0px;
  margin: 0 0 40px 0px;
  width: 220px;
  background: url("../../or/images/gray_texture.png") repeat;
}

footer
{
  height:50px; 
  background: #2D539D;
  color: #FFF;
}

h1 
{ 
  font-family: Montserrat, sans-serif;
  font-size: 24.5px;
}

h2, .h2:link, .h2:active, 
.navigation, .navigation:link, .navigation:active,
.dbTime, .searchTitle
{
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size:18.2px;  
  color: #193F89;
}

.h2:hover, .navigation:hover 
{
  color: #000000;
}

div.h2, div.h2:active
{
  padding-top:2px;
}

div.navigation
{
  margin:0px;
}

.popup
{
  background: #2D539D;
  height: 50px;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  vertical-align: top;
  -webkit-box-shadow: 0 2px 3px #323232;
  -moz-box-shadow: 0 2px 3px #323232;
  box-shadow: 0 2px 3px #323232;
}

.Test
{  
  background: #843910; /* orange */
}

.Train
{  
  background: #344032; /* green */
}

.Train2
{  
  background: #660000; /* yellow */
}

.popupImage
{
  padding:10px;
}

.navPopup:hover, .popupH2:hover 
{
  color: #DEDED7;
}


/********* nav Links *********/


nav ul.completeStep
{
  padding:10px 5px;
  border-top: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  margin:10px;
}

nav ul.completeStep > li.nav, nav ul.completeStep > li.navOff, nav ul.completeStep > li.navOn
{
  padding-left: 10px;
  margin: 0px;
  border-bottom: 0px;
}

nav ul.completeStep > li.nav + li.navOff, nav ul.completeStep > li.navOn + li.navOff
{
  padding-top: 0px;
  padding-left: 10px;
  margin: 0px;
  border-bottom: 0px;
}

nav li.navOff
{
  color: #999!important;
  font-weight: bold;
}

nav ul.nav, nav ul.navSub
{
  list-style: none; 
  padding:0px;
  margin:0px;
}

nav li.nav, nav li.navOn, nav li.navSub, nav li.navSubOn, nav li.navWithSub, nav li.navWithSubOn, nav li.navOff
{
  padding:5px;
  margin:0px 20px;
}

nav li.navSub, nav li.navSubOn
{
  padding-left:10px;
  margin:0px 20px;
}

div.nav
{
  margin-left:6px;
}

nav div.navSub
{
  margin-left: 11px;
}

nav li.nav:not(:last-of-type), nav li.navOn:not(:last-of-type), nav li.navOff:not(:last-of-type), nav li.navSub:last-child, nav li.navSubOn:last-child
{
  border-bottom: 1px solid #ccc;
}

nav li.navWithSubOn, nav li.navWithSub
{
  border-bottom: 0px;
}

div.navText
{
  margin-left: 5px;
}

li.nav, li.navOn, li.navOff, li.navWithSub, li.navWithSubOn,
li.navSub, li.navSubOn, li.navSubOff,
nav .iconText:link, nav .iconTextOff,
nav div.navHeader, nav div.navHelp
{
  color: #2D539D;
  font-size: 12px;
  font-weight: normal;
}

li.nav, li.navOn, li.navOff, li.navWithSub, li.navWithSubOn,
li.navSub, li.navSubOn, li.navSubOff
{
  line-height:20px;
}

li.nav:hover , li.navSub:hover, li.navWithSub:hover, .iconText:hover 
{
  color: #333333;
  text-decoration: underline;
  cursor:pointer;  
}

li.navOn, li.navSubOn, li.navWithSubOn
{
  font-weight: bold!important;
  text-decoration: underline;
}

nav .iconTextOff
{
  color: #999!important;
}

li.navOn:hover, li.navSubOn:hover, li.navWithSubOn:hover
{
  color: #2d539d;
  text-decoration: underline;
  cursor:pointer;  
}

nav div.navHeader, nav div.navHelpHeader
{
  margin:20px 20px 5px 20px; 
  padding:5px 2px 2px 2px;
  vertical-align: middle;
  border:0px;
  box-sizing: border-box;
}

nav div.navHelpHeader
{
  border-top:1px solid #CCC;
}

div.navHeader .iconHelp
{
  margin-right:0px;
}

nav div.navHelp
{
  margin:0px 20px 10px 20px; 
  padding:0px 5px 10px 10px; 
  border-bottom:1px solid #CCC;
  text-transform: none;   
}

div.progCell
{
  width:  220px;
}

div.progDocCell
{
  width:  180px;
}

div.progDocTitle, div.progDocTitleOn, div.progDocTitleSlim
{
  width:190px;  
  background-color:#2D539D;
  border:1px solid #2D539D;
}

li.progDocTitle, li.progDocLinks
{
  width:190px; 
}

div.progDocTitleOn:hover
{
  background-color:#6293f3;
  border:1px solid #6293f3;
}

.ui-widget-header
{
  border: 1px solid #2D539D !important;
  background: #2D539D !important;
  background-image: none !important;
}