/* General styles
-------------------------------------*/
body {
  font: small "Lucinda Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
}
img {border: 0; behavior: url('/nc/interface/iepngfix/iepngfix.htc'); /* IE PNG Fix */}
th, td {vertical-align: top;}

h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
.clear {clear: both;}
a.link {color: #0000ff;}
/* Header
-------------------------------------*/
/* #header {background-color: #297dd7; color: #fff; padding: 10px 20px; position: relative;} */
#header {background-color: #0567d1; color: #fff; padding: 10px 20px; position: relative;}
h1 {margin: 10px 0 0 0; font-size: 150%; font-weight: normal;}
#headerLinks {position: absolute; top: 5px; right: 20px;}
#headerLinks ul {margin: 0; padding: 0; list-style: none;}
#headerLinks li {float: left;}
#header a {color: #FFF; border-right: 1px solid #CCC; padding: 0 8px; font-size: 90%;}
#header a.last {border-right: none;}
/* Navigation
 * Some code from http://www.alistapart.com/articles/hybrid/
-------------------------------------*/
#nav {
  float: left;
  position: relative;
  /* background-color: #297dd7; */
  background-color: #0567d1;
  /*border-bottom: 4px solid #86befb;*/
  border-bottom: 4px solid #4191e8;
  width: 100%;
  margin-bottom: 10px;
  font-family: Verdana, Helvetica, sans-serif;
}
#nav ul {
  display: inline; /* to take care of the doubled float-margin bug - http://www.positioniseverything.net/explorer/doubled-margin.html */
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}
#nav li {
  display: inline; /* to take care of the doubled float-margin bug - http://www.positioniseverything.net/explorer/doubled-margin.html */
  margin: 0;
  padding: 0;
  float: left;
}
#nav li.navModuleHeader {
  background: none;
  color: #fff;
}
#nav li.navModuleHeader a {color: #fff; background: none; border: none;}
#nav li a {
  display: block;
  padding: 4px 4px 6px 4px;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  background: #297dd7 url(../images/navigation/inactive-bg.jpg) repeat-x 0 0;
  margin-right: 2px;
}
#nav li.navTab a.active, #nav li.navTab a.active:hover {background: #86befb url(../images/navigation/active-bg.jpg) repeat-x 0 0; font-weight: bold; color: #f3f3f3;}
#nav li.navTab a:hover {background: #4292e8 url(../images/navigation/over-bg.jpg) repeat-x 0 0;}
#nav li a.last {border: none;}

/* General Content
-------------------------------------*/
#pageContent {
  clear: both;
  padding: 0 25px;
}
.smallText {
  font: 80% Verdana, Arial, Helvetica, sans-serif;
}
.actions {
  padding: 10px;
  background-color: #f6f6f6;
}
.noDataMsg {
  clear: both;
  margin: 3em auto;
  width: 80%;
  text-align: center;
  padding: 1em;
  border: 1px solid #fed44f;
  background-color: #fdf3a8;
  color: #333;
}
.noDataMsg a {
  color: #ff0000;
  font-size: 160%;
}
.subText {
  clear: both;
  font-size: 80%;
  font-weight: normal;
  color: #999;
}
div.subText a {
  color: #999;
}
div.subText a.delete {
  color: #0000ff;
}
#cookieTrail {
  font-size: 80%;
  padding-bottom: 8px;
  color: #999;
}
#cookieTrail a {
  color: #999;
}
/* Table Layout
-------------------------------------*/
.tblLayout {
  width: 100%;
}
.tblLayout td {
  padding: 0;
  vertical-align: top;
}
.tblLayout .tdLeftMain {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  border-right: none;
}
.tdLeftMain h3 {
  color: #1951B9;
}
.tblLayout .tdRight, .tblLayout .tdRightSm {
  background: url(../images/right-shadow.jpg) repeat-y;
  width: 280px;
}
.tdRight h3 {
  margin: 10px 5px 0 5px;
  padding: 2px 5px;
  border-bottom: 1px solid #d0d0d0;
  text-transform: uppercase;
  font-size: 110%;
}
.tdRight h3.small {
  font-size: 100%;
  text-transform: none;
}
.tdRight h3.small a {
  color: #0000ff;
  font-weight: normal;
  font-size: 90%;
}
.tblLayout td.tdRightSm, table.tblLayout td.tdRightCollapsed {
  width: 7px;
}
.tblLayout td div.col {
  padding: 10px 10px 20px 10px;
}
.tblLayout td div.small {
  font-size: 90%;
}
.tdLeftMainBottom, .tdLeftMainBottomFull {
  background: url(../images/right-shadow-bottom.jpg) no-repeat top right;
  margin-right: 273px;
  height: 7px;
}
div.tdLeftMainBottomFull {
  margin-right: 0;
}

