/* UB Tradegate form styles */

.error1{color:#f00; margin-bottom:5px;}

span.at1{font-size:12px; font-weight:bold;}
span.at2{font-size:10px; color:#666;}
span.at3{font-size:10px; color:#fff; text-decoration:underline;}

.ubform{width:100%; border:0px; color:#333;}
.ubform1{width:50%; padding:2px; text-align:right; padding-right:5px;}
.ubform2{width:50%; vertical-align:top;}
.ubform3{width:297px;}
.ubform4{width:320px; text-align:right;}

.efield1 {background-color:#474342; width:272px; color:#fff; padding-left:10px;}
.efield1:hover {background-color:#fff; width:272px; color:#332f2d; padding-left:10px;}
.efield2 {background-color:#474342; width:100px; color:#fff;}
.efield2:hover {background-color:#fff; width:100px; color:#332f2d;}
.ebutton {background-color:#474342; width:30px; color:#fff; text-align:center;}
.ebutton:hover {background-color:#fff; width:30px; color:#332f2d; text-align:center;}
.e01 {font-size:14px; color:#fff; background-color:#332f2d; padding: 5px; border:#000 solid 1px; border-right:#474342 solid 18px;}

.field1 {width:345px; color:#333; padding-left:10px; border:#ccc solid 1px;}
.field2 {width:100%; color:#333; border:#ccc solid 1px; padding-left:5px;}
.button {width:100px; color:#333; border:1; text-align:center;}
.button:hover {width:100px; color:#333; border:1; text-align:center;}
.news1 {background-color:#fff; width: 310px; color: #000; border: 0; padding-left: 10px;}
.news2 {background-color:#fff; width: 310px; color: #000; border: 0; padding-left: 10px;}
.news3 {color:#fff; font-size: 10px}

.out1 {width:100%; height:950px;}
.out2 {padding: 20px;}
.out3 {text-align: right; padding: 20px; vertical-align:top;}
.out4 {margin:10px;}
.out5 {background-color: #c4c4c4; height:20px; padding-left:5px; padding-right: 5px; font-weight: bold; color: #000; font-size: 15px; vertical-align:middle; border: #999 solid 1px;}
.out6 {background-color: #ddd; height:18px; padding-top:2px; padding-left:5px; padding-right: 5px; color: #000; font-size: 15px;}
.out6 {background-color: #ddd; height:18px; padding-top:2px; padding-left:5px; padding-right: 5px; color: #000; font-size: 15px;}
.out7 {height: 10px;}
.out8 {position:absolute; float:none; left:10px; top: 905px; width:640px; }
.out82 {position:absolute; float:none; left:10px; top: 1810px; width:640px; }
.out9 {border-bottom: #000 solid 2px; height: 30px;}
.out10 {font-style:italic;}
.out11 {font-size: 20px;}
.out12 {text-align:right; font-size: 12px;}
.out5y {height:25px; padding-top:2px; padding-left:5px; padding-right:5px; font-weight:bold; color:#333; font-size:15px; vertical-align:middle; border:#000 solid 1px; background-color:#ccc;}
.out6y {height:18px; padding-top:2px; padding-left:5px; padding-right:5px; color:#333; font-size:15px;}

span.txt1 {font-size: 25px; color: #000;}
span.txt2 {font-size: 20px; color: #000;}

.ch01 {width: 100%; border:0;}
.ch02 {width: 20px;}
.ch03 {width: 50%; text-align: center;}


.print5 {background-color: #c4c4c4; height:20px; padding-left:5px; padding-right: 5px; font-weight: bold; color: #000; font-size: 15px; vertical-align:middle; border: #999 solid 1px;}
@media print {
.print5 {background-image:url(../img/logo.jpg); height:20px; padding-left:5px; padding-right: 5px; font-weight: bold; color: #000000; font-size: 15px; vertical-align:middle; border: #999999 solid 1px;}
}

@media screen,print {
.print1 {width: 640px; height: 950px;}
.print2 {text-align: center; padding: 5px;}
.print3 {text-align: right; padding: 5px; vertical-align:top;}
.print4 {background-color: #fff; height:18px; padding-top:2px; padding-left:5px; padding-right: 5px; color: #000; font-size: 15px;}
.print6 {background-color: #fff; height:18px; padding-top:2px; padding-left:5px; padding-right: 5px; color: #000; font-size: 15px; text-align:justify; vertical-align:top;}
.print7 {background-color: #fff; height:18px; padding-top:2px; padding-left:5px; padding-right: 5px; color: #000; font-size: 15px; text-align:justify; vertical-align:top; border-left: #000 solid 1px;}
}