/* If you wish to change a design element that has no css template variable,
   create the change as a variable in pagedata, 
      then associate the pagedata record with the appropriate Model site in pagestitch.
      Finally create the association with the page or site.
      Use the   for safety.

Screen layout: */

/*

z-index: 0;
position: absolute;
top: 45px;
left: 140px;
position: relative;
top: 25px;
right: 25px;
z-index: 0;

*/

/*body {
   background: #e7e4e1;
   margin-top: 0px;
   margin-bottom: 0px;
   font-family: arial;
   font-size: 12px;

}
*/

body {
   background: #e7e4e1;
   margin-top: 0px;
   margin-bottom: 0px;
   font-family: arial;
   font-size: 85%;
   color: #000000

}


<!-- brought from mvl welcome page old system
font         { font-family: Helvetica, Arial, Sans-serif; font-size: 85%; color: #000000 }
h2           { color: #0000FF }
h3           { color: #0000FF }
h4           { color: #FF0000 }
-->



h3{
color: #0000FF
/*font-size:1.3em;*/
margin:0 0 10px 0;
}





form{
   margin: 0px;
   padding: 0px;
}
.fieldtitle{
   font-weight:bold;
}
.inputbuttonbox{
   margin-top: 10px;
}

/*change width to 899 to accomadate firefox*/
#wrap{
   background:white;
   width:720px;
   margin: auto;
  /* height: 720px;*/
}


/*add this to have summary info not show on the payment page when followed by verification page*/
#PaymentSummary{
/*display:none;*/
}


#PaymentSummaryAmountOnly{
display:none;
}

/*#textlogo2{
position: absolute;
top: 190px;
z-index: 5;
margin-left: 1%;
font-size: 3em;
filter: alpha(opacity=);
opacity: ;
background:url() repeat;
background-color: transparent;
color: #000000;
font-weight: bold;
}*/

#avmenu{
display:none;
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:  #505050;
display:block;
padding:6px 0 0 10px;
background: #f4f4f4;  /*#F4F4F4;*/
border-left:2px solid #cccccc;
}

#avmenu li a:hover{
background:#eaeaea;
color:#286ea0;
border-left:2px solid #286ea0;
}

.announce{
display:block;
margin:10px 0 10px 0;
padding:10px;
width:130px;
color: #505050;/**/
background-color: #f4f4f4;  /*#F4F4F4;*/
line-height:1.3em;
}

#daily_announce{
display:block;
}

#thirdcolumn{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
background-color: #f4f4f4;  /*#F4F4F4;*/
line-height:1.5em;
display:none;
}


#thirdcolumn p{
margin:0 0 1.5em 0;

}

#content{
/*padding: 20px;*/
padding: 10px 20px 20px 20px;
}


#content h2{
color: #0000FF
/*font-size:1.5em;*/
margin:0 0 0.5em 0;
}

/*#content h4{
font-size:1.5em;
margin:0 0 0.5em 0;
line-height:1.3em;
color: #FF0000
}*/

#content h5{
/*font-size:1.5em;*/
margin:0 0 0.1em 0;
line-height:1.1em;
}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}


#interaction{
   padding: 0px 20px 20px 20px;
}

/*adjust height to accomadate firefox on 1st page for mvl or mtl - anyone with the delinquent in red on the right side */

#interaction2{
width:300px;
padding: 0px 20px 20px 20px;
height:280px;
}

#BottomRightcolumn{
float:right;
width:320px;
height:135px;
/*left:300px;*/
/*margin:500 500 510px 500;*/
padding:0;
font-size:0.9em;
/*background-color: #f4f4f4;*/  /*#F4F4F4;*/
line-height:1.5em;
padding: 0px 20px 20px 20px;
/*display:none;*/
}

#BottomRightcolumn h4{
font-size: .5 em;
/*margin:0 0 0.5em 0;*/
line-height:1.3em;
color: #FF0000
}



#field1id{
}

/*dsh 6/26/09 modified css kcwd125  - add 2nd input 

/*#field2id{
display: none;
}

#field2label{
display: none;
}*/

#field2id{
}

#field2label{
display: inline;
}



#field3id{
display: none;
}

#field3label{
display: none;
}

#FieldFailMessageID{   /* Kluge for now, use class clsFailMessageDiv*//**/
display: none;
/*display: block;*/
/*display: <%=IIF(type("m.FailMessageDisplay")<>"U",m.FailMessageDisplay,"none")%>;*/
color: Red;
}


#FieldFailMessage2ID{
display: none;
color: Red;
}


/*.clsFailMessageDiv{
display: none;
color: Red;
}*/

