
.iconList {
background-color:#ffffff;
border-left:2px solid #838383;
border-top:2px solid #838383;
border-right:1px solid #A9AAA9;
border-bottom:1px solid #A9AAA9;
text-align:left;
vertical-align:top;
height:350px;
width:650px;
overflow:auto;
}

.iconTitle {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:75px;
overflow:hidden;
text-align:center;
height:22px;
}
.iconTitle div {
width:67px;
overflow:hidden;
white-space:nowrap;
}
.icon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}
.selIcon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #87ceeb;
background-color:#B3E8FE;
background-image:url(../images/interface/iconbg.gif);
background-repeat:repeat-x;
}

.dragOverIcon {
width: 75px;
height:60px;
float:left;
margin:3px;
border: 1px solid #c0c0c0;
background-color:#d7d7d7;
}

.thumb {
height:30px;
text-align:center;
vertical-align:middle;
}
.thumb img, .selthumb img {
width:32px;
height:32px;
}
.selthumb {
height:30px;
text-align:center;
vertical-align:middle;
}

.iconCheckbox {
display:none;
}

/* list view */

.iconTitle_list {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:130px;
overflow:hidden;
padding-top:3px;
padding-bottom:1px;
padding-left:1px;
padding-right:10px;
}
.iconTitle_list div {
width:150px;
overflow:hidden;
white-space:nowrap;
}
.icon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid #FFFFFF;
background-color:#F5F5F5;
}
.selIcon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid #87ceeb;
background-color:#B3E8FE;
}

.dragOverIcon_list {
width: 580px;
height:22px;
margin-top:2px;
border: 1px solid silver;
/*background-color:#F5F5F5;*/
background-color:#d7d7d7;
}


.thumb_list {
}
.thumb_list img, .thumb_list img {
width:16px;
height:16px;
}
.selthumb_list {
}

.description_list {
padding-left:20px;
padding-top:3px;
font-size:8pt;
color:gray;
vertical-align:top;
}
.description_list table {
font-size:8pt;
color:gray;
}


/* big thumbnails */
.iconTitle_thumbs {
font-family: Tahoma, Arial;
font-size:8pt;
white-space:nowrap;
width:90px;
overflow:hidden;
text-align:center;
height:18px;
}
.iconTitle_thumbs div {
width:90px;
overflow:hidden;
white-space:nowrap;
}

.icon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}
.thumb_thumbs {
border-right:2px solid #7F7F7F;
border-bottom:2px solid #7F7F7F;
border-top:1px solid #BEBEBE;
border-left:1px solid #BEBEBE;
text-align:center;
vertical-align:middle;
height:79px;
}
.selthumb_thumbs {
background-color:#B3E8FE;
border-top:2px solid #7F7F7F;
border-left:2px solid #7F7F7F;
border-right:1px solid #BEBEBE;
border-bottom:1px solid #BEBEBE;
text-align:center;
vertical-align:middle;
height:79px;
}


.selIcon_thumbs div {
color:navy;
}

.selIcon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
}

/* drag highlight */

.dragOverIcon_thumbs {
width: 100px;
float:left;
margin:3px;
border: 1px solid #FFFFFF;
}

.dragOverIcon_thumbs .thumb_thumbs {
background-color:#d7d7d7;
}

