/* CSS Document */

body {
  margin: 0px;
  /*
  background-image:url(images/bg_02.gif);
  background-repeat:repeat-x;
  */

}

.top-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #085D40;
}

.top-nav-slash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FAC80F;
}

.side-line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E8E8;
}

.main-body-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.bottom-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}

.main-body-text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.main-body-text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.body-text-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7B1E29;
}

.botom-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6A61;
}

ul.ui-autocomplete li.ui-menu-item a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.a{ color:#085D40; text-decoration:none;}
.a:hover{ color:#9C2C3C; text-decoration:none;}
.b{ color:#6E6A61; text-decoration:none;}
.b:hover{ color:#135740; text-decoration:none;}
.redmore{ color:#085D40; text-decoration:none;}
.redmore:hover{ color:#9C2C3C; text-decoration:none;}
.c{ color:#7B1E29; text-decoration:none;}
.c:hover{ color:#135740; text-decoration:none;}
.main-body-text-red {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9C2C3C;
}
h1, h2, .green-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #23614D;
}

.green-text, h2 {
	font-size: 13px;
}

h1 {
  font-size: 14px;
}

.form, .form0, .form2 {
	background-color: #FFFFFF;
	border: 1px solid #636E64;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #636E64;
}

.form {
	height: 15px;
	width: 235px;
}

.form0 {
  height: 15px;
  width: auto;
}

.form2 {
	height: 14px;
	width: 70px;
}
.textarea {
	background-color: #FFFFFF;
	height: 123px;
	width: 235px;
	border: 1px solid #636E64;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #636E64;
}

.button {
	height: 20px;
	width: 95px;
	border: 1px solid #9C2C3C;
	background-color: #9C2C3C;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.button[value='Complete Call'] {
	width: auto;
}

.form2 {
	height: 15px;
	width: 135px;
	padding-left: 2px;
}

.graybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #636E64;
	font-weight: bold;
}
.form4 {
	background-color: #FFFFFF;
	height: 15px;
	width: 60px;
	border: 1px solid #636E64;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #636E64;
}
.button1 {

	height: 20px;
	width: 120px;
	border: 1px solid #9C2C3C;
	background-color: #9C2C3C;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.tab-side {
	background-color: #FFFFFF;
	width: 109px;
	height: 94px;
	border: 1px solid #CCCCCC;
}

.dropdown, .dropdown0, .dropdown1, .dropdown2, .dropdown235px {
	background-color: #FFFFFF;
	height: 20px;
	border: 1px solid #636E64;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #636E64;
}
.dropdown {
	width: 140px;
}

.dropdown0 {
  height: 19px;
  width: auto;
}

.dropdown1 {
	width: 300px;
}
.dropdown2 {
	width: 500px;
}

.dropdown235px {
  width: 235px;
}

h3 {
  color: #23614D;
  margin-bottom: 0;
}

.abovetextbox {
  width: 500px;
  font-weight: normal;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.nsc-test-mode-mail {
  vertical-align: top;
}

.nsc-test-mode-db {
  vertical-align: top;
}

.nsc-test-mode-db td {
  font: 10px verdana;
}

.nsc-db-name {
  text-align: right;
}

div#dump {
  display: none;
}

textarea {
	border: 1px solid #636E64;
}


div.staffStubOuter {
  border: 1px solid #808080;
  background-color: #eeeeee;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: normal;
}

div.staffStubInner {
  vertical-align: middle;
  text-align: left;
  margin: 0.5em;
  color: #404040;
}

div.staffStubDebug {
  float: right;
  color: #808080;
  text-align: right;
}

/* This looks redundant but is needed by IE7 for correct spacing */
div.staffStubInner p {
  margin: 1em auto;
}

.nobold {
  font-weight: normal;
}

div.staffStubInner li {
  margin-bottom: .2em;
}

img.staffStubIcon {
  float: right;
  margin: .5em .5em 0 .5em;
}

.image-boder {
	background-image: url('images/image-boder_11.gif');
	height: 94px;
	width: 109px
}

tr.top-padded td,
td.top-padded {
  padding-top: 1em;
}

.group {
	padding-top: 1em;
	padding-bottom: .5em;
}

.group, .group-color {
	color: #444444;
}

.radio-button-list-table td {
  height: 1.3em;
}

.radio-button-list-table td input {
  margin-left: 0;
}

.broker .no-email {
	display: none;
}

.custom-banner {
	width: 780px;
	margin: 0;
	text-align: center;
}

.custom-banner img {
	max-width: 780px;
}

.popup {
	background-color: #444c55;
	padding: 10px;
	border: 1px solid #2f353b;
	border-radius: 4px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*max-width: 410px;*/
	/*max-height: 200px;*/
	overflow: auto;
	/*box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2)*/
}

.popup a, .popup a:visited, .popup a:hover {
	color: #c0c0c0;
}

.popup[x-placement="right"] {
	margin-left: 15px;
}

.popup[x-placement="bottom-start"] {
	margin-top: 10px;
}

.popup > p:first-child {
	margin-top: 0;
}

.popup > p:last-child {
	margin-bottom: 0;
}

.radio-group {
	display: inline-block;
}

.radio-group[data-field="NoteHolder_A_I_Am"] {
	width: 480px;
}

.radio-group[data-field]:focus {
	outline: none;
}

.popup .popup-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	text-align: center;
	position: relative;
	top: 1px;

	animation-name: spin;
	animation-duration: 1200ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

.popup.popup-large {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	/*width: 50%;*/
	max-width: none;
	max-height: none;
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3)
}

.popup .popup-close,
.popup .popup-back {
	display: block;
	position: fixed;
	top: 11px;
	height: 15px;
	width: 15px;
	background-color: #ff6600;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	cursor: pointer;
	border-radius: 3px;
	z-index: 1000;
}

.popup .popup-close {
	right: 11px;
}

.popup .popup-back {
	right: 31px;
}

.popup .popup-backdrop {
	margin: 0;
	position: fixed;
	top: 1px;
	right: 1px;
	width: 35px;
	height: 35px;
	background-color: inherit;
	border-radius: 4px;
	opacity: .8;
	content: ' ';
	z-index: 999;
	cursor: default;
	pointer-events: none;
}

.popup.popup-nested .popup-backdrop {
	width: 55px;
}


.stub-icon,
.popup-icon {
	display: inline-block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #ff6600;
	border-radius: 20px;
	cursor: pointer;
	margin: 0 0 0 5px;
	vertical-align: top;
}

.stub-icon-edit,
.popup-edit-icon {
	vertical-align: baseline;
}

textarea + .popup-edit-icon {
	vertical-align: top;
}

.radio-group.one-row td.bodytext {
	padding-right: 10px;
}
.radio-group.one-row + .popup-edit-icon {
	vertical-align: bottom;
}

.stub-icon-edit {
	float: right;
	margin: 8px 8px 0 0;
}

.popup[x-placement="right"]:not([data-input-tag="input"]) {
	margin-left: 45px;
}

.popup-large > .popup-edit-icon:last-child {
	position: fixed;
	top: 8px;
	right: 60px;

	animation-name: wiggle;
	animation-duration: 1200ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes wiggle {
	0% { transform: rotate(165deg); }
	50% { transform: rotate(75deg); }
	100% { transform: rotate(165deg); }
}

.staffStubInner {
	position: relative;
}

.staffStubInner .stub-icon-edit {
	margin: -4px 0 0 0;
	position: absolute;
	right: 2px;
	background-color: #1c94c4;
}