#FieldFailMessageInput{
/*display: block;*/
color: Red;
border-style: none;
border-color: #ffffff;  /* For IE*/
width: 400px;
height: 40px;
font-family: arial;
font-size: small;
}
#FieldFailMessage2Input{
color: Red;
border-style: none;
border-color: #ffffff;  /* For IE*/
width: 400px;
font-family: arial;
font-size: small;
}

/* Payment Section */
/* ******************  Pay and Confirmation Page Inserts ******************************* */

#floatdiv{
/* NOT USED - REMOVE WHEN CONFIRMED This is a kluge solely to solve the IE not listening to positioning left problem, for the confirmation table
       TODO: check position left or look for a better way around the problem.*/
width: 2%; /*** A width is required for any float. ***/
height: 180px;
float: left;
border: none;
color: #060;
}


#ConfirmationTable{
/* Note: Not for IExplorer -- see ExplorerTable*/
position: relative;
left: 25px;

}
/*tr:nth-child(odd) {background: #000000}*/

#ExplorerTable{
/* Note: For IExplorer only -- see ConfirmationTable
position: relative;
left: 25px;*/

}

.capDisplayOnly{
color:#000000;
width: 165px; /*175*/
}

.inputDisplayOnly{
color:#303030;
border-width: 0;
background: #f4f4f4;  /*#F4F4F4;*/
width: 250px;
/*border-style: outset;
padding: 0
*/}


.clsCardInfo{
  /* This variable is a card/check display toggle from the ShowPage funciton*/
}

.clsCheckInfo{
   /* This variable is a card/check display toggle from the ShowPage funciton*/
}

#denyReturn{
display:  none
}

/* END Confirmation Page Insert */

#testSpan{
  /* This variable is a card/check display toggle from the ShowPage function*/
}

#futurepaydiv{

   display: none;
}

#idCardType{
display: none;  /* To turn this element off, consider removing card type entirely. */
}

#idpayselect{
margin-top:6px;
}

#iddatetable{
margin-top:6px;
}




.line1{
/*display:none;*/
background-color:lightblue;
line-height:0.1em;
}

.spacer{
}

/*this was #optiondiv which is not a class - but is a class in welcomepage2 - so I changed it to class . and now it listens
used this logic in escrow pacific to turn of options for cc - now using to turn off option for ach for mountlake terrace
and now we are turning it back on for mountlake cause they want ach now - we aim to please*/

.optiondiv{

/*display:none;*/

}


.clearer
{
clear: both;
height: 1px;
}

.inputfields{
}

.optionfields{
}

.inputbuttons{


}

#idSpanNormalProceed{
display: inline;
}

#idSpanAjaxProceed{
display: none;
}


/*
input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}

[HTML]
<input type="button" value="Submit" class="btn"
   onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/>
*/

/* ******************  END: Pay and Confirmation Page Insert ******************************* */


/* ******************  Floating Alert Response Box Division ******************************* */


#floatAlert{
   background-color: #FF7F50;
   visibility: hidden;
   opacity: 0.5;
   filter: alpha(opacity = 50);
   position: absolute;
   left: 1px;
   top: 1px;
   width:100%;
   text-align: center;
    /*
   height: 2000px;
   background-attachment: scroll;
   z-index: 5;
    width: 300px;*/
      /* zoom: 1; zoom an ie hack, used if there is no position, needed for filter*/
}

#floatAlertMessage{
   font-size: 3em;
   font-color: red;
   /*
   position:absolute;
   left:20px;
   top:100px;
   */
}


 /*#floatAlertButtonDiv{
   position:absolute;
   bottom: 200px;
}*/

#floatAlertButton{
   width: 300px;
   height: 40px;
   background-color: light-blue;
   font-size: 1em;
   font-weight: bold;
   color: #B22222;
   margin: 0 auto;
   /*
   position:absolute;
   bottom: 30px;
   */
}

/* ******************  END: Floating Alert Response Box Division ******************************* */


/*h3{
font-size:1.3em;
margin:0 0 10px 0;
}*/

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
color:#808080;
font-size:0.9em;
text-align:center;
margin-top: 5px;
border-style: none;
/*clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;*/
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}




/*  **************  FIELDSET ****************    */

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

fieldset
{
        display: block;
        margin: 0 0 3em 0;
        padding: 0 1em 1em 1em;
}

label
{
        float: left;
        display: block;
        /*margin: 1em 1em 0 0;*/
        font-weight: bold;
}

select
{
        display: block;
}

.inputfields
{
        display: block;
        width: 13em;
}

.inputfieldsPay
{
        /*display: block;
        width: 13em;*/
}

input.submit
{
        clear: both;
}

input hover{
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
        display: block;
        width: 13em;
}


/*

Reproduced here as a button reference.

original foreground--
color:#505050;
background:#f4f4f4;

#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
float: left;
}

#avmenu li a:hover{
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}
*/