/************************ GENERAL ***********************************/
* {
   margin: 0;
	padding: 0;
}
body {
  font: small Arial, Verdana, Helvetica, sans-serif;
  color: #333;
  background: #fff
}
img {
  border: 0;
}
p {
  /* line-height: 1.1em; */
  margin: 1.5em 0;
}
h2 {
   font-size: 140%;
   font-weight: normal;
   margin: 2px 0;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 5px 0;
}
td, th {
  vertical-align: top;
  text-align: left;
}
.clear {
  clear: both;
}
select option {
  padding: 0 4px 0 2px;
}
form {
  clear: both;
  padding: 0;
  margin: 0;
}
.hide {
  display: none;
}
/***************************** WRAPPER & HEADER************************/
#wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  color: inherit;
}

#header {
  width: 100%;
  border-bottom: 1px solid #666;
  background-color: #5662c3;
  color: inherit;
}
#headerBar {
  float: left;
  /* background: #2e3882 url(../images/header_bg.jpg) repeat-x bottom left; */ /*Original background with no horizontal lines */
   background: #20265a url(../images/header_gradient2.gif) repeat-x 0 0;  /* Lines have 20% opacity */
  /* background: #20265a url(../images/header_gradient15.jpg) repeat-x 0 0;*/ /* Lines have 15% opacity */
  /* background: #20265a url(../images/header_gradient3.jpg) repeat-x 0 0; */ /* Lines have 10% opacity */
  color: #fff;
  width: 100%;
}
#headerBar h1 {
  margin: 0;
  padding: 7px 14px 7px 8px;
  float: left;
  font: normal 160% Arial, Verdana, Helvetica, sans-serif;
  font: normal 140% Arial, Verdana, Helvetica, sans-serif;
}
#headerBar #siteLink {
  float: left;
  margin: 10px;
}
#headerBar p {
  float: right;
  margin: 10px 14px 10px 0;
}
#headerBar a {
  color: #fff;
  background: inherit;
}
#nav {
  float: left;
  background: #fffafa url(../images/nav_bg2.jpg) repeat-x bottom left;
  color: inherit;
  width: 100%;
}
#nav ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav li {
  float: left;
  background: #fffafa url(../images/nav_bg_over.jpg) no-repeat bottom right;
}
#nav a {
  display: block;
  text-decoration: none;
  color: #0c0c53;
  background: #fffafa url(../images/nav_bg.jpg) no-repeat bottom right;
  padding: 6px 8px 12px 8px;
  padding: 4px 8px 6px 8px;
  font-weight: bold;
}
#nav a:hover {
  background: #fffafa url(../images/nav_bg_hover.jpg) no-repeat bottom right;
}
#nav a.active, #nav a.active:hover {
  background: #404ca1 url(../images/nav_bg_hover2.jpg) no-repeat bottom right;
  color: #fefefe;
}
#subNav {
  clear: both;
  list-style: none;
  padding: 5px 0;
}
#subNav li {
  display: inline;
  padding: 0 10px;
}
#subNav a {
  color: #0000FF;
  color: #fff;
}
#subNav a.subActive {
  text-decoration: none;
  font-weight: bold;
}


/*************************** CONTENT ********************************/
#content {
  clear: both;
  padding: 5px 5px 0 5px;
  background: #fff;
}
#IDform {
  margin: 10px 0;
}
#contentBox {
  padding: 10px 10px 0 10px;
}
#moduleContent {
  clear: both;
  position: relative;
}
#noDataMsg, .noDataMsg {
  clear: both;
  margin: 3em auto;
  width: 80%;
  text-align: center;
  padding: 1em;
  border: 1px solid #fed44f;
  background-color: #fdf3a8;
  color: #333;
}
#noDataMsg a, .noDataMsg a {
  color: #ff0000;
  font-size: 160%;
}
br.lgBr {
  display: block;
  margin-bottom: 8px;
}
/************************ MODULE HEADER **********************************/
#moduleHeader {
  /* border-bottom: 1px solid #ccc; */
  float: left;
 /* width: 100%; */
  margin-bottom: 3px;
  padding-top: 3px;
}
#moduleHeader img {
  float: left;
  margin-left: 4px;
}
#moduleHeader b {
  display: block;
  float: left;
  font-size: 110%;
  margin: 8px 5px 0 6px;
}
/************************** MODULE NAV *********************************/
.moduleNav, .moduleNavBottom {
  clear: both;
  border: 1px solid #d9d9d8;
  background: #fff url(../images/buttons/button_row_bg.jpg) repeat-x bottom left;
  text-align: right;
  margin-bottom: 8px;
  width: 99%;
}
.moduleNavBottom {
  margin-top: 8px;
}
.moduleNav:after, .moduleNavBottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.moduleNav hr, .moduleNavBottom hr {
  clear: both;
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
}

.moduleNav ul, .moduleNavBottom ul {
  list-style: none;
  float: left;
}
.moduleNav li, .moduleNavBottom li {
  float: left;
  margin: 3px 10px 3px 6px;
}
.moduleNav a, .moduleNavBottom a {
  display: block;
  text-decoration: none;
  color: #646465;
  float: left;
}
.moduleNav a.moduleLink:hover, .moduleNavBottom a:moduleLink:hover {
  text-decoration: underline;
}
.moduleNav a.moduleLink, .moduleNavBottom a.moduleLink {
  padding: 0 0 3px 4px;
}

