/* Generic container for sidebar input */

div.sidebar-input {
  background-color: #ffffff;
  font-size: 8pt;
  width: 180px;
}

div.sidebar-input p {
  font-size: 8pt;
  margin: 0 10px 10px 10px;
}

div.sidebar-input ul {
  margin: 0 0 0 2em;
  padding: 0;
}

div.sidebar-input li {
  margin: 0;
  padding: 0;
}

div.sidebar-input form {
  margin: 0;
  padding: 0;
}

div.sidebar-input fieldset {
  margin-bottom: 5px;
}

/* Alternate input frame for sidebar content */
div.sidebar-input-top2 {
  background: url(/images/Shared/css/sidebar-input-top2.gif) no-repeat;
  height: 16px;
  width: 180px;
}

div.sidebar-input-content2 {
  background-color: #eeeeee;
  border-left: 3px solid #c9d4d6;
  border-right: 3px solid #c9d4d6;
  margin: 0;
  padding: 0;
}

div.sidebar-input-bottom2 {
  background: url(/images/Shared/css/sidebar-input-bottom2.gif) no-repeat;
  height: 16px;
  width: 180px;
  padding: 0 0 10px 0;
}

div.sidebar-input-separator2 {
  background: url(/images/Shared/css/sidebar-input-separator2.gif) no-repeat;
  height: 10px;
  width: 174px;
}

/* 1 or 2 column form.*/
div.div-form   {

}
div.div-form p.rowbreak {
  margin: 10px 0px 10px 0px;
}

div.div-form span.input {
  display: block;
  float: left;
  margin-top: 10px;
}

div.div-form span.label {
  display: block;
  float: left;
  margin-top: 10px;

  text-align: right;
  width: 140px;
  padding-right: 5px;
}


div.div-form div.row {
  width:720px; /* OverRide this width in your custom CSS to suit your needs */
  height:35px;
  clear:both;
  margin-left:auto;
  margin-right:auto;
}

div.div-form  div.cell {
    float:left;
    width:100%;
}

/*
 * Rounded box with grey fill and no title bar.
 */
.box-rounded {
  margin: 0 auto;
  width: 100%;
  background: url(/images/Shared/css/body-r-fill.gif) no-repeat bottom right;
  font-size: 100%;
  margin-bottom: 20px;
}
.box-rounded-head, .box-rounded .head {
  background: url(/images/Shared/css/head-r-fill.gif) no-repeat top right;
  margin: 0;
  padding: 0;
}
.box-rounded-head h2, .box-rounded .head h2 {
  background: url(/images/Shared/css/head-l-fill.gif) no-repeat top left;
  margin: 0;
  padding: 10px;
  line-height: 1em;
  font-size: 11pt;
}
.box-rounded-head span {
  background: url(/images/Shared/css/head-l-fill.gif) no-repeat top left;
  margin: 0;
  padding-top:1px;

}
.box-rounded-body, .box-rounded .body {
  background: url(/images/Shared/css/body-l-fill.gif) no-repeat bottom left;
  margin: 0;
  padding: 0 10px 10px 10px;
}

/*
 * Rounded box with no fill and no title bar.
 */
.box-rounded-clear {
  margin: 0 auto;
  width: 100%;
  background: url(/images/Shared/css/body-r.gif) no-repeat bottom right;
  font-size: 100%;
  margin-bottom: 20px;
  float:left;
}
.box-rounded-clear-head, .box-rounded-clear .head {
  background: url(/images/Shared/css/head-r.gif) no-repeat top right;
  margin: 0;
  padding: 0;
}
.box-rounded-clear-head h2, .box-rounded-clear .head h2 {
  background: url(/images/Shared/css/head-l.gif) no-repeat top left;
  margin: 0;
  padding: 10px;
  line-height: 1em;
  font-size: 11pt;
}
.box-rounded-clear-body, .box-rounded-clear .body {
  background: url(/images/Shared/css/body-l.gif) no-repeat bottom left;
  margin: 0;
  padding: 0 10px 10px 10px;
}
.box-rounded-clear-body h3, .box-rounded-clear .body h3 {
  font-size: 10pt;
  padding:0;
  margin: 0 0 10px 0;
}
.box-rounded-clear .head span {
  background: url(/images/Shared/css/head-l.gif) no-repeat top left;
  margin: 0;
  padding-top:1px;

}
.box-rounded-clear .body .successMessage {
  padding-left:30px;
  margin: 0 0 10px 0;
}

/*
 * Rounded box with fill and with title bar.
 */
.box-rounded-fill-withtitle {
  margin: 0 auto;
  width: 100%;
  background: url(/images/Shared/css/body-r-fill.gif) no-repeat bottom right;
  font-size: 100%;
  margin-bottom: 20px;
}
.box-rounded-fill-withtitle .head {
  background: url(/images/Shared/css/head-r-title-fill.gif) no-repeat top right;
  margin: 0;
  padding: 0;
}
.box-rounded-fill-withtitle .head h2 {
  background: url(/images/Shared/css/head-l-title-fill.gif) no-repeat top left;
  margin: 0;
  padding: 6px 10px 10px 10px;
  line-height: 1em;
  font-size: 10pt;
}
.box-rounded-fill-withtitle .head h3 {
  background: url(/images/Shared/css/head-l-title-fill.gif) no-repeat top left;
  margin: 0;
  padding: 10px;
  line-height: 1em;
  font-size: 10pt;
}
.box-rounded-fill-withtitle .links {
  float:right;
  margin-top:-22px;
  padding-right:10px;
}
.box-rounded-fill-withtitle .body {
  background: url(/images/Shared/css/body-l-fill.gif) no-repeat bottom left;
  margin: 0;
  padding: 0 10px 10px 10px;
}
.box-rounded-fill-withtitle .body h3 {
  font-size: 10pt;
}