/* Right side tabs
-------------------------------------*/
ul.rightSideTabs {
  margin: 10px 0 20px 0;
  padding: 0;
  list-style: none;
}
ul.firstTabGroup {
  margin-top: 40px;
}
ul.rightSideTabs a {
  display: block;
  padding: 6px 4px 6px 10px;
  color: #1951B9;
  text-decoration: none;
  font-weight: bold;
}
ul.rightSideTabs li.active {
  background-color: #fff;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
ul.rightSideTabs li.active a {
  color: #333;
  border-right: 10px solid #3366ff;
}
ul.rightSideTabs li.disabled a {
  cursor: default;
}
/* Item headers
-------------------------------------*/
h3 span.itemActions {
  font-size: 85%;
  font-weight: normal;
}
h3 span.itemActions a {
  color: #0000ff;
}

/* Page Header
-------------------------------------*/
.pageHeader {
  padding: 5px 10px;
  border-bottom: 1px solid #e0e0e0;
  background: url(../images/page-header-bg.jpg) repeat-x bottom;
}
.pageHeader h2 {
  margin: 0;
}
.pageHeader .pageHeaderLinks {
  float: right;
  font-size: 90%;
  padding-top: 2px;

}
.pageHeaderLinks a {
  color: #0000ff;
}
/* Action Links
-------------------------------------*/
a.actionLink {
  padding-left: 20px;
  padding-right: 20px;
  color: #0000ff;
}
a.add {
  background: url(../images/icons/new.gif) no-repeat;
}
a.edit {
  background: url(../images/icons/edit.gif) no-repeat;
}
a.delete {
  color: #0000ff;
  padding: 2px;
}
a.cancel {
  color: #ff0000;
  padding: 2px;
}
a.delete:hover, a.cancel:hover, div.subText a.delete:hover {
  color: #fff;
  background-color: #ff0000;
}
a.showHideRSidebar {
  padding-right: 20px;
  background: url(../images/icons/arrow-right.gif) no-repeat center right;
}
div.pageHeader a.showSidebar {
  padding-right: 0;
  padding-left: 20px;
  background: url(../images/icons/arrow-left.gif) no-repeat center left;
}
/* Messages
-------------------------------------*/
#activityIndicator {
  margin: 0.2em 0;
  padding: 0.2em 1em;;
  color: #666;
  vertical-align: middle;
  font-size: 90%;
  font-weight: bold;
  display: none;
}
.errorMsg {
  margin: 1em 0;
  padding: 1em 20px 1em 35px;
  border: 1px solid #FFC2CA;
  background: #FFEDEF url(../images/icons/error.gif) no-repeat 10px 50%;
  color: #c00;
  font-weight: bold;
  text-align: left;
}
.errorMsg ul {
  list-style-type: disc;
  margin: 5px 20px;
}
.message, #htmlMessage {
  margin: 1em 0;
  padding: 1em 10px 1em 35px;
  border: 1px solid #9C9;
  background: #E2F9E3 url(../images/icons/yes.gif) no-repeat 10px 50%;
  color: #060;
  font-weight: bold;
}
/* error class is added by jquery.validator plugin */
input.error, textarea.error {
  border: 1px solid #f37e61;
}
form label.error, form table.tblForm td label.error {
  background: url(../images/icons/error.gif) no-repeat 0 50%;
  margin-left: 4px;
  padding-left: 20px;
  font-weight: bold;
  color: #c00c00;
}

form label.success, form table.tblForm td label.success {
/**
COMMENTED OUT UNTIL IT'S FIGURED OUT HOW TO ONLY DO SUCCESS IF THERE'S AN ERROR AND NOT ON ONBLUR
  background: url(../images/icons/yes.gif) no-repeat 0 50%;
  margin-left: 4px;
  padding-left: 20px;
  font-weight: normal;
  color: #333;
*/
  background: none;
  width: 0;
  margin: 0;
  padding: 0;
}