/********************** CONTENT *****************************************/
/*
#htmlMessage {
  margin: 1em auto;
  width: 90%;
  padding: 1em;
  border: 1px solid #FFFF99;
  background-color: #FFFF99;
  color: #333;
  font-weight: bold;
}
*/
#htmlMessage {
  margin: 1em 0;
  padding: 1em 10px 1em 35px;
  border-top: 1px solid #9C9;
  border-bottom: 1px solid #9C9;
  background: #E2F9E3 url(../images/accept.gif) no-repeat 10px 50%;
  color: #060;
  font-weight: bold;
}
.smallText {
  font: 80% Verdana, Arial, Helvetica, sans-serif;
}
/************************* TABLES ****************************************/

.tableWrapper {
  clear: both;
}

.table {
  width: 100%;
  border-top: 1px solid #bdc6e0;
  border-left: 1px solid #bdc6e0;
  margin-top: 0;
}
tr.trSelected {
  background: #FFFF66;
}
tr.trOver, tr.trOver {
  background: #e9e9e9;
  cursor: pointer;
}
td.tdOver {
  text-decoration: underline;
}
tr.trOver td.noClick {
  cursor: default;
}
.table thead tr {
  background: #fff url(../images/gradient_bg2.jpg) repeat-x bottom left;
}
.table th {
  text-align: left;
  font: bold 100% Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0px;
  padding: 4px;
  border-right: 1px solid #bdc6e0;
  border-bottom: 1px solid #bdc6e0;
  background: #dce3f1;
  background: url(../images/gradient_bg2.jpg) repeat-x bottom left;
  vertical-align: top;
}
.table th a {
  text-decoration: none;
  color: #333;
}
.table td {
  margin: 0px;
  padding: 4px 2px 4px 3px;
  padding: 4px;
  border-right: 1px solid #bdc6e0;
  border-bottom: 1px solid #bdc6e0;
  vertical-align: top;
}
.table td a {
  color: #0000ff
}
.table td a:hover {
  text-decoration: underline;
}
.tblRowShade {
  background-color: #f3f3f3;
}


/********************************* PAGER LINKS ***************************************/
.ncPager {
  font-size: 90%;
  text-align: center;
  margin: 5px;
}
.ncPagerActive {
  color: #666;
  text-decoration: none;
}
.ncPagerActive:hover {
  text-decoration: underline;
}
.ncPagerCurrent {
  font-weight: bold;
}
.ncPagerInactive {
  color: #ddd;
}
.ncPagerDisplayCount {
  font-size: 90%;
}
.ncNumPerPage, .ncNumPerPage select {
  font-size: 90%;
}
.pagerNumber {
  text-align: center;
  margin: 10px;
}
/**************************** NC TREE MENU ********************************************/
.ncTree {
  list-style: none;
  padding: 4px;
}
.ncTree a {
  color: #333;
  text-decoration: none;
  margin-left: 2px;
}

a.ncTreeFolder {
}
.ncTree li {
  margin: 2px 0;
  display: block;
  white-space: nowrap;
}
.ncTree li img {
  vertical-align: middle;
}
.ncTree ul {
  margin-left: 18px;
  list-style: none;
  /**
  * In order to get the container div around the tree to scroll on overflow in Opera, visibility must be used instead of
  * display.  For some reason, if display is set to none, Opera won't recognize that the tree is expanding horizontally and
  * put the appropriate scroll bars.  So, to emulate display: none, we set visibility to hidden and the height and width to zero
  */
  visibility: hidden;
  height: 0;
  width: 0;
}
.ncTreeImg {
  cursor: pointer;
}
.ncTreeLnkNoSubs {
  padding-left: 16px;
}
/********************************* XP PANES ***************************************/
.xpPanel{
  margin: 10px 5px;
}
.xpPanel ul {
  background: url(../images/xp/bg_pane_right.gif) repeat-y top right;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0 2px;
  list-style: none;
}
.xpPanel li {
  padding: 5px 2px;
}
.xpPanel img {
  vertical-align: middle;
}
.xpPanel a {
  color: #4F52BB;
  font-size: 90%;
  vertical-align: middle;
  padding-left: 5px;
}
.xpPanel a:hover {
  text-decoration: underline;
}
.xpPanel .xpPanelTop {
  background: url(../images/xp/bg_panel_top_right.gif) no-repeat top right;
  /* background: url(../images/xp/top_gradient.jpg) repeat-y top right; */
  height:25px;
  padding-right:5px;
  cursor:pointer;
  overflow:hidden;
}
.xpPanel .xpPanelTop span{
  line-height:25px;
  vertical-align:middle;
  font-weight: bold;
  color:#333;
  float:left;
  padding-left:5px;
}
.xpPanel .xpPanelTop img{
  float:right;
  cursor:pointer;
}

/********************************** FOOTER *****************************************/
#footer {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #ccc;
}
#footer a {
  color: #ccc;
}
/********************************* HELP POPUPS **************************************/
#ncHelp {
  width: 300px;
  border: 1px solid #fed44f;
  background: #fdf3a8;
  color: #333;
  z-index: 9999999;
  text-align: right;
  padding: 10px;
}
#ncHelp #ncHelpTitle {
  font-size: 120%;
  font-weight: bold;
  margin: 5px 0;
  text-align: left;
}
#ncHelp #ncHelpContent {
  margin: 5px 0;
  text-align: left;
  overflow: auto;
}
#ncHelp .ncHelpClose {
  color: #333;
  display: block;
  padding: 4px;
}
.ncHelpImg {
  margin: 0 0 0 2px;
}
/* Table Sort
-----------------------------------------------------------*/

table.tablesort thead tr .header {
	background-image: url(../images/small_sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesort thead tr .headerSortUp {
	background-image: url(../images/small_sort_asc.gif);
}
table.tablesort thead tr .headerSortDown {
	background-image: url(../images/small_sort_desc.gif);
}