/*
 * Rounded box with no fill and with title bar.
 */
.box-rounded-nofill-withtitle {
  margin: 0 auto;
  width: 100%;
  background: url(/images/Shared/css/body-r.gif) no-repeat bottom right;
  font-size: 100%;
  margin-bottom: 20px;
}
.box-rounded-nofill-withtitle .head {
  background: url(/images/Shared/css/head-r-title.gif) no-repeat top right;
  margin: 0;
  padding: 0;
}

.box-rounded-nofill-withtitle .head h2 {
  background: url(/images/Shared/css/head-l-title.gif) no-repeat top left;
  margin: 0px;
  padding: 8px 10px 15px 10px;
  line-height: 1em;
}
.box-rounded-nofill-withtitle .head span.heading-left {
  background: url(/images/Shared/css/head-l-title.gif) no-repeat top left;
  margin: 0px;
  padding: 8px 10px 15px 10px;
  line-height: 1em;
  font-weight: bold;
  float: left;
}

.box-rounded-nofill-withtitle .head span.heading-right {
  margin: 0px;
  padding: 8px 10px 15px 10px;
  line-height: 1em;
  float: right;
}

.box-rounded-nofill-withtitle .head h3 {
  background: url(/images/Shared/css/head-l-title.gif) no-repeat top left;
  margin: 0px;
  padding: 10px;
  line-height: 1em;
  font-size: 10pt;
}
.box-rounded-nofill-withtitle .body {
  background: url(/images/Shared/css/body-l.gif) no-repeat bottom left;
  margin: 0px;
  padding: 0 10px 10px 10px;
}
.box-rounded-nofill-withtitle .body h3 {
  font-size: 10pt;
}

.box-rounded-nofill-withtitle .body div.content {
  padding-top:30px;padding-left:50px;border:0;
}

.box-rounded-nofill-withtitle .head div.header-right {
position:relative;top:-28px; float:right;padding-right:10px;}


.box-rounded-nofill-withtitle .body .actions {
  padding-top:10px;
  margin-left:125px;
}

.box-rounded-nofill-withtitle .body .links {
  margin-top:2px;
  margin-left:125px;
}

.box-rounded-nofill-withtitle .body .heading {
  font-size:150%;
  margin-left:130px;
}

/*DEPRICATED DO NOT USE*/
div.input-container {
  background-color: #c9d4d6;
}
div.input-header .topLeft {
  float: left;
  width: 15px;
  height:15px;
  background: #c9d4d6 url(/images/Shared/FormFrame/top-left-with-status.gif) no-repeat;
}
div.input-header .topRight {
  float:right;
  height:15px;
  width:15px;
  background: #c9d4d6 url(/images/Shared/FormFrame/top-right-with-status.gif) no-repeat top right;
}
div.input-header .header {
  background: #c9d4d6;
  margin-left: 15px;
  margin-right: 15px;
}
div.input-header div.header .leftHeading {
  float:left;
  padding: 2px 0 2px 0;
}
div.input-header div.header .rightHeading {
  text-align:right;
  padding: 2px 0 2px 0;
}
div.input-footer .bottomLeft {
  float:left;
  width: 15px;
  height: 16px;
  background: url(/images/Shared/FormFrame/bottom-left-no-status.gif) no-repeat left bottom;
}
div.input-footer .bottomRight {
  float:right;
  width: 15px;
  height: 16px;
  background: url(/images/Shared/FormFrame/bottom-right-no-status.gif) no-repeat right bottom;
}
div.input-footer .footer {
  margin-left: 15px;
  margin-right: 15px;
  height: 16px;
  background: #ffffff url(/images/Shared/FormFrame/horizontal-no-status.gif) repeat-x bottom;
}
div.input-content {
  border-left: 3px solid #c9d4d6;
  border-right: 3px solid #c9d4d6;
  background: #ffffff;
}

/* */

div.input-container2 {
  background-color: #c9d4d6;
  margin-bottom: 10px;
}

div.input-container2 form {
  margin: 0;
  padding: 0;
}

div.input-content2 {
  background: #eeeeee;
  border-left: 3px solid #c9d4d6;
  border-right: 3px solid #c9d4d6;
  padding: 5px 5px 0 5px;
}

div.input-content2 hr {
  border-top: 1px solid #c9d4d6;
  height: 1px;
  margin: 10px 0 10px 0;
}

div.input-header2 div.rightcorner {
  background: url(/images/Shared/css/input-header2-rightcorner.gif) no-repeat right top;
  float: right;
  height: 10px;
  width: 10px;
}

div.input-header2 div.leftcorner {
  background: url(/images/Shared/css/input-header2-leftcorner.gif) no-repeat left top;
  float: left;
  height: 10px;
  width: 10px;
}

div.input-header2 div.mid {
  background: #c9d4d6;
  padding: 5px;
}

div.input-footer2 div.rightcorner {
  background: url(/images/Shared/css/input-footer2-rightcorner.gif) no-repeat right bottom;
  float: right;
  height: 16px;
  width: 21px;
  padding-left: -4px;
}

div.input-footer2 div.leftcorner {
  background: url(/images/Shared/css/input-footer2-leftcorner.gif) no-repeat left bottom;
  float: left;
  height: 16px;
  width: 21px;
}

div.input-footer2 div.mid {
  background: url(/images/Shared/css/input-footer2-mid.gif) repeat-x left bottom;
  height: 16px;
}