﻿
.box {width:170px; height:180px; background-image:url('camsxml/boxb.gif'); float:right; margin:5px 10px 5px 5px; _margin:5px 5px 5px 5px; direction:rtl; text-align:right}
.upicon {width:160px;  height:120px; background-color:#ce3636; margin:10px 5px 0 5px;}
.upicoff {width:160px;  height:120px; background-color:#939393; margin:10px 5px 0 5px;}
.uname {height:20px; line-height:20px; margin:0 10px 0 0; _margin:0 0px 0 0; padding:0 0 0 0; width:101px; font-size:13px; font-family:Verdana; font-weight:bold; text-align:right; float:right; overflow:hidden}
.status1 {margin:6px 0 0 10px; _margin:6px 0 0 5px; float:left;}
.status2 {margin:5px 5px 0 0; height:21px; float:right; _width:160px; _margin:5px 2px 0 0}
.status2 img {
				float:right;
}

.box li {
				list-style:none; padding:0; margin:0;
}

.win.gecko .uimg, .ie .uimg {
height:120px;
max-height:100%;
max-width:160px;
}


/*
.ie .uimg {
height: expression( this.height > 95 ? "120px" : true);
width: expression( this.width > 95 ? "120px" : true);
}
*/
.camsmenu {width:720px; height:80px; line-height:80px; background-image:url('/camsxml/backmenu.jpg'); font-size:22pt; font-weight:bold;}

 
/* .uimg {width: expression( document.body.clientWidth > 160 ? "160px" : "auto" ); height: expression( document.body.clientHeight > 120 ? "120px" : "auto" );}   */


ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 800px;background-color: white;}
.box  li {margin: 0; padding: 0px; position: relative; height: 120px;}
.box  li img { height: 120px; margin:0 20px 0 20px; border : none; background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
.box  li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none; padding5px; border:solid:1px }
.title{position:absolute;width:2px;height:35px;margin:0;font-weight:900;background:url(blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff; }