/* Submit button floating
-------------------------------------*/
div.submit-floating {
  background-color: #fdfaa4;
  border-color: #999;
  border-style: none none solid;
  border-width: 0 0 1px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 5px 5px 5px 35px;
  z-index: 10000;
}
/* Forms, Form Table & Details Table
-------------------------------------*/
.textInput {
  border: 1px solid #6c6c6c;
  border-color: #6c6c6c  #c3c3c3 #d3d3d3 #6c6c6c;
  background:#fff url(../images/text-input-bg.gif) repeat-x 0 0;
  font-size: 1.1em;
  padding: 0.15em 0.15em;
}
input.large, textarea.large {
  width: 97%;
}
input.medium, textarea.medium {
  width: 60%;
}
input.small, textarea.small {
  width: 25%;
}
input[disabled], textarea[disabled], select.disabled {
  background-color: #e3e3e3;
  color: #636363;
}
label i, .tblForm th i {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}
.tblForm, .tblDetails {
  border: 1px solid #e3e3e3;
  width: 100%;
  padding: 0;
  margin: 0;
}
.tblForm td, .tblForm th, .tblDetails td, .tblDetails th{
  padding: 6px 4px;
  margin: 0;
  vertical-align: top;
}
.tblForm th, .tblDetails th {
  color: #333;
  width: 180px;
  text-align: right;
  background: #f0f0f0;
  font-weight: bold;
}
.tblForm thead th {
  text-align: left;
}
.tblForm td, .tblDetails td {
  background: #fbfafa;
}
.tblDetails th, .tblDetails td {
  border-bottom: 1px solid #e9e9e9;
}
.tblForm td label {
  padding: 0 4px;
  font-weight: normal;
}
.label {
  font-weight: bold;
}
form h3 {
  margin: 20px 0 5px 0;
  color: #1951B9;
}
form div.submit {
  margin: 10px 10px 10px 0;
}
form div.submit input {
  vertical-align: middle;
}
input.button {
  margin: 0;
  padding: 0.1em 0.25em;
  width: auto;
  overflow: visible;
}
/* List Table
-------------------------------------*/
body table.tblList {
  background-color: #fff;
  width: 100%;
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  margin-bottom: 5px;
}
body table.tblList thead {
  background: #f7f7f7 url(../images/table-header-bg.jpg) repeat-x left bottom;
}
body table.tblList thead th {
  background: #f7f7f7 url(../images/table-header-bg.jpg) repeat-x left bottom;
  border-bottom: 1px solid #afafaf;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
body table.tblList th, body table.tblList td {
  padding: 2px 10px 2px 2px;
  border-right: 1px solid #dfdfdf;
}
body table.tblList td {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
}
body table.tblList th.first, body table.tblList td.first {
  padding-right: 2px;
  border-right: none;
}
body table.tblList tr.odd td {
  background-color: #efefef;
}
body table.tblList tr.over td {
  background-color: #3d80df;
  color: #fff;
}
body table.tblList tr.over td a {
  color: #fff;
}
body table.tblList a {
  color: #0000ff;
}
a.selectAll, div.tblActions a.selectAll {
  font-weight: normal;
  font-size: 80%;
  color: #333;
  margin-left: 3px;
}
div.tblActions {
  padding: 5px 0 5px 0;
}
div.tblActions a {
  margin-right: 10px;
  color: #0000ff;
}
div.tblActions a.delete, div.tblActions a.delete:hover {
  background:  url(../images/icons/delete.gif) no-repeat center left;
  padding-left: 20px;
  color: #0000ff;
}
div.tblActions a[class="delete actionLink disabled"], div.tblActions a[class="delete actionLink disabled"]:hover {
  background:  url(../images/icons/delete-gray.gif) no-repeat center left;
}
div.tblActions a.disabled, div.tblActions a.disabled:hover {
  color: #d3d3d3;
  text-decoration: none;
  cursor: default;
}
/* Table sorting
-------------------------------------*/
table.tablesort thead tr .header {
	background-image: url(../images/small-sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 21px;
}
table.tablesort thead tr .headerSortUp {
	background-image: url(../images/small-sort-asc.gif);
	padding-right: 21px;
}
table.tablesort thead tr .headerSortDown {
	background-image: url(../images/small-sort-desc.gif);
	padding-right: 21px;
}
/* Loading Message
--------------------------------------*/
#loadingMessage {
  display: none;
  margin: 20px;
  font-size: 150%;
  font-family: Verdana, Arial, sans-serif;
}
/* My Modules
-------------------------------------------*/
#myModulesWrapper {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 90;
  background-color: #f0f0f0; /** Needed because otherwise IE 7 won't hover correctly over this element */
}
#myModulesMarker {
  position: absolute;
  top: -3px;
  left: 107px;
  z-index: 100;
}
#myModulesContainer {
  background-color: #FCF8DD;
  background-color: #fffff6;
  border: 1px solid #666;
  position: absolute;
  top:4px;
  left: 20px;
  z-index: 95;
  overflow: auto;
}
#myModulesContainer a {color: #0000FF; text-decoration: none;}
#myModulesContainer a:hover {text-decoration: underline;}
#myModulesContainer h2 {margin: 0;}
#myModulesContainer h2 a {color: #333;}
#myModulesContainer ul {margin: 5px 0 0 0; padding: 0; list-style: none;}
#myModulesContainer li {margin: 0; padding: 0;}
#myModulesContainer td {padding: 5px; border-bottom: 1px solid #e3e3e3;}