body
{
    margin: 5px 0;
    background-color: #496287 !important;
}
.shadow
{
    -moz-box-shadow: 2px 2px 5px gray;
    -webkit-box-shadow: 2px 2px 5px gray;
    box-shadow: 2px 2px 5px gray;
    background: #ffffff;
    zoom: 1;
}
.button
{
    border: 1px black solid;
    padding: 3px;
    min-width: 80px;
}
.container
{
    border: 5px gray solid;
    background-color: white;
}

/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=gray,Strength=2,Direction=135)";*/
/* For IE 5.5 - 7 */
/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=gray,Strength=2,Direction=135);*/

/*  page title  */
#altpagetitlewrapper
{
    background-color: #B0BFCF;
    height: 12px;
}
#pagetitlewrapper
{
    background-color: #B0BFCF;
}
#pagetitle
{
    background-color: #B0BFCF;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
}
#pagetitleleft, .pagetitleleft
{
    float: left;
    width: 400px;
    margin-left: 10px;
}
#pagetitleleft h2
{
    padding: 0;
}
#pagetitleright
{
    float: right;
}
#pagetitleright > div
{
    float: right;
    padding-right: 10px;
}
#pagetitleright img
{
    position: relative;
    height: 90px;
    width: 90px;
    top: 5px;
    -moz-box-shadow: 2px 2px 5px gray;
    -webkit-box-shadow: 2px 2px 5px gray;
    box-shadow: 2px 2px 5px gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=gray,Strength=4,Direction=135)";
}
.dropdownindicator
{
    background-image: url(../images/icons/expanddown.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0 10px;
}
#pagetitleinner > #pagetitleright
{
    width: 500px;
    text-align: right;
}
/* page menu */
#pagemenu
{
    background-color: White;
    height: 37px;
    border: .5px black solid;
}
#pagemenu img
{
    vertical-align: -15%;
}
#pagemenu *
{
    margin-top: 5px;
}
#pagemenu *:first-child
{
    margin-left: 10px;
}
#sectionmenu
{
    float: left;
    margin: -5px 0 5px 10px;
}
#sectionmenu a
{
    color:Black;
    margin-left: 10px;
    text-decoration: none;
    font-weight: normal;
}
#sectionmenu a:hover
{
    color:Red;
    text-decoration: underline;
}
#sectionmenu a.current 
{
    font-weight: bold;
}
/* header  */
#header
{
    border-bottom: 2px gray solid;
    font-weight: bold;
    background-color: White;
    padding: 3px 0;
}
#headerdate
{
    padding-left: 5px;
    float: left;
}
#headeruserbranch
{
    text-align: center;
}
#headeruser
{
    margin-top: .25em;
}
#logoff a
{
    float: right;
    margin-right: 5px;
}
#logoff, #logoff a:link, #logoff a:visited
{
    color: Black;
    font-weight: bold;
}

/*  navigation - top menu  */
#logo
{
   margin-left: 5px;
   margin-top: 2px;
   float: left;
}
#home
{
    display: block;
    background: url(../images/home.png) no-repeat 0px -4px;
    width: 37px;
    height: 37px;
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    zoom: 1;
}
#alink
{
    display: block;
    background: url(../images/a.png) no-repeat 0px -4px;
    width: 37px;
    height: 37px;
    float: left;
    margin-top: 4px;
}
#home:hover, #alink:hover
{
    background-position: -48px -4px;
}
#menuwrapper
{
    background-color: #2D3C51;
    height: 36px;
}
.topnav
{
    list-style: none;
    height: 100%;
    margin-top: -2px;
    border: 1px solid transparent;
}
.topnav li
{
    float: left; /* margin: -2px 4px 0 4px ;             padding: 0 3px ; */
    height: 100%;
    position: relative;
}
.topnav li .hassubmenu
{
    font-size: 12px;
    color: #3CFF3D;
    margin-left: 10px;
}
.topnav li a
{
    float: left;
    color: White;
    text-decoration: none;
    padding: 9px;
}
.activemenuitem
{
    background-color: #F5F5F5;
    color: Black !important;
    border-top: 1px #B0BFCF solid;
}
.topnav a.main
{
    width: 80px;
}
/*  sub-menus  */
.sub
{
    background-color: #F7F7F7;
    border: 1px solid gray;
    border-top: none;
    position: absolute;
    top: 35px;
    left: -1px;
    padding: 5px;
    display: none;
    z-index: 100;
}
.sub p
{
    margin: 0;
    margin-bottom: 2px;
    font-weight: bold;
    clear: both;
    background-color: #B0BFCF;
    width: 100%;
    line-height: 15px;
}
.sub ul
{
    list-style: none;
    margin-left: 10px;
    padding-left: 0;
}
.sub li
{
    clear: both;
}
.sub ul li a
{
    color: #2D3C51;
    clear: both;
    height: 15px;
    margin: 0 5px;
    text-decoration: none;
    padding: 3px 0;
    line-height: 15px;
}
.sub ul li a:hover
{
    color: White;
    background-color: #2D3C51;
}
/*  rest of page  */
#main
{
    background-color: White;
    overflow: auto;
}
#footer
{
    background-color: #B0BFCF;
    clear: both;
    min-height: 40px;
    smodel: border-box;
    border-top: 1px solid #496287;    
}
#footer *
{
    margin: 5px;
}
#footer > input
{
    margin-top: 8px;
}

.backgroundcolor
{
    background-color: #B0BFCF;
}

#customeralerts
{
    color:Crimson;
    margin-left: 6px;
}
#customerimage
{
    height: 102px;
    margin: 10px 10px;
    position: relative;
    min-width: 98px;
}
#customerimageloan
{
    float: left;
    width: 85px;
}F
#customerimage img, #customerimageloan img
{
    border: 1px solid black;
}
#customerinfo
{
    width: 316px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#nosubmithelp
{
    float:right;
    background-color: crimson;
    color: White;
    margin-top: 8px;
    width: 10px;
    text-align: center;
}
.hasEditChanges
{
    background-image: url(../images/icons/pencil2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}
.absEditTracking
{
    border-style: dashed !important;
}
/* css for tipsy - jquery tooltip plugin  */
.tipsy { font-size: .9em; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; 
               text-align: center; }
/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(../images/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 10px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.revealsmall 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.revealmedium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.reveallarge 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.revealxlarge 		{ width: 800px; margin-left: -440px;}
	.reveal-modal.revealfull        { width: 940px; margin-left: -485px;}
	
	.reveal-modal .close-reveal-modal {
		/*font-size: 22px; */
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/

/*  jquery loadmask plugin  */	
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    padding:2px;
}
.loadmask-msg div {
    padding: 10px 20px 10px 45px;
    background: black url('../images/loading.gif') no-repeat 10px 10px;
    line-height: 16px;
	color:white;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/*  placeholder plugin  */
.placeholder-label {
    z-index: 1;
    position: absolute;
    padding: 0 5px;
    color: #7B899B;
    overflow: hidden;
}
.placeholder-label.focus
{
    filter:alpha(opacity=50);
    opacity: 0.4;
}
.placeholder-label.filled {
    display: none;
}

.nowrap
{
    white-space:nowrap;
}

#errorPanel, #panelErrors
{
    color: White;
    padding: 3px 5px;
    display: none;

	/* Legacy browsers */
	background: crimson url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: crimson;
	background: crimson\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFF0000, endColorstr=#FFDC143C);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: crimson url("gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(red),
				to(crimson)
			);
			background-image: -webkit-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: -moz-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: -o-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: linear-gradient(
				top,
				red,
				crimson
			);
		}
	}
Input.error, Select.error, Div.error, textarea.error
{
    border: 1px solid red !important;
    background-color: LightYellow;
}
.gridrowerror
{
    background-color: LightYellow;
    background-image: url(../images/icons/cross.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.helpblock
{
    position: absolute;
}
.helpblockrightarrow 
{
    border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent red;
	float: left;
}
.helpblockleftarrow 
{
    border-width: 10px;
	border-style: solid;
	border-color: transparent red transparent transparent;
	
	float: left;
}
.helpblockmessage
{
    color: White;
    float: left;
    padding: 2px 4px;
    max-width: 250px;
	/* Legacy browsers */
	background-color: crimson;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: crimson;
	background: crimson\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFF0000, endColorstr=#FFDC143C);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: crimson url("gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(red),
				to(crimson)
			);
			background-image: -webkit-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: -moz-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: -o-linear-gradient(
				top,
				red,
				crimson
			);
			background-image: linear-gradient(
				top,
				red,
				crimson
			);
		}
	}
	
.navbox {border: 1px solid #ddd; margin: 13px 0 0 8px; width: 170px; float:left;}
.navbox div{padding: 10px 0;}
.navbox div:first-child{border-bottom: 1px solid black;}
.navbox ul{margin: 0; padding: 0 10px;}
.navbox li{list-style-type: none;  font-weight:bold; color: #6187B0;}
.navbox a{ font-weight:normal;}
.navbox a:link, .navbox a:visited{color:Black; text-decoration:none; padding-left: 8px; font-size: 14px;}
.navbox a:link.current, .navbox a:visited.current{font-weight: bold;}
.navbox a:hover {color:red;}

#pagemenu *:first-child

{
    font-size:1.5em; 
    display: block;
}

#main .leftsidebar{border-right: 1px solid black; height: 100%;}
#main .leftsidebarclear{border-right: 1px solid clear; height: 100%;}
#containerright
{
    margin-top: 1em;
}
.panel
{
    margin-bottom: 8px;
}
.panelwrapper
{
    margin-top: 10px;   
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    max-width: 910px;
}

.panelwrappercenter
{
    margin-top: 10px;   
    float: left;
}
.paneltitle
{
    font-weight: bold;
    color: Red;
}
.panelbottom
{
    padding-bottom: 10px;
}
.panelline15
{
    line-height: 1.5;
}
#pagetitledropdown
{
    background-color: #2D3C51;
    color: White;
    padding-bottom: 10px;
}
#pagetitledropdown a
{
    color: White;
}
#pagetitledropdown a:visited
{
    color:white;
}

.txtzip
{
    width: 40px;
}
.txtaddress
{
    width: 282px;
}
.txtpob
{
    width: 100px;
}
.labeladdress
{
    width: 100px;
    display: block;
    float: left;
}
.addressselection select
{
    min-width: 100px;
}
.hspace5
{
    margin-right: 15px;
}
#overlayalert
{
    padding-top: 0;
}
#overlayalerttext
{
    color: crimson;
    font-weight: bold;
} 

.overlayclose 
{
    margin-bottom:10px;
}

#searchAddButton
{
    background-image: url(../images/icons/add.png);
    background-repeat: no-repeat;
    padding: 0 5px 0 20px;
    font-weight: bold;
}
.required
{
    color: Red;
    float: left;
    margin-right: 3px;
}
.notrequired
{
    margin-left: 10px;
}

/* Styles for Max Length plugin v1.1.0 */
.maxlength-feedback {
	margin-left: 0.5em;
	font-size: 75%;
}
.maxlength-full {
	background-color: #fee;
}
.maxlength-overflow {
	background-color: #fcc;
}
.maxlength-disabled {
	opacity: 0.5;
}
.maxlength-feedback { display: block; 
    width: auto; margin-left: 0; float: left; }
    
    
    
.paddingLeft5 { padding-left:5px }
.paddingLeft10 { padding-left:10px }
.paddingLeft15 { padding-left:15px }
.paddingRight15 { padding-right:15px; }

.marginLeft5 { margin-left:5px }
.marginLeft10 { margin-left:10px }
.marginLeft15 { margin-left:15px }

.floatLeft { float: left }
.floatRight { float: right }
.clear { clear: both }