.webimaging_cls_thumbnail, .webimaging_cls_thumbnail_selected {
	margin: 8px;
	float: left;
	width: 150px;
	height: 150px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-family: arial;
	font-size: 90%;
	border: 1px dashed #aaa;
	overflow: hidden;
}

.webimaging_cls_thumbnail_selected {
	background: #c3d9ff;
	border: 1px dashed red;
}

.webimaging_cls_thumbnail img, .webimaging_cls_thumbnail_selected img, .webimaging_cls_drag_box img {
	border: 1px solid #cdc;
	margin: 3px;
}

.webimaging_cls_selection_box {
 	opacity: 0.25;
	filter: alpha(opacity=25); /* 40 % opacity */
  	border: 1px solid red;
  	background: orange;
}

.webimaging_cls_drag_box {
	opacity : 0.4;
	filter : alpha(opacity=40); /* 40 % opacity */
	text-align: center;
}

.webimaging_cls_caret {
	width: 3px;
	background: #90b11f;
}

ul#webimaging_id_toolbar {
	padding: 1px 0 1px 2px;
	margin: 0px;
	height: 32px;
	font-size: 0.9em;
	background: rgb(230,235,255);
}

#webimaging_id_content {
	overflow: auto;
	margin: 0;
	padding:0;
	border-top: 1px solid #cdc;
	border-bottom: 1px solid #cdc;
	font-size: 0;
	background: #eee;
	text-align: left;
}

#webimaging_id_content .webimaging_cls_singlepage {
	margin:0;
	padding:0;
	font: 0;
	background: #cdc;
}

#webimaging_id_toolbar li {
	list-style: none;
	float: left;
	margin-right: 1px;
	height: 29px;
	min-width: 30px;
	width: auto !important;
	width: 30px;
	cursor: pointer;
	border: 1px solid rgb(230,235,255);
}

#webimaging_id_toolbar li div.caption {
	padding-top: 7px;
	padding-right: 5px;
	margin-left: 32px;
/*	min-width: 30px;
	width: auto!important;
	width: 35px;*/
	font-family: "tahoma", "arial";
}
		
#webimaging_id_toolbar li.seperator {
	min-width: 6px;
	width: 10px;
	padding-right: 0;
	padding-left: 3px;
	font-size: 0;
	cursor: default;
	background: url(./media/icons.png) no-repeat -10px -697px;
}

#webimaging_id_toolbar li.over {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

#webimaging_id_toolbar li.down {
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#webimaging_btn_delete {
	background: url(./media/icons.png) no-repeat 0 -637px ;
}
	
#webimaging_btn_new {
	background: url(./media/icons.png) no-repeat 0 -666px ;
}
	
#webimaging_btn_save {
	background: url(./media/icons.png) no-repeat 0 -544px ;
}

#webimaging_btn_upload {
	background: url(./media/icons.png) no-repeat 0 -604px ;
}

#webimaging_btn_selectscanner {
	background: url(./media/icons.png) no-repeat 0 -514px;
}

#webimaging_btn_startscan {
	background: url(./media/icons.png) no-repeat 0 -572px ;
}

li#webimaging_btn_thumbnailview {
	background: url(./media/icons.png) no-repeat -2px -243px ;
	float: right;
}

li#webimaging_btn_singlepageview {
	background: url(./media/icons.png) no-repeat -2px -272px ;
	float: right;
}

#webimaging_btn_rotateleft {
	background: url(./media/icons.png) no-repeat -2px -307px ;
}

#webimaging_btn_rotateright {
	background: url(./media/icons.png) no-repeat 0 -333px ;
}

#webimaging_btn_rotate180 {
	background: url(./media/icons.png) no-repeat 0 -358px ;
}

#webimaging_btn_zoomin {
	background: url(./media/icons.png) no-repeat -2px -1px ;
}

#webimaging_btn_zoomout {
	background: url(./media/icons.png) no-repeat 0 -30px ;
}

#webimaging_btn_bestfit {
	background: url(./media/icons.png) no-repeat -2px -152px ;
}

#webimaging_btn_fitwidth {
	background: url(./media/icons.png) no-repeat -2px -89px ;
}

#webimaging_btn_fitheight {
	background: url(./media/icons.png) no-repeat -2px -119px ;
}

#webimaging_btn_actualsize {
	background: url(./media/icons.png) no-repeat -2px -59px ;
}

#webimaging_btn_pan {
	background: url(./media/icons.png) no-repeat -2px -185px ;
}

#webimaging_btn_selecting {
	background: url(./media/icons.png) no-repeat -2px -215px ;
}

#webimaging_btn_firstpage {
	background: url(./media/icons.png) no-repeat -2px -384px ;
}

#webimaging_btn_previouspage {
	background: url(./media/icons.png) no-repeat -2px -417px ;
}

#webimaging_btn_nextpage {
	background: url(./media/icons.png) no-repeat -2px -449px ;
}

#webimaging_btn_lastpage {
	background: url(./media/icons.png) no-repeat -2px -480px ;
}

#webimaging_btn_pageindicator {
	padding-top: 6px;
	float: left;
}

#webimaging_id_toolbar li.disable {
	background-image: url(./media/icons-disable.png);
}