/*
* File: usi-gen.css
* Description: General CSS styles
* Copyright (c) Ungerboeck Systems International 2009
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
ol
{
  list-style-type:decimal;
}
form#aspnetForm div#content_wrapper
{
  width:700px!important;
}
body, textarea {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body 
{
  background-color: #ffffff;
  font-size: 11px;
  height: 100%;
}
html {
  height: 100%;
  overflow: hidden;
}
form {
  height: 100%;
}
pre, code, kbd, samp, tt {
  font-family: monospace;
}
option {
  font-size: 90%;
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

img {
  border: 0;
}

.genSearchImage {
  margin-right: 10px;
  margin-left: 5px;
  vertical-align: top;
}

fieldset {
  overflow: hidden;
  border-top: 1px solid #b8cbdc;
  border-bottom: 1px solid #b8cbdc;
  border-right: 1px solid #bfd0df;
  border-left: 1px solid #bfd0df;
  margin-left: -4px;
  padding-left: 6px;
  padding-top: 1px;
  margin-bottom: 5px;
  padding-right: 0px;
  padding-bottom: 6px;
  background: #f6f9fc;
  width: 100%;
  background-color: #f6f9fc;
}
fieldset table.secDataDisplay {
  margin-left: 2px;
  margin-right: 3px;
  margin-top: 6px;
  width: 99%;
}

legend {
  color: black;
  font-weight: bold;
  margin-bottom: 1px;
  padding: 1px 6px 1px 0px;
  margin-left: -7px;
  background: none;
  font-size: 11px;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
table.genHelp ol
{
  list-style:inherit;
  list-style-type:decimal!important;
}
div.EBMS-AddEditContentPanel li {
  list-style: none;
}
table.signinbox li
{
  list-style:none;
  list-style-type:none;
}
body.pagSignIn div.layoutContainer div.pansignin table.tblSignIn td.rdbfield label
{
  padding-top:5px;
}

table.genHelp li
{
  list-style:inherit;
  list-style-type:inherit;
}
table.genHelp ol li
{
  list-style:inherit;
  list-style-type:decimal!important;
}

caption, th {
  text-align: left;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}

del, ins {
  text-decoration: none;
}
a:link, a:visited {
  color: #0068b3;
}
a:hover {
  color: #3090e0;
}

/* Increase Base Font Size - Setting in UserMaster */
form.largefont {
  font-size: 12px;
}

