/**********************************
 Begin Login/Logout Styles
***********************************/

#login {
	background: url(../images/miniappBG.gif) repeat;
	padding-top: 50px;
}

#login .seperator 
{
	background: url(../images/seperator-dot.gif) repeat-y right;
	float: left;
	height: 150px;
	width: 450px;
	padding: 25px 0 20px 0;
}

#login .top {
	background: url(../images/login-top.gif) no-repeat; height: 176px;
}

#login .middle {
	background: url(../images/login-middle.gif) repeat-y;
	font-weight: bold;
	padding: 2px 20px 2px 20px;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#login .bottom {
	background: url(../images/login-bottom.gif) no-repeat; height: 21px;
}

#login table table {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#login table table h5 {
	padding-top: 25px;
}

.textbox {
	background-color:#F9F9FF;
	font-family:Verdana,Arial,Helvetica;
	font-size:10px;
	height:17px;
	padding:2px 2px 0px;
}

.message
{
	color: red;
	font-family: verdana;
}

div.message
{
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#login h5 
{
	font-size: 16px;
}
/**********************************
End Login/Logout Styles
***********************************/

body {
	background: url(../images/miniappBG.gif) repeat;
}

#containertable {
	margin-top: 15px;
}

#maintable {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 2px solid #D6E2EA;
}

#maintable td {
	padding: 5px;
	vertical-align: top;
}

.rightborder {
 	border-right: 1px solid #D6E2EA;
}

.bottomborder {
 	border-bottom: 1px solid #D6E2EA;
}

.logoutbar {
	background: url(../images/header2.gif) repeat-x;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
}

.logoutbar a {
	color: #FFFFFF;
	text-decoration: none;
}

.arrow {
	font-size: 14px;
}

.sectiontitle {
	border-top: 1px solid #D6E2EA;
	background: #83B4CE;
	font-weight: bold;
	color: #FFFFFF;
}

.lable {
	font-weight: bolder;
	font-size: 12px;
	color: #687aa1;
	padding-left: 16px !important;
	line-height: 18px;
}

.lable dd {
	margin-left: 1em;
}

.maplable {
	font-weight: bold;
	font-size: 11px;
	color: #687aa1;
	line-height: 18px;
}

#provider {
	font-weight: bold;
	font-size: 10px;
	color: #777777;
}

#provider .loname {
	color: #687aa1;
	font-size: 12px;
}
#provider .loname a {
	color: #687aa1;
}

.data {
	color: #000000;
	font-weight: normal;
}

.data a 
{
	color: #000000;	
}

.container
{
	padding-top: 10px;
}

.borrower
{
	color: #FF0000;
	font-weight: bold;
	padding-top: 5px;
}

.realtor
{
	color: #0000FF;
	font-weight: bold;
	padding-top: 5px;
}

.originator
{
	color: #008200;
	font-weight: bold;
	padding-top: 5px;
}

.existingComments
{
	width: 400px;
	height: 300px;
	font-family: verdana, arial;
	font-size: 12px;
	overflow: auto;
	border: 1px solid #D6E2EA;
	text-align: left;
}

.newComments
{
	width: 400px;
	height: 300px;
}

table.document 
{
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 1em;
	width: 100%;
}

tr.documentHead
{
	background: #83B4CE;
	color: #FFF;
	font-weight: bold;
}

table.document tr.documentHead td
{
	border-right: 1px solid #FFFFFF;
}

