/*
* File: usi-pag.css
* Description: Shared styles for pages
* Copyright (c) Ungerboeck Systems International 2009
*/

/* EBMS Grid Pane Styles */

.pagGridPaneMaster {
  border-left-color: #000000;
  border-left-width: 0px;
  border-left-style: solid;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.pagGridPaneMaster table.gridpanelayout {
  width: 100%;
}

.pagGridPaneMaster div.swoosh {
  background: url(../images/usi-pagGridSwooshLite.png) top left no-repeat;
  position: absolute;
  height: 300px;
  width: 600px;
  z-index: -1;
}
 

.pagGridPaneMaster table.gridpanelayout tr.headerlayout {
  height: 20px;
}

.pagGridPaneMaster table.gridpanelayout td.headerlayout {
  vertical-align: top;
  height: 32px;
  padding-top: 5px;
  position: relative;
  overflow: hidden;
}

.pagGridPaneMaster table.gridpanelayout td.searchlayout {
  width: 50%;
  height: 50px;
}
table.viewfilter {
  margin-top: 9px;
}
div.pagHomeGadget table.ModuleMenu table.viewfilter {
  margin-top: 0px;
}
.pagGridPaneMaster table.gridpanelayout td.readingpanelayout {
  width: 50%;
  padding-right: 1px;
  vertical-align: top;
}

.pagGridPaneMaster table.gridpanelayout td.readingpanelayouthidden {
  display: none;
  visibility: hidden;
}

.pagGridPaneMaster table.gridpanelayout tr.toolbarlayout {
  height: 22px;
}

.pagGridPaneMaster table.gridpanelayout td.toolbarlayout {
  padding: 0 0px 0 10px;
}

.pagGridPaneMaster div.debugoutput {
  position: relative;
  top: 20px;
}

.pagGridPaneMaster .Header {
  z-index: 5;
  margin: 0 10px;
  vertical-align: bottom;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Shown {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Shown .Arrow {
  background-position: -86px -52px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 5px;
  height: 8px;
  vertical-align: middle;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Hidden {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Hidden .Arrow {
  background-position: -101px -52px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 5px;
  height: 8px;
  vertical-align: middle;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Shown {
  border: 1px solid #d6e7f6;
  background-position: center top;
  background-color: #d6e7f6;
  cursor: pointer;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Shown .Arrow {
  background-position: -68px -54px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 9px;
  height: 5px;
  vertical-align: top;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Hidden {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Hidden .Arrow {
  background-position: -52px -54px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 9px;
  height: 5px;
  vertical-align: top;
}

.pagGridPaneMaster .HiddenFieldsPanel {
  display: none !important;
  visibility: hidden;
}

.pagGridPaneMaster .Header .HeaderPanel {
}

.pagGridPaneMaster .Header .HeaderTextPosition {
  margin-top: 2px;
  margin-left: 9px;
  position: absolute;
}

.pagGridPaneMaster .Header .HeaderTextFont {
  color: #333;
  font-size: 150%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}
table comQuickSearch td.cQuickSearch {
  width: 90px;
}
/* inline view/filter styling for top level */
/* see usi-comSection.css for inline view/filter styling on section grids */
.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell {
  padding: 0 0 0 3px;
  font-size: 55%;
  font-weight: bold;
  vertical-align: top;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell span {
  display: block;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell.viewcell {
  padding-left: 20px;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell.filtercell {
  padding-left: 4px;
}

.pagGridPaneMaster .Grid {
  background-color: #bfd6eb;
  margin: 0px;
  padding: 0px;
}

body.ReadingPane {
  background-color: #bfd6eb;
  margin: 6px;
  padding: 0px;
}
.readingpanelayout {
  margin: 0px;
  padding: 0px;
}

.pagGridPaneMaster .SearchOptions {
  overflow: hidden;
}

.pagGridPaneMaster .Grid {
  margin: 0PX 0px 0PX 10PX;
  height: 100%;
  overflow: hidden;
}

.pagGridPaneMaster .GridUpdatePanel {
  height: 100%;
}

.pagGridPaneMaster .SearchOptions {
  white-space: nowrap;
  margin-left: 0 10px;
}

.pagGridPaneMaster .Toolbar {
  background-color: #d6e7f6;
  z-index: 100;
  overflow: hidden;
}

.pagGridPaneMaster .ToolbarContainer {
  margin: 0;
  width: 100%;
  height: 20px;
}

.ToolBarImageTopLeft, .ToolBarImageTopRight {
  border: 0 none;
  height: 5px;
  width: 5px;
  background-image: url('../images/usi-pagMainMenuForgroundCorners.png');
  background-repeat: no-repeat;
  background-color: #bfd6eb;
}

.ToolBarImageTopLeft {
  background-position: 0px 0px;
}

.ToolBarImageTopRight {
  background-position: -5px 0px;
}

.ToolBarTopBottom, .ToolBarLeftRight, .ToolBarContent, .ToolBarBottom {
  background-color: #d6e7f6;
}

.ToolBarBottom {
  height: 4px;
}

.ToolBarTopBottom {
  height: 1px;
}

.ToolBarLeftRight {
  width: 1px;
}

.ToolBarContent {
  padding-left: 0px;
}

.ReadingPaneContainer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
}

.ReadingPaneContainer iframe.ReadingPane {
  border: none;
  height: 100%;
  width: 100%;
}

.pagGridPaneMaster {
  background-color: #bfd6eb;
}

/* EBMS Add Edit Event Master Styles  */
/* AddEditMaster header styles */
body.pagAddEditMaster {
  background: #bfd6eb;
}

body.pagAddEditMaster div.header {
  padding: 1px 5px 0px 5px;
  max-width: 990px;
  margin-top:5px;
}

body.pagAddEditMaster div.header td.corner {
  width: 5px;
  height: 5px;
  background: transparent url('../images/usi-comSectionForegroundCorners.png');
  font-size: 1px;
}

body.pagAddEditMaster div.header td.corner.topright {
  background-position: top right;
}

body.pagAddEditMaster div.header td.corner.bottomright {
  background-position: bottom right;
}

body.pagAddEditMaster div.header td.corner.bottomleft {
  background-position: bottom left;
}

body.pagAddEditMaster div.header td.corner.topleft {
  background-position: top left;
}

body.pagAddEditMaster div.header td.edge {
  background: #fff;
  font-size: 1px;
}

body.pagAddEditMaster div.header td.edge.top {
}

body.pagAddEditMaster div.header td.edge.right {
}

body.pagAddEditMaster div.header td.edge.bottom {
}

body.pagAddEditMaster div.header td.edge.left {
}

body.pagAddEditMaster div.header td.center {
  padding: 0 0 0 5px;
  background: #fff;
  font-size: 125%;
}

body.pagAddEditMaster div.header td.center span.headercontenttext {
  font-weight: bold;
}

/* AddEditMaster content styles */

body.pagAddEditMaster div.content {
  overflow: hidden;
  max-width: 990px;
  padding: 5px 5px 0 5px;
}

body.pagAddEditMaster div.content.enablescroll {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 7px;
}

body.pagAddEditMaster div.contentNoHeader {
}

body.pagAddEditMaster div.contentNoFooter {
}

body.pagAddEditMaster div.modal_AddEditMaster div.content {
  padding: 10px 0px 0px 10px;
  overflow: hidden;
}
div.RadWindow.RadWindow_Custom body.pagAddEditMaster div.content {
  xmax-width: 985px;
  padding: 5px 10px 10px 10px;
  overflow: hidden;
}

table.pagEditLayout.content {
  max-width: 990px;
  overflow-y:auto;
}
table.pagEditLayout td {
  max-width: 970px;
}
table.pagEditLayout tr.pagEditLayout {
  max-width: 970px;
}
div.secSectionBuilder {
  padding-left: 0px;
}
table.secDataDisplay td.colDelimiter {
  width: 1% !important;
}
table.secDataDisplay td.data span.RadInput.RadInput_Default input {
  margin-top: 1px;
  width: 99% !important;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1px;
  height: 15px;
}
input.input {
  width: 100%;
}
table.containerTable table.layout td.inputcell input {
  width: 100% !important;
}
table.col1.FilterSectionControls.secDataDisplay input.EBMS-InputBox {
  width: 100% !important;
}
td.pagEditLayout.content.layoutrow.controlcell
{
    text-align:right;
}


/* AddEditMaster footer styles */
/* TODO: Remove absolute positioning (Re-added due to radwindow resize lag) */
body.pagAddEditMaster div.footer {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 5px 5px 5px;
  position: absolute;
  max-width: 990px;
}

body.pagAddEditMaster div.layoutContainer div.centerPanel
{
  height:17px;
}
body.pagAddEditMaster div.footer td.corner {
  width: 5px;
  height: 5px;
  background: transparent url('../images/usi-comSectionForegroundCorners.png');
  font-size: 1px;
}

body.pagAddEditMaster div.footer td.center div.ButtonPanelLeft {
  display: inline;
  float: Left;
}

body.pagAddEditMaster div.footer td.center div.ButtonPanelRight {
  display: inline;
  float: right;
}

body.pagAddEditMaster div.footer td.corner.topright {
  background-position: top right;
}

body.pagAddEditMaster div.footer td.corner.bottomright {
  background-position: bottom right;
}

body.pagAddEditMaster div.footer td.corner.bottomleft {
  background-position: bottom left;
}

body.pagAddEditMaster div.footer td.corner.topleft {
  background-position: top left;
}

body.pagAddEditMaster div.footer td.edge {
  background: #fff;
  font-size: 1px;
}

body.pagAddEditMaster div.footer td.edge.top {
}

body.pagAddEditMaster div.footer td.edge.right {
}

body.pagAddEditMaster div.footer td.edge.bottom {
}

body.pagAddEditMaster div.footer td.edge.left {
}

body.pagAddEditMaster div.footer td.center {
  padding: 0 0 0 5px;
  background: #fff;
}

/* Add-Edit Page */
div.EBMS-AddEditContentPanel {
  padding-top: 0px;
  overflow: hidden;
  height: 100%;
}

body.pagAddEditMaster div.content.enablescroll div.EBMS-AddEditContentPanel {
  height: auto;
}

div.EBMS-AddEditErrorPanel {
  color: #ff0000;
}

/* Send Link */
div.pagSendLink {
  margin: 0 15px 0 0;
}

.pSendLink {
}

/* Add Field Value */
div.pagFieldValue {
  margin: 0 15px 0 0;
}

.pAddFieldText {
  font-weight: bold;
}

.pAddFieldValue {
  width: 99%;
}

input.pAddFieldValueOKButton {
  min-width: 2px;
  background: transparent url(../images/usi-genSprite16x16_Updated.png) no-repeat scroll -65px -1px;
  width: 18px;
  height: 18px;
  margin-left: 5px;
}

input.pAddFieldValueCancelButton {
  min-width: 2px;
  background: transparent url(../images/usi-genSprite16x16_Updated.png) no-repeat scroll -65px -65px;
  width: 18px;
  height: 18px;
}

/* Web Tabs step-by-step wizard styles */


div.pagRegistrationSetup 
{
    margin-left:0px;
}


/* EZ Export/EZ Print */
div.pagEZExportOptions {
}

/* Edit Field Settings */
div.pagEditColumnHelpText {
  margin: 0 4px 0 5px;
}

/* Edit Gadget */
div.pagEditGadget {
  margin: 0 1px 0 1px;
}

/* Save Favorite */
div.pagSaveFavorite checkbox.input
{
    width:15px;
}
div.pagSaveFavorite input[type="text"], div.pagSaveFavorite input[type="password"], div.pagSaveFavorite textarea
{
    width:190px;
}
div.pagSaveFavorite input[type="checkbox"]
{
 padding:0px;
 margin-left:-3px;
 margin-right:3px;
}

div.pagSaveFavorite {
  margin: 3px 5px 0 2px;
}

div.pagSaveFavorite input
{
    padding-right:2px;
    float:left;
}
div.pagSaveFavorite span
{
    padding-top:3px;
    display:block;
}

div.pagSaveFavorite table td
{
    padding-bottom:5px;
    vertical-align:top;
   
}
div.pagSaveFavorite table
{
    width:100%
}

/* Select Org Code */
div.pagSelectOrgCode {
  margin: 0 8px 0 10px;
}

/* Organize Views */
div.pagOrganizeViews {
}

/* Organize Searches */
div.pagOrganizeSearches {
}

/** Global Menu **/
div.globalmenu {
  height: 27px;
  background: url('../images/usi-comGlobalMenuSprite.png') repeat-x 0px 0px;
  border-bottom: 1px solid #888888;
  padding-top: 5px;
  vertical-align:top;
}
div.globalmenu td {
  padding-top: 0px !important;
}
div.globalmenu table.layouttable {
  width: 100%;
  vertical-align:top;
}
div.globalmenu table.layouttable td.layoutcell.globalmenucontainer {
  vertical-align: top;
}

div.globalmenu table.layouttable td.layoutcell.globalmenucontainer div.comGlobalMenu {
  padding: 0px 0 0 9px;
}

div.globalmenu table.layouttable td.layoutcell.userstatus {
  text-align: right;
  padding-right: 10px;
  color: #eee;
  vertical-align:middle;
}
div.globalmenu td.pipe {
  color: #8997af;
}

div.globalmenu table.layouttable td.layoutcell.userstatus span.loggedinlabel {
  white-space: nowrap;
}

div.globalmenu table.layouttable td.layoutcell.userstatus table.loggedinlabel {
  float: right;
  vertical-align:middle;
  margin-top:0px;
  white-space: nowrap;
  min-height:15px;
}
div.globalmenu table.layouttable td.layoutcell.userstatus table.loggedinlabel td
{
      vertical-align:top;
}
div.globalmenu table.layouttable td.layoutcell.userstatus span.loggedinlabel a {
  text-decoration: none;
  vertical-align:middle;
  white-space: nowrap;
}
div.globalmenu table.layouttable td.layoutcell.userstatus span.loggedinlabel a:hover {
  text-decoration: underline;
}
div.globalmenu table.layouttable td.layoutcell.userstatus
{
    vertical-align:middle;
    white-space: nowrap;
}
div.globalmenu table.layouttable td.layoutcell.userstatus a {
  text-decoration: none;
  vertical-align:middle;
  white-space: nowrap;
  color: #eee;
}
div.globalmenu table.layouttable td.layoutcell.userstatus a:hover {
  color: #ccc;
  text-decoration: underline;
  white-space: nowrap;
}
td.layoutcell.userstatus table.loggedinlabel td.signoutlink
{
    vertical-align:middle;
    white-space: nowrap;
    text-align:center;
}
div.globalmenu table.layouttable td.layoutcell.userstatus table.loggedinlabel td.signoutlink a {
  text-decoration: underline;
  color: #eee;
}
div.globalmenu table.layouttable td.layoutcell.userstatus table.loggedinlabel td.signoutlink a:hover {
  color: #ccc;
  text-decoration: underline;
}

div.globalmenu table.layouttable td.layoutcell.progress {
  text-align: center;
  width: 38px;
  padding: 0px 10px 1px 0px;
  vertical-align: top;
}

td.progress {
  text-align: center;
  width: 150px;
  padding: 2px 10px 0px 0px;
  vertical-align: top;
}

/* WL: collides w/ "td.layoutcell.progress div.background" declaration above; disabling rules for now */

div.globalmenu table.layouttable td.layoutcell.logo {
  width: 120px;
  padding: 7px 10px 0px 4px;
  vertical-align: top;
  text-align: center;
}
div.globalmenu table.layouttable td.layoutcell.logo div.background {
  height: 18px;
  width: 114px;
  background: url('../images/usi-genUngerboeckLogo.png') no-repeat 0px 0px;
}
/** End Global Menu **/

/* Show Totals Styles  */
div.pagShowTotals {
  height: 100%;
  margin-left: 7px;
  margin-right: 10px;
}

div.pagShowTotals table.pShowTotals {
  height: 100%;
}


div.pagShowTotals tr.toprow {
  vertical-align: top;
}

div.pagShowTotals tr.bottomrow {
  vertical-align: bottom;
}

div.pagShowTotals td.header {
  font-weight: bold;
}

div.pagShowTotals td.header.showtotals {
  text-align: center;
}

/* Error Page styles */
body.pagError {
  overflow-y: auto;
}
body.pagError div.senderrorcontainer {
  margin: 20px 0px 0px 0px;
}
body.pagError a.senderror {
  color: #990000;
  font-weight: bold;
}
body.pagError a.senderror.hide {
}
body.pagError a.senderror.hide:hover {
}
body.pagError a.senderror.show {
}
body.pagError a.senderror.show:hover {
}
body.pagError div.senderror {
  background-color: #cccccc;
  border: solid 1px #000000;
  padding: 10px;
  width: 410px;
}
body.pagError div.senderror span {
  color: #000000;
  display: block;
}
body.pagError div.senderror textarea {
  display: block;
  width: 400px;
}
body.pagError div.senderror.hide {
  display: none;
}
body.pagError div.senderror.show {
  display: block;
}

/* Diagnostic Information Page styles */
body.pagDiagInfo {
  background-color: #bfd6eb;
  font-size: 85%;
}
body.pagDiagInfo div.diaginfo {
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
body.pagDiagInfo div.diaginfo table.diaginfo {
  background-color: #fcfcfc;
  border: solid 1px #888888;
  margin: 5px;
}
body.pagDiagInfo div.diaginfo table.diaginfo tr {
}
body.pagDiagInfo div.diaginfo table.diaginfo tr.alt {
  background-color: #eaeaea;
}
body.pagDiagInfo div.diaginfo table.diaginfo td {
  padding: 3px 0px 3px 5px;
  vertical-align: top;
}


/* Blank Detail page */
body.pagObjectDetailEmpty {
  background-color: #bfd6eb;
  margin: 6px;
  text-align: center;
}
body.pagObjectDetailEmpty h1 {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 60px;
}
body.pagObjectDetailEmpty table.widgetcontainer {
  position: absolute;
  left: 0px;
  bottom: 50px;
  _bottom: 20px; #bottom:18px;/*works to keep ie8 spacing correct */
}
body.pagObjectDetailEmpty td.widget {
  width: 33%;
  color: #888;
  vertical-align: top;
}
body.pagObjectDetailEmpty td.widget.first {
  padding-left: 20px;
}
body.pagObjectDetailEmpty td.widget.middle {
  padding: 0 5px;
}
body.pagObjectDetailEmpty td.widget.last {
  padding-right: 20px;
}
body.pagObjectDetailEmpty td.widget h3 {
  font-weight: bold;
  margin-bottom: 2px;
}
body.pagObjectDetailEmpty td.center {
  padding: 2px 5px 5px 5px;
}
body.pagObjectDetailEmpty td.widget ul {
  margin-left: 18px;
}
body.pagObjectDetailEmpty td.widget li {
  list-style-type: square;
}
body.pagObjectDetailEmpty td.widget a:link, body.pagObjectDetailEmpty td.widget a:visited {
  color: #888;
  text-decoration: underline;
}
body.pagObjectDetailEmpty td.widget a:hover {
  color: #aaa;
  text-decoration: underline;
}

/* Organize Favorite/Filter/View Window */
div.panOrganize td.panOrganize
{
    padding-bottom:5px;
}

div.panOrganize td.panOrganize a
{
  padding:2px 6px 2px 3px;
  background-image:url('../images/tab_background.gif') no-repeat;
  background-position:top left;
  color:#006699;
  margin-bottom:0px;
  display:inline-block;
  font-size:110%;
}

div.panOrganize {
  margin: 3px 4px 0px 0px;
}
div.panOrganize table {
  width: 100%;
}
div.panOrganize td {
  padding:0px;
}
div.panOrganize td.buttons.panOrganize span.comUSIButton {
  width:120px;
}
div.panOrganize td.buttons.panOrganize button.usibutton {
  width:100px;
}

div.panOrganize table select {
  height:300px;
  border:1px solid #222;
  width: 100%;
}
div.panOrganize input {
    height:100%;
}

div.panOrganize table button {
  width: 100%;
}
div.panOrganize table td.list {
  padding: 2px 10px 0 0;
  vertical-align: top;
  width: 75%;
}
div.panOrganize table td.buttons {
  padding: 0 10px 0 0;
  vertical-align: top;
}

/* Send Favorites*/
div.panSendFav {
    margin-top:11px;
}
div.panSendFav table {
  margin-left: 2px;
  margin-top: 5px;
  margin-right: 11px;
  width:100%;
}

div.panSendFav table td.labels {
  text-align: left;
  vertical-align: top;
  width: 20%;
  padding: 2px 5px 2px 0;
}
div.panSendFav input.input
{
    width:100%;
}
div.panSendFav table td.cboSelection {
  text-align: left;
  vertical-align: top;
  padding: 0px 10px 2px 0;
  width: 80%;
}
div.panSendFav table span.usiRequired {
  color: Red;
}
body.pagAddEditMaster div.contentNoHeader.content div#columns{height:100%;margin-top:7px;padding:0px;}
div.layoutContainer div.centerPanel div.contentNoHeader.content {margin-left:10px;}

body.pagAddEditMaster div.contentNoHeader {
    width:95%;
    overflow-x:hidden;
    overflow-y:auto;
    vertical-align:top;
    padding:0px;
    margin:0px;
    
}

/* AddEditThemeActions */

div.panThemeActions {
  overflow-x: hidden;
  overflow-y: auto;
}

div.panThemeActions table.tblContainer {
  height: 80%;
  width: 96%;
  overflow: hidden;
}

div.panThemeActions table.tblContainer tr {
  text-align: left;
}
div.panThemeActions table.tblContainer tr.rowSpacer {
  height: 8px;
}
div.panThemeActions table.tblContainer tr.rowSeparator {
  height: 2px;
  background-color: #d6e7f6;
  color: #d6e7f6;
}

div.panThemeActions table.tblContainer tr td.cellThemeActions {
  width: 50%;
}

div.panThemeActions table.tblContainer tr.rowLabels td {
  text-align: left;
}

div.panThemeActions table.tblContainer tr.rowControls td {
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: top;
}

div.panThemeActions table.tblContainer tr.rowControls div {
  overflow-x: hidden;
  overflow-y: auto;
}

td.lblCellThemeAction {
  text-align: left;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.headingText {
  font-size: 125%;
  font-weight: 700;
}

/* Edit Layout */
div.pagEditLayout {
  overflow-y: hidden;
  height:100%;
}
div.pagEditLayout.panlayout {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 15px 0 0;
}
div.pagEditLayout.panfieldlist {
  overflow-x: hidden;
  overflow-y: scroll;
  vertical-align: top;
  padding-right: 15px;
}
div.pagEditLayout div.comMainMenu
{
    text-align:right;
}
div.pagEditLayout div.comMainMenu table.menuitemslayout
{
    float:right;
}

div.pagEditLayout table.content hr {
  background-color: #d6e7f6;
  color: #d6e7f6;
}

div.pagEditLayout table.content table.rounded {
  width: 100%;
}

div.pagEditLayout table.content tr.dropdownrow td.labelcell {
  padding: 0 0 0 12px;
  width: 12%;
}

div.pagEditLayout table.content tr.sectionrow table.controls {
  width: 99%;
  margin-left: 0px;
}

div.pagEditLayout table.content tr.sectionrow {
  background-color: #d6e7f6;
}

div.pagEditLayout table.content tr.sectionrow td.labelcell {
  padding: 0 10px 4px;
  font-size: 125%;
  font-weight: 700;
  width: 34%;
}

div.pagEditLayout table.content tr.subjectrow td.labelcell {
  padding: 0 5px 8px 12px;
  width: 12%;
  white-space: nowrap;
}

div.pagEditLayout table.content tr.subjectrow td.controlcell {
  width: 24%;
  padding-right: 30px;
  white-space: nowrap;
}

div.pagEditLayout table.content tr.subjectrow td.actioncell {
  width: 17%;
}

div.pagEditLayout table.content tr.textrow {
  background-color: #d6e7f6;
}

div.pagEditLayout table.content tr.textrow td {
  padding-left: 8px;
  padding-top: 2px;
  padding-right: 30px;
}

div.pagEditLayout table.content tr.layoutrow {
  background-color: #d6e7f6;
}

div.pagEditLayout table.content tr.layoutrow td.layoutcell2 {
  padding: 0 5px;
  vertical-align: top;
}

div.pagEditLayout table.content tr.layoutrow td.fieldscell {
  vertical-align: top;
  padding-right: 7px;
}

div.pagEditLayout table.content tr.layoutrow table {
  text-align: left;
  vertical-align: top;
  width: 100%;
}

div.pagEditLayout table.content tr.layoutrow table td.controlcell {
  vertical-align: top;
  width: 50%;
}

div.pagEditLayout table.content td.corner {
  width: 7px;
  height: 7px;
  background: transparent url('../images/usi-genBoxSecondarySmallBorderCorners.png') no-repeat;
  font-size: 1px;
}

div.pagEditLayout table.content td.corner.topright {
  background-position: top right;
}

div.pagEditLayout table.content td.corner.bottomright {
  background-position: bottom right;
}

div.pagEditLayout table.content td.corner.bottomleft {
  background-position: bottom left;
}

div.pagEditLayout table.content td.corner.topleft {
  background-position: top left;
}

div.pagEditLayout table.content td.edge {
  background: #d6e7f6;
  font-size: 1px;
}

div.pagEditLayout table.content td.center {
  background: #d6e7f6;
}

div.pagEditLayout table.content tr.layoutrow table.menuitemslayout {
  text-align: center;
  width: auto;
}

div.pagEditLayout table.content table.menuitemslayout tb.layoutcell {
  padding: 0px 0px 0px 0px;
}


/* Sections */

div.pagSection {
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

div.pagSection table tr.textrow {
  text-align: left;
}

div.pagSection table tr.textrow td {
  width: 80%;
  height: 20px;
}

div.pagSection table tr.controlsrow {
  padding-top: 10px;
  padding-right: 25px;
}

div.pagSection table tr.controlsrow td {
  padding-top: 5px;
}

div.pagSection table tr.controlsrow td.checkbox {
  padding-top: 5px;
}

.spacer {
  width: 2%;
}


/* Change User Password */
div.pagChangeUserPassword {
  margin: 10px;
  max-width: 985px;
}

/* Activate User */
div.pagActivateUser {
  margin: 10px;
  max-width: 985px;
}
div.pagActivateUser input {
  width: 125px;
}
div.pagActivateUser input.code {
  width: 710px;
}
div.pagActivateUser table {
  margin: 5px 0 0 10px;
}
div.pagActivateUser table tr {
}
div.pagActivateUser table td {
  font-weight: bold;
  padding: 0 5px 3px;
  width: 150px;
}

table.password {  
  margin: 5px 0 0 10px;
  width: auto;
}
table.password tr {
  width: 100%;
}
table.password td {
  padding: 0px 5px 2px 0px;
}
table.password td.image {
  width:20px;
}
table.password td.image.pass {
  background: url('../images/usi-genMessagingSprite.png') no-repeat -60px -35px;
}
table.password td.image.fail {
  background: url('../images/usi-genMessagingSprite.png') no-repeat -60px 0px;
}

table.passwordRules {
  width: auto;
  max-width:450px;
}
div.thrColElsHdr div.mainContent div.tablecontent {
    background-image: url("../images/contentbackground_608x300.png")!important;
}
table.passwordRules tr {
  height: 18px;
}
table.passwordRules th {
  font-weight: bold;
}
table.passwordRules td {
  padding: 0;
  font-weight:bold;
  font-style:italic;
  text-align:left;
}
table.passwordRules td.image {
}
table.passwordRules td.image.pass {
  background: url('../images/usi-genMessagingSprite.png') no-repeat -60px -35px;
}
table.passwordRules td.image.fail {
  background: url('../images/usi-genMessagingSprite.png') no-repeat -60px 0px;
}
table.passwordRules td.rule {
  font-style: italic;
  font-weight: normal;
  width: auto;
}

div.pagActivateUser table.userHistory {
  margin: 10px 0 20px 10px;
  width: auto;
}

div.pagActivateUser table.userHistory tr {
  height: 18px;
}

div.pagActivateUser table.userHistory th {
  font-weight: bold;
  padding: 0 5px;
  text-align: left;
}

div.pagActivateUser table.userHistory td {
  font-weight: normal;
  padding: 0 5px 3px;
  width: 220px;
  border-bottom: 1px solid #c0c0c0;
  text-align: left;
}

div.pagActivateUser table.userHistory input {
  width: 20px;	
}


body.pagAddEditMaster div.layoutContainer div.centerPanel div.footer 
  {
    max-width:97%;
  }

/* Forgot Password */
div.pagForgotPassword {
  margin: 10px;
  max-width: 985px;
}
div.pagForgotPassword input {
  width: 350px;
  height:17px;
  font-size:12px;
}
div.pagForgotPassword input.code {
  width: 710px;
}
div.pagForgotPassword table {
  margin: 5px 0 0 0px;
}
div.pagForgotPassword
{
  margin-top:15px;
}
div.pagForgotPassword table td
{
  padding:0px;
 text-align:left;
}
div.pagForgotPassword table tr {
}
div.pagForgotPassword table td {
  font-weight: bold;
  padding: 0 0px;
}
div.pagForgotPassword table td.left {
  width: 20%;
}
div.pagForgotPassword table td.right {
  width: 275px;
}
div.pagForgotPassword table.EBMS-TooltipLabelTable td{padding:0px;margin:0px;}

div.pagForgotPassword table.EBMS-TooltipLabelTable{width:15px;padding:0px;float:left;text-align:left;margin:0px!important;}

div.pagForgotPassword .EBMS-TooltipLabelIcon {
margin-top:2px;
vertical-align:top;
width:15px;
margin-left:4px!important;
}

/* End Forgot Password */

/* Forgot Username */
div.pagForgotUsername {
  margin: 10px;
  max-width: 985px;
}
div.pagForgotUsername input {
  width: 250px;
}
div.pagForgotUsername input.code {
  width: 710px;
}
div.pagForgotUsername table {
  margin: 5px 0 0 10px;
}
div.pagForgotUsername table tr {
}
div.pagForgotUsername table td {
  font-weight: bold;
  padding: 0 5px;
}
div.pagForgotUsername table td.left {
  width: 150px;
}
div.pagForgotUsername table td.right {
  width: 275px;
}
/* End Forgot Username */

/* Confirm Send Mass Email  */
div.pagConfirmSendMassEmail {
  margin: 10px;
  max-width: 985px;
}

div.pagConfirmSendMassEmail table.topTable {
  width: 100%;
  margin-left: 10px;
  height: 100%;
}
div.pagConfirmSendMassEmail table.topTable table td {
  vertical-align: top;
}


div.pagConfirmSendMassEmail table tr td {
  height: 100%;
  vertical-align: top;
}

div.pagConfirmSendMassEmail table tr td.header {
  font-weight: bold;
  padding-bottom: 10px;
}
/* End Confirm Send Mass Email  */

/* Show Hide Details tab, aka the Splitter */

.pagGridPaneMaster table.gridpanelayout tr.headerlayout td.showHideDetails {
  width: 1px;
  position: relative;
  vertical-align: middle;
}
.pagGridPaneMaster table.gridpanelayout tr.headerlayout td.showHideDetails div {
  position: relative;
  top: 50%;
  right: -7px;
  vertical-align: middle;
}
.pagGridPaneMaster table.gridpanelayout tr.headerlayout td.showHideDetails div.image {
  cursor: pointer;
}

.pagGridPaneMaster table.gridpanelayout tr.headerlayout td.showHideDetails div.image img:hover {
}


/* 
===================================================================================================================
The below needs to be moved to usi-pagGridPaneMaster.css once the reading pane is properly picking up the css file.
*/

/* EBMS Grid Pane Styles */

.pagGridPaneMaster {
  border-left-color: #000000;
  border-left-width: 0px;
  border-left-style: solid;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.pagGridPaneMaster table.gridpanelayout {
  width: 100%;
}

.pagGridPaneMaster div.swoosh {
  background: url(../images/usi-pagGridSwooshLite.png) top left no-repeat;
  position: absolute;
  height: 300px;
  width: 600px;
  z-index: -1;
}

.pagAddEditMaster div.swoosh {
display:none!important;
background:none;
height:0px!important;
width:0px!important;
}

.pagGridPaneMaster table.gridpanelayout tr.headerlayout {
  height: 20px;
}

.pagGridPaneMaster table.gridpanelayout td.headerlayout {
  vertical-align: top;
  height: 32px;
  padding-top: 5px;
}

.pagGridPaneMaster table.gridpanelayout td.searchlayout {
  width: 50%;
  height: 50px;
}
.pagGridPaneMaster table.gridpanelayout td.readingpanelayout {
  width: 50%;
  padding-right: 2px;
}

.pagGridPaneMaster table.gridpanelayout td.readingpanelayouthidden {
  display: none;
  visibility: hidden;
}

.pagGridPaneMaster table.gridpanelayout tr.toolbarlayout {
  height: 22px;
}

.pagGridPaneMaster table.gridpanelayout td.toolbarlayout {
  padding: 0 0px 0 10px;
}

.pagGridPaneMaster div.debugoutput {
  position: relative;
  top: 20px;
}

.pagGridPaneMaster .Header {
  z-index: 5;
  margin: 0 10px;
  vertical-align: bottom;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Shown {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Shown .Arrow {
  background-position: -86px -52px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 5px;
  height: 8px;
  vertical-align: middle;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Hidden {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
}

.pagGridPaneMaster .ReadingPaneToggleVertical_Hidden .Arrow {
  background-position: -101px -52px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 5px;
  height: 8px;
  vertical-align: middle;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Shown {
  border: 1px solid #d6e7f6;
  background-position: center top;
  background-color: #d6e7f6;
  cursor: pointer;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Shown .Arrow {
  background-position: -68px -54px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 9px;
  height: 5px;
  vertical-align: top;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Hidden {
  border: 1px solid #d6e7f6;
  background-color: #d6e7f6;
  cursor: pointer;
  text-align: center;
}

.pagGridPaneMaster .ReadingPaneToggleHorizontal_Hidden .Arrow {
  background-position: -52px -54px;
  background-image: url(../images/usi-genSprite16x16.png);
  background-repeat: no-repeat;
  width: 9px;
  height: 5px;
  vertical-align: top;
}

.pagGridPaneMaster .HiddenFieldsPanel {
  display: none !important;
  visibility: hidden;
}

.pagGridPaneMaster .Header .HeaderPanel {
}

.pagGridPaneMaster .Header .HeaderTextPosition {
  margin-top: 2px;
  margin-left: 9px;
  position: absolute;
}

.pagGridPaneMaster .Header .HeaderTextFont {
  color: #333;
  font-size: 150%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}
table comQuickSearch td.cQuickSearch {
  width: 90px;
}
/* inline view/filter styling for top level */
/* see usi-comSection.css for inline view/filter styling on section grids */
.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell {
  padding: 0 0 0 3px;
  font-size: 55%;
  font-weight: bold;
  vertical-align: top;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell span {
  display: block;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell.viewcell {
  padding-left: 20px;
}

.pagGridPaneMaster .Header table.viewfilter td.viewfiltercell.filtercell {
  padding-left: 4px;
}

.pagGridPaneMaster .Grid {
  background-color: #bfd6eb;
  margin: 0px;
  padding: 0px;
}

.readingpanelayout {
  margin: 0px;
  padding: 0px;
}

.pagGridPaneMaster .SearchOptions {
  overflow: hidden;
}

.pagGridPaneMaster .Grid {
  margin: 0PX 0px 0PX 10PX;
  height: 100%;
  overflow: hidden;
}

.pagGridPaneMaster .GridUpdatePanel {
  height: 100%;
}

.pagGridPaneMaster .SearchOptions {
  white-space: nowrap;
  margin-left: 0 10px;
}

.pagGridPaneMaster .Toolbar {
  background-color: #d6e7f6;
  z-index: 100;
  overflow: hidden;
}

.pagGridPaneMaster .ToolbarContainer {
  margin: 0;
  width: 100%;
  height: 20px;
}

.ReadingPaneContainer {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0px 0px 0px 0px;
}

.ReadingPaneContainer iframe.ReadingPane {
  border: none;
  height: 100%;
  width: 100%;
}

.pagGridPaneMaster {
  background-color: #bfd6eb;
}

/* Show Columns */

.deleteImage {
  src: url("..util00\images\usi-genSprite16x16_Updated.png") -42px -56px;
  padding-top: 5px !important;
}

/* Sort By */

div.columns {
  height: 95%;
  overflow: auto;
}

div.columns table columnstable {
  width: 95%;
  overflow: auto;
}
table.columnstable.columns
{
    margin-left:0px;
    padding-left:0px;
    width:100%;
    max-width:400px;
}
 div.columnstable.columns
 {
     max-width:400px;
 }
 
/* Show Columns */
div.pagShowColumns 
{
  margin-left: 6px;
  margin-right: 15px;
}

div.pagShowColumns table.td
{
    text-align:left;
    width:40%;
}
div.pagShowColumns tr.inaccessible {
  color: #777777;
  font-style: italic;
}

/* inline view/filter styling for top level */
/* see usi-comSection.css for inline view/filter styling on section grids */
.pagAddEditMaster .content table.viewfilter td.viewfiltercell {
  padding: 0 0 0 3px;
  font-weight: bold;
  vertical-align: top;
}

.pagAddEditMaster .content table.viewfilter td.viewfiltercell span {
  display: block;
}

.pagAddEditMaster .content table.viewfilter td.viewfiltercell.viewcell {
  padding-left: 20px;
}

.pagAddEditMaster .content table.viewfilter td.viewfiltercell.filtercell {
  padding-left: 4px;
}

/* About Page */
div.pagAbout {
  background: transparent url(../images/usi-genAboutBG.png) no-repeat;
  height: 450px;
  width: 580px;
  left: 0;
  top: 0;
}
div.pagAbout span.version {
  color: #2172ab;
  font-size: 175%;
  font-weight: bold;
  position: absolute;
  right: 25px;
  text-align: right;
  top: 20px;
  width: 300px;
}
div.pagAbout input.aboutclose {
  right: 3px;
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(../images/usi-genSprite16x16_Updated.png);
  background-position: -144px -304px;
  background-repeat: no-repeat;
}
div.pagAbout input.aboutclose:hover {
  background-image: url(../images/usi-genSprite16x16_Updated.png);
  background-position: -128px -304px;
  background-repeat: no-repeat;
}
div.pagAbout div.aboutcontent {
  background: #ffffff;
  border: solid 1px #eeeeee;
  cursor: default;
  height: 175px;
  left: 20px;
  overflow: auto;
  position: absolute;
  top: 225px;
  width: 535px;
}
div.pagAbout div.aboutcontent table {
  width: 96%;
}
div.pagAbout div.aboutcontent table tr {
}
div.pagAbout div.aboutcontent table tr td {
  padding: 1px;
  width: 50%;
}
div.pagAbout div.aboutcontent table tr td.groupheader {
  color: #2172ab;
  font-size: 130%;
  padding-left: 5px;
}
div.pagAbout div.aboutcontent table tr td.groupsubheader {
  color: #2172ab;
  font-size: 110%;
  padding-left: 15px;
}
div.pagAbout div.aboutcontent table tr td.groupfooter {
  height: 5px;
}
div.pagAbout div.aboutcontent table tr.groupdetailrow {
  background-color: transparent;
}
div.pagAbout div.aboutcontent table tr.groupdetailrow:hover {
  background-color: #eeeeee;
}
div.pagAbout div.aboutcontent table tr.groupdetailrow td {
}
div.pagAbout div.aboutcontent table tr.groupdetailrow td.groupdetaillabel {
  padding-left: 25px;
}
div.pagAbout div.aboutcontent table tr.groupdetailrow td.groupdetailvalue {
}

body.ReadingPane div.refreshdetails {
  height: 16px;
  position: absolute;
  right: 17px;
  text-align: right;
  top: 14px;
  width: 100px;
  z-index: 1000;
}
body.ReadingPane div.refreshdetails div.comMainMenu
{
float:right;
text-align:right;
}
/* registration setup page */
body.pagAddEditMaster div.footer div.ButtonPanelLeft input.Template
{
  width:120px;
}

/* AddEditFunction Page */
body.pagAddEditMaster table.regFunctionHeader {
  display: inline;
  vertical-align: bottom;
}