/*default field styles */
input[type="text"], input[type="password"], textarea {
  padding: 0px 2px 0px 3px;
  border-top: solid 1px #888;
  border-left: solid 1px #888;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  font-size: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
  border-color: #38577E;
}
div.secSectionBuilder input[type='text'] {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.genSearchInput 
{
  height:100%;
  width:75%;
  vertical-align: middle;
}

/*default button style */
input[type="button"], input[type="submit"], input[type="reset"], button {
  text-align: center !important;
  background: #d7d7d7 url('../images/usi-genButtonBackground.png') repeat-x scroll 0px -3px;
  border: 1px ridge #a6a6a6;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  margin: 2px 3px 0 0;
  padding: 2px 5px 2px 5px;
  vertical-align: middle;
}

input[type="button"] {
  text-align: center;
  min-height: 17px;
}
table.signinbox input[type="button"], table.signinbox input[type="submit"], table.signinbox input[type="reset"] {
  width: 96px;
  text-align: center;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
  background-color: #ECE2B4;
}
button div.USIButtonContent {
  min-width: 50px;
  max-width: 100px;
}
div.ButtonPanelLeft input {
  text-align: center;
  margin-right: 7px;
}

.riTextBox {
  padding-top: 1px;
  padding-bottom: 1px;
}

.windowcontent {
  background: transparent !important;
}
/* Show Window content as Transparent When Moving RadWindow */
.EBMS-LightBlueBackground {
  background-color: #DEE6F5;
  height: 100%;
}
.EBMS-Space2 {
  line-height: 2px;
  font-size: 1px;
}
.EBMS-Space3 {
  line-height: 3px;
  font-size: 1px;
}
.EBMS-Space5 {
  line-height: 5px;
  font-size: 1px;
}
.EBMS-Space14 {
  line-height: 14px;
  font-size: 1px;
}
.EBMS-SmallText {
  font-weight: normal;
  font-size: 100%;
  color: #000000;
}
.EBMS-MediumText {
  font-weight: normal;
  font-size: 90%;
  color: #000000;
}
.EBMS-MediumTextBold {
  font-weight: bold;
  font-size: 90%;
  color: #000000;
}
.EBMS-LargeTextBold {
  font-weight: bold;
  font-size: 120%;
  color: #000000;
}
.EBMS-MediumTextBlue {
  font-weight: normal;
  font-size: 90%;
  color: #03039a;
}
div.columns table.columnstable.columns span.EBMS-MediumTextBlue {
  padding-right: 5px;
  color: #111111;
  font-size: 100%;
}
div.columns table.columnstable.columns input {
  float: left;
}
div.columns table.columnstable.columns td {
  text-align: left;
}
.EBMS-MediumTextWhiteBold {
  font-weight: bold;
  color: #FFFFFF;
}
.EBMS-LargeTextBoldBlue {
  font-weight: bold;
  font-size: 150%;
  color: #03039a;
}
.EBMS-XXLargeTextBoldBlue {
  font-weight: bold;
  font-size: 190%;
  color: #03039a;
}

.EBMS-InputBox input {
  height: 15PX;
  width: 100%;
}
.EBMS-InputBoxRight {
  font-size: 90%;
  text-align: right;
}
.EBMS-InputBoxNoBorder {
  border: 0;
}
.EBMS-InputBoxUppercase {
  text-transform: uppercase;
}
.EBMS-InputBoxHeader {
  font-size: 110%;
  font-weight: bold;
  width: 100%;
}
.EBMS-InputButton {
  font-size: 90%;
}

.EBMS-GeneralLink, a.EBMS-GeneralLink:visited, a.EBMS-GeneralLink:link, a.EBMS-GeneralLink:active {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #000000;
  text-decoration: none;
}
a.EBMS-GeneralLink:hover {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #000000;
  text-decoration: underline;
}

.EBMS-GeneralBlueLink, a.EBMS-GeneralBlueLink:visited, a.EBMS-GeneralBlueLink:link, a.EBMS-GeneralBlueLink:active {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #03039a;
  text-decoration: none;
}
a.EBMS-GeneralBlueLink:hover {
  font-weight: normal;
  font-size: 90%;
  text-transform: none;
  color: #03039a;
  text-decoration: underline;
}

.EBMS-BoldBlueLink, a.EBMS-BoldBlueLink:visited, a.EBMS-BoldBlueLink:link, a.EBMS-BoldBlueLink:active {
  font-weight: bold;
  font-size: 90%;
  text-transform: none;
  color: #03039a;
  text-decoration: none;
}
a.EBMS-BoldBlueLink:hover {
  font-weight: bold;
  font-size: 90%;
  text-transform: none;
  color: #03039a;
  text-decoration: underline;
}

.EBMS-BlueBar {
  background-color: #000099;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  height: 21px;
}

.EBMS-TreeViewTopNode {
  font-weight: normal;
  font-size: 150%;
  text-align: left;
}

.EBMS-TreeViewChildNode {
  font-weight: normal;
  font-size: 90%;
  text-align: left;
}


.EBMS-tooltiptextbold {
  font-size: 90%;
  font-weight: bold;
}

.EBMS-SectionTooltipLink {
}

.main-monitor {
  border: 1px solid black;
  background-color: #ffffdd;
  height: 300px;
  overflow: auto;
  padding: 0px 3px 0px 3px;
}
div.rwTransparentWindow.rwNormalWindow.RadWindow_Custom.RadWindow div.content {
  margin-left: 15px !important;
}
ul.Office2007.reToolbar span.FontName {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
ul.Office2007.reToolbar span.RealFontSize {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
/* Displaying data in a table format */
table.genDataDisplay {
}

table.genFixedTable {
  table-layout: fixed;
}

table.genDataDisplay td.genLabel {
  padding: 2px 6px 2px 0;
  text-align: left;
  vertical-align: top;
  width: 15%;
}

table.genDataDisplay td.genLabelMediumWidth {
  padding: 2px 6px 2px 0;
  text-align: left;
  vertical-align: top;
  width: 10%;
}

table.genDataDisplay td.genField {
  padding: 2px 6px 2px 0;
  text-align: left;
  vertical-align: top;
  width: 85%;
}

table.genDataDisplay input.genTextMax {
  width: 100%;
}

table.genDataDisplay textarea.genTextareaMax {
  width: 100%;
}

div.genErrorText {
  color: #ff0000;
}

/* Messageboxes */


table.genMessagebox {
  margin: 10px auto;
  width: 97%;
}
/* remove icons */
div.genEmailPicker .genEmailImage {
  margin-left: 7px;
}
table.genDataDisplay input {
  max-width: 692px;
  min-height: 15px;
  padding-top: 1px;
}
table.genDataDisplay div.reWrapper.Office2007.RadEditor {
  margin-top: 5px;
}


/** Security Messages - AccessDenied  ***/
table.genMessagebox.AccessDenied td.corner {
  width: 6px;
  height: 6px;
  background: transparent url(../images/usi-genAccessDeniedCorners.png);
}
table.genMessagebox.AccessDenied td.corner.topright {
  background-position: top right;
}
table.genMessagebox.AccessDenied td.corner.bottomright {
  background-position: bottom right;
}
table.genMessagebox.AccessDenied td.corner.bottomleft {
  background-position: bottom left;
}
table.genMessagebox.AccessDenied td.corner.topleft {
  background-position: top left;
}
table.genMessagebox.AccessDenied td.edge {
  background: #fbfaf0;
  font-size: 1px;
}
table.genMessagebox.AccessDenied td.edge.top {
  border-top: 1px solid #e0cd53;
}
table.genMessagebox.AccessDenied td.edge.right {
  border-right: 1px solid #e0cd53;
}
table.genMessagebox.AccessDenied td.edge.bottom {
  border-bottom: 1px solid #e0cd53;
}
table.genMessagebox.AccessDenied td.edge.left {
  border-left: 1px solid #e0cd53;
}
table.genMessagebox.AccessDenied td.center {
  padding: 14px 20px 20px 46px;
  background: #fbfaf0 url(../images/usi-genAccessDeniedIcon.png) no-repeat 6px 6px;
  color: #04529c;
}
table.genMessagebox.AccessDenied td.center div {
  font-size: 120%;
  overflow: auto;
  width: 100%;
}
table.embedded.DialogPanel {
  width: 100%;
}

/* Messageboxes in Info state */

div.EBMS-AddEditContentPanel div.DialogPanel.information.embedded 
{
  width:98%;
  margin-left:1%;
}

div.EBMS-AddEditContentPanel span.DialogPanel div.DialogPanel.information.embedded
{
  overflow:inherit!important;
  
}
div.DialogPanel.information {
  background-color: inherit;
  width: 100%;
    overflow: auto;
  padding-bottom: 4px;
}
table.genMessagebox.information td.corner {
  width: 6px;
  height: 6px;
  background: transparent url(../images/usi-genInformationCorners_light.png);
}
table.genMessagebox.information td.corner.topright {
  background-position: top right;
}
table.genMessagebox.information td.corner.bottomright {
  background-position: bottom right;
}
table.genMessagebox.information td.corner.bottomleft {
  background-position: bottom left;
}
table.genMessagebox.information td.corner.topleft {
  background-position: top left;
}
table.genMessagebox.information td.edge {
  background: #ecf4fc;
  font-size: 1px;
}
table.genMessagebox.information td.edge.top {
  border-top: 1px solid #368ad9;
}
table.genMessagebox.information td.edge.right {
  border-right: 1px solid #368ad9;
}
table.genMessagebox.information td.edge.bottom {
  border-bottom: 1px solid #368ad9;
}
table.genMessagebox.information td.edge.left {
  border-left: 1px solid #368ad9;
}
table.genMessagebox.information td.center {
  padding: 14px 20px 20px 46px;
  background: #ecf4fc url(../images/usi-genInformationIcon_small.png) no-repeat 6px 6px;
  color: #04529c;
}
table.genMessagebox.information td.center div {
  font-size: 120%;
  overflow: auto;
  width: 100%;
}

/* Messageboxes in Error state */

div.DialogPanel.error {
  margin: auto;
  width: 30%;
}
table.genMessagebox.error td.corner {
  width: 6px;
  height: 6px;
  background: transparent url(../images/usi-genErrorCorners_light.png);
}
table.genMessagebox.error td.corner.topright {
  background-position: top right;
}
table.genMessagebox.error td.corner.bottomright {
  background-position: bottom right;
}
table.genMessagebox.error td.corner.bottomleft {
  background-position: bottom left;
}
table.genMessagebox.error td.corner.topleft {
  background-position: top left;
}
table.genMessagebox.error td.edge {
  background: #F4E6E6;
  font-size: 1px;
}
table.genMessagebox.error td.edge.top {
  border-top: 1px solid #954344;
}
table.genMessagebox.error td.edge.right {
  border-right: 1px solid #954344;
}
table.genMessagebox.error td.edge.bottom {
  border-bottom: 1px solid #954344;
}
table.genMessagebox.error td.edge.left {
  border-left: 1px solid #954344;
}
table.genMessagebox.error td.center {
  padding: 14px 20px 20px 46px;
  background: #F4E6E6 url(../images/usi-genErrorIcon_small.png) no-repeat 6px 6px;
  color: #900;
}
table.genMessagebox.error td.center div {
  font-size: 120%;
  overflow: auto;
  width: 100%;
}

/* */


table.ToolbarContainer td.ToolBarContent {
  min-height: 20px;
}

/* The edit layout, timing, debug links generally appearing in the bottom right corner of the windows and modals */
div.genWindowLinks {
  text-align: right;
  margin: 0px;
  padding: 0px;  
}
div.comMainMenu.linkmenu.floatright {
  height: 15px;
  padding: 0px;
  margin: 0px;
}
div.comMainMenu.linkmenu.floatright table.comMainMenu {
  height: 12px;
  margin: 0px;
  padding: 0px;
}
div.comMainMenu.linkmenu {
  height: 15px !important;
  line-height: 15px;
}
div.comMainMenu.linkmenu.floatright {
  height: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 9px 0px;
}
div.comMainMenu.linkmenu.floatright.nopadding {
  padding: 0px 0px 0px 0px;
}
div.EBMS-AddEditContentPanel div.comMainMenu.linkmenu.floatright {
  margin: 1px 0px 0px 0px;
  margin-top: 1px !important;
}
div.ReadingPaneContainer.comMainMenu.linkmenu.floatright {
  margin: 3px 0px 0px 0px;
  margin-top: 1px !important;
}
div.RadWindow div.comMainMenu.linkmenu.floatright {
  margin: 1px 0px 0px 0px;
  margin-top: 1px !important;
}
div.genWindowLinks a:link, div.genWindowLinks a:visited {
  color: #8fafcd;
}

div.genWindowLinks a:hover {
  color: #9ebad4;
}

table.secDataDisplay td.data.inputtextbox input {
  margin: 0px;
  padding: 0px;
  width: 99% !important;
}
div.EBMS-AddEditContentPanel textarea {
  margin-bottom: 1px !important;
}
/* WL: The styles below need to be split off into usi-genBoxes.css =================  */

/* <default description> */
table.genBoxMedBorder {
}
table.genBoxMedBorder tr td {
  width: auto;
}
table.genBoxMedBorder tr td.corner {
  width: 8px;
  height: 8px;
  background: transparent url(../images/usi-genBoxMedBorderCorners.png);
  font-size: 1px;
}
table.genBoxMedBorder tr td.corner.topright {
  background-position: top right;
}
table.genBoxMedBorder tr td.corner.bottomright {
  background-position: bottom right;
}
table.genBoxMedBorder tr td.corner.bottomleft {
  background-position: bottom left;
}
table.genBoxMedBorder tr td.corner.topleft {
  background-position: top left;
}
table.genBoxMedBorder tr td.edge {
  font-size: 1px;
}
table.genBoxMedBorder tr td.edge.top {
  background: transparent url(../images/usi-genBoxMedBorderEdgeTopBottom.png) repeat-x;
  height: 8px;
}
table.genBoxMedBorder tr td.edge.right {
  background: transparent url(../images/usi-genBoxMedBorderEdgeLeftRight.png) repeat-y -8px 0;
  width: 8px;
}
table.genBoxMedBorder tr td.edge.bottom {
  background: transparent url(../images/usi-genBoxMedBorderEdgeTopBottom.png) repeat-x 0 -6px;
  height: 8px;
}
table.genBoxMedBorder tr td.edge.left {
  background: transparent url(../images/usi-genBoxMedBorderEdgeLeftRight.png) repeat-y;
  width: 8px;
}
table.genBoxMedBorder tr td.center {
  background-color: #ffffff;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

/**** temporary until pag.css is checked in - CY ****/

div.pagShowColumns table {
  float: left !important;
  text-align: left;
}
div.pagShowColumns table td {
  padding: 1px;
}

.pagGridPaneMaster div.swoosh {
  background-image: none !important;
  position: absolute;
  height: 300px;
  width: 600px;
  z-index: -1;
}
/** end temporary  **/


.pagAddEditMaster div.swoosh {
  background-image: none !important;
  position: absolute;
  height: 300px;
  width: 600px;
  z-index: -1;
}



/* detailsBox */


table.detailsBox tr td {
  width: auto;
}
table.detailsBox tr td.corner {
  width: 8px;
  height: 8px;
  background: transparent url(../images/usi-genBoxSecondarySmallBorderCorners.png);
  font-size: 1px;
}
table.detailsBox tr td.corner.topright {
  background-position: top right;
}
table.detailsBox tr td.corner.bottomright {
  background-position: bottom right;
}
table.detailsBox tr td.corner.bottomleft {
  background-position: bottom left;
}
table.detailsBox tr td.corner.topleft {
  background-position: top left;
}
table.detailsBox tr td.edge {
  font-size: 1px;
}
table.detailsBox tr td.edge.top {
  background: transparent url(../images/usi-genBoxSecondarySmallBorderEdgeTopBottom.png) repeat-x;
  height: 8px;
}
table.detailsBox tr td.edge.right {
  background: transparent url(../images/usi-genBoxSecondarySmallBorderEdgeLeftRight.png) repeat-y -6px 0;
  width: 8px;
}
table.detailsBox tr td.edge.bottom {
  background: transparent url(../images/usi-genBoxSecondarySmallBorderEdgeTopBottom.png) repeat-x 0 -6px;
  height: 8px;
}
table.detailsBox tr td.edge.left {
  background: transparent url(../images/usi-genBoxSecondarySmallBorderEdgeLeftRight.png) repeat-y;
  width: 8px;
}
table.detailsBox tr td.center {
  background-color: #D6E4F0;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

/* Display this first class only when no object has been selected */
body.pagObjectDetailEmpty table.detailsBox {
  height: 95%;
  width: 100%;
  position: relative;
}
body.pagObjectDetailEmpty table.detailsBox td.center {
  vertical-align: middle;
  height: 99%;
  position: relative;
}




/*Empty style for 'helper notes' like in the address lines control.  UX will fill in at a later date */
span.genHelpNote {
}

/* Style for Close Window link on Error Page */
body.pagError div.genErrorCloseWindow {
  display: none;
  text-align: right;
  padding: 10px 25px 0 0;
}

/* Ajax Loading Image */
div.AjaxImage {
  position: absolute;
}
div.AjaxImage.hidden {
  display: none;
}
div.AjaxImage.visible {
  display: block;
}
div.FindItems.show div {
  display: inline;
  clear: right;
  min-width: 325px;
}
div.FindItems.show div input {
  min-width: 280px;
}

/* Background for Grid Container While Loading */
div.GridContainer {
  background-color: #F2F5FF;
}





/* WL -- start temp: move to page*/

/* pagObjectDetailEmpty -- This is the empty detail page */
table.pagObjectDetailEmpty.genBoxMedBorder.wrapper {
  height: 100%;
}


/* WL -- end temp */


input.comReadOnly {
  border: none !important;
  background-color: Transparent !important;
}

input.comReadOnlyEditMultiple {
  border: small inset;
  background-color: #CCC;
}