﻿/* Extra CSS by developer - Elise Tan */

.popup { position: absolute; border: solid 1px #666666; padding:4px; background-color:#ffffff; font-size:8pt; }
.popupQR { position: absolute; border: solid 1px #666666; background-color:#ffffff; font-size:8pt; }
.popupFO { position: absolute; border: solid 1px #666666; background-color:#e7e7e7; font-size:8pt; font-family:Arial; }
.popupFO-header { position: relative; padding: 4px; font-size: 8pt; color: #ffffff; font-weight: bold; font-family: Verdana;
                            background: url('../images/pop-up-headbg.gif') repeat-x;  background-color: #5497ce; }
.popupFO-content { position:relative; padding:4px; }

.note { font-size:8pt; }
.watermarktext { color: #666666; font-size:8pt; text-align:center }
.watermarktext2 { color: #666666; font-size:8pt; }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.compare2-replace { font-family: Trebuchet MS, Arial, Helvetica, sans-serif ; font-size: 18px; background-color: #FFFFFF; }
.column-main { width:200px; background-color:#418dcb; height:25px; }
.column-sub { width:200px; background-color:#66a4d5; height:25px; }

.error-list{ border:solid 1px #d9033f; background-color:#fbe1e0; padding:3px 0 0 3px; }

/* button style */
.reset { background: url('../images/reset-expand1.png') no-repeat; height: 40px; width: 60px; }
.reset:hover { background: url('../images/reset-expand2.png') no-repeat; height: 40px; width: 60px; }

.reset-quote { background: url('../images/reset1.png') no-repeat; height: 18px; width: 60px; }
.reset-quote:hover { background: url('../images/reset2.png') no-repeat; height: 18px; width: 60px; }

.quotation { background: url('../images/quotation1.png') no-repeat; height: 18px; width: 153px; }
.quotation:hover { background: url('../images/quotation2.png') no-repeat; height: 18px; width: 153px; }

.go { background: url('../images/go1.png') no-repeat; height: 18px; width: 60px; }
.go:hover { background: url('../images/go2.png') no-repeat; height: 18px; width: 60px; }

.compare { background: url('../images/compare1.png') no-repeat; height: 18px; width: 198px; }
.compare:hover { background: url('../images/compare2.png') no-repeat; height: 18px; width: 198px; }

.backListing { background: url('../images/back-listing1.png') no-repeat; height: 18px; width: 175px; }
.backListing:hover { background: url('../images/back-listing2.png') no-repeat; height: 18px; width: 175px; }

.send { background: url('../images/send1.png') no-repeat; height: 18px; width: 60px; }
.send:hover { background: url('../images/send2.png') no-repeat; height: 18px; width: 60px; }

.cancel { background: url('../images/cancel1.png') no-repeat; height: 18px; width: 60px; }
.cancel:hover { background: url('../images/cancel2.png') no-repeat; height: 18px; width: 60px; }