table.document td
{
	border-left: 1px solid #83B4CE;
}
table.document tr.item td
{
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
table.document td.first
{
	border-left: none;
}
table.document tr.alternate
{
	background: #DFE5DC;
}

/**********************************
 Begin MdbCard Style Expansion
***********************************/

.MdbCard
{
	font: caption;
	color: black;
	border-collapse: collapse;
	background-color: whitesmoke;
	padding: 0;
	border-right: 2px solid #7386AD;
	border-bottom: 2px solid #7386AD;
	border-left: 2px solid #A9B2CF;
	border-top: 2px solid #A9B2CF;
}

.MdbCard td
{
	padding: 5px;
	padding-left: 10px;	
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}

/* Nested card */
.MdbCard .MdbCard td
{
	background-color: whitesmoke;
}

/* Card Title */
.MdbCard .Title,
.MdbCard .Title td,
.MdbCard .Title span
{
	background-color: #83B4CE;
	color: #FFFFFF;
	padding: 1px;
	padding-left: 6px;
	padding-right: 3px;
	font-size: medium;
	font-weight: bolder;
}

/* Card Title Link */
.MdbCard .Title a,
.MdbCard .Small a,
.MdbCard .Title .Small a,
.MdbCard .MdbCard .Title a
{
	color: white;
}

/* Card Title Small*/
.MdbCard .Small,
.MdbCard .Small td,
.MdbCard .Small span,
.MdbCard .Title .Small,
.MdbCard .Title .Small td,
.MdbCard .Title .Small span,
.MdbCard .MdbCard .Small,
.MdbCard .MdbCard .Small td,
.MdbCard .MdbCard .Small span,
.MdbCard .MdbCard .Title .Small,
.MdbCard .MdbCard .Title .Small td,
.MdbCard .MdbCard .Title .Small span
{
	font: caption;
	color: white;
	border-bottom: #415974 1px solid;
	background-color: #415974;	
}

/* Nested card title */
.MdbCard .MdbCard .Title,
.MdbCard .MdbCard .Title td,
.MdbCard .MdbCard .Title span
{
	padding: 1px;
	padding-left: 6px;
	padding-right: 3px;	
	font-weight: bold;
	font-size: x-small;
	color: white;
	font-style: italic;
	font-family: Verdana;
	background-color: #415974;
}

.MdbCardHeaderMenu
{
	font: caption;
	color: black;
	border: navy 1px solid;
	border-collapse: collapse;
}

.MdbCardHeaderMenu td
{
	padding: 5px;
	padding-left: 10px;	
	padding-right: 10px;
	font-weight:bold;
}

/* Card HeaderMenu */
.MdbCardHeaderMenu .HeaderMenu,
.MdbCardHeaderMenu .HeaderMenu td,
.MdbCardHeaderMenu .HeaderMenu span,
.MdbCardHeaderMenu .HeaderMenu a
{
	font: caption;
	color: white;
	background-color: navy;
}

/* Card HeaderMenuItems */
.MdbCardHeaderMenu .HeaderMenuItems,
.MdbCardHeaderMenu .HeaderMenuItems td,
.MdbCardHeaderMenu .HeaderMenuItems span,
.MdbCardHeaderMenu .HeaderMenuItems a
{
	font: caption;
	color: black;
	border-style: none;
	background-color: gainsboro;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 12px;
	padding-left: 12px;
}

/* HeaderMenu Links */
A.HeaderMenu,
A.HeaderMenu:visited,
A.HeaderMenu:hover
{
	background-color: transparent;
	border-left-style: none;
	border-right-style: none;
}

/* SelectedHeaderMenu Links */
A.SelectedHeaderMenu,
A.SelectedHeaderMenu:visited,
A.SelectedHeaderMenu:hover
{
	background-color: whitesmoke;
	border-left: window-inset 1px black;
	border-right: window-inset 1px black;	
}

/* Edit, Button, and Label controls */
.Inner input,
.MdbCard input,
.Inner select,
.MdbCard  select,
.Inner span,
.MdbCard span
{
	font-family: Verdana; 
}

.CardList td,
.MdbCard .CardList td
{
	font: messagebox;
	color: black;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: whitesmoke;
}

.MdbList td,
.MdbCard .MdbList td
{
	font: messagebox;
	color: black;
	padding: 0px;
	background-color: whitesmoke;
}

.MdbGrid
{
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	font: messagebox;
	color: black;
	border: #415974 1px solid;
	border-collapse: collapse;
	background-color: whitesmoke;
}

.MdbGrid a
{
	text-decoration: underline !important;
}

.MdbGrid .Selected td
{
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	font: caption;
	color: White;
	background-color: navy;
}
.MdbGrid .Selected a
{
	font: caption;
	background-color: Navy;
}

.MdbGrid .AltItem td,
tr.AltItem td
{
	font: messagebox;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-right: solid 1px whitesmoke;
	background-color: #DFE5DC;
}

.MdbGrid .Item td,
.MdbGrid td,
.MdbCard .Inner .MdbGrid td,
tr.Item td
{
	font: messagebox;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
	border-right: solid 1px #DFE5DC;
	background-color: whitesmoke;
}

.MdbGrid .Header td,
.MdbCard .Inner .MdbGrid .Header td,
.MdbGrid .Header a,
tr.Header td,
tr.Header td a
{
	font: caption;
	color: white;
	text-decoration: underline;
	background-color: #83B4CE;
	horizontal-align: center;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
}

thead tr.Header
{
	font: caption;
	color: white;
	background-color: #83B4CE;
	horizontal-align: center;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 5px;
}
thead tr.Header th
{
	border-right: solid 2px #FFFFFF;
}

tr.Item td.NoBorder
{
	border-right: 0;
}

.MdbMultiPage
{
	border-right: #415974 1px solid;
	border-left: #415974 1px solid;
	border-bottom: #415974 1px solid;
	background-color: whitesmoke;
}

/**********************************
 End MdbCard Style Expansion
***********************************/



/* --------------------------------
Conversation Log
-------------------------------- */
ul.conversation {
	font-size: 80%;
	list-style: none;
}
ul.conversation li {
	list-style: none;
}
ul.conversation strong {
	background-color: #555;
	color: #fff;
	display: block;
	padding: 3px 6px 3px 3px;
	width: 100%;
}
ul.conversation strong.alternate {
	background-color: #336600;
}
ul.conversation span {
	float: right;
}

/**********************************
 Print Styles
***********************************/
@media print 
{
	.existingComments .newComments 
	{
		height: auto;
		overflow: visible;
	}
}