@charset "UTF-8";
/*body {
  background:#f2f2f2;
  margin:0;  
  height:100%;    
}*/
#results{
height:440px;
margin:0 auto;
width:97%;
background: #f2f2f2;
border-top:1px solid #ccc;
display:none;
}

.thumb{  
max-height: 100px;  
width: auto;
max-width: 100%;
}

.thumb_local{  
max-height: 128px;  
width: auto;
max-width: 100%;
}

.thumb_texture{  
height: 24px;  
width: 24px;
}

#toolbar{
background:#fff; 
text-align:center;
margin-top:20px;
}

.foot{  
padding:5px 0 10px 0;
font:normal 9px arial;
position:absolute;
left:5px;
bottom:5px;
color:#999;
border-top:1px solid #ccc;
background: #f7f7f7;
}
.pin{
padding:10px 0;
text-align: center;  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #f2f2f2;
}
.pin:hover{
background:#eee;
border:1px solid #ccc;
}

.pin_texture{
text-align: center;  
border:1px solid #eee;
}
.pin_texture:hover{
filter: alpha(opacity = 50);
opacity:0.5;
}

.mypagination {
font:normal 13px tahoma;
text-align:center;
border:1px solid #ddd;
background:#ddd;
margin:0 auto;
}
.mypagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin: 0;
padding:5px 0;
}
.mypagination li {
display: inline;
}
.mypagination a {
float: left;
padding: 0 14px;
line-height: 34px;
text-decoration: none;
border-left-width: 0;
color:#084786;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;  
}
.mypagination a:hover,
.mypagination .active a {
background-color: #f1f1f1;
}
.mypagination .active a {
color: #fff;
cursor: default;
background-color: #084786;
}
.mypagination li:first-child a {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
background-color: transparent;
color:#084786;
font-size:21px;
}
.mypagination li:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
background-color: transparent;
color:#084786;
font-size:21px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
  padding-left:20px;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12766%;
  *margin-left: 2.07447%;
  margin-left: 0;
  float:left;  
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.12766%;
}
.row-fluid .span3 {
  width: 23.40426%;
  *width: 23.35106%;
}
.pull-up-20{
  padding-top:20px;
}
.attribution {
text-align: center;
background:transparent;
border:none;
}
.alert-info {
text-align: center;  
padding:14px 20px;
color: #3A87AD;
width:auto;
background-color: #D9EDF7;
border-color: #BCE8F1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.link{
font:normal 12px arial;
color: #ccc;
padding:2px 4px;
background:#eee;
border:1px solid #ccc;
text-decoration: none;
cursor:pointer;
}
.link_hue{
background:#D8ECFF;
font:normal 13px verdana;
}
.link:hover{
color:#fff;
background:#084786;
}
#swatch_box{
margin:0 auto;
display:block;
z-index:2000;  /* font: 1000, popup ctrl 100, adjust that of color dialog*/
border:5px solid #eee; 
width:394px; 
height:280px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.25) ;
box-shadow: 0px 2px 32px rgba(0, 0, 0, 0.25) ;
}
#checkbox{
margin:10px 20px 0 0;
font:normal 13px tahoma;
display:block;
text-align:center; 
color:#bbb;
}
.palette{
width:32px;
height:28px;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) ;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) ;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25) ;
}
.pull-left{float:left;}
.color_title{
  font:bold 21px tahoma;
  color:#999;
  padding:30px 0 20px 0;
  text-align: center;
}
#wait{
position:absolute;
display:none;
top:45%;
left:42%;
background: url(https://www.i2symbol.com/css/i2picture/loading.gif) no-repeat scroll 0 0 transparent;
width:128px;
height:100px;
}
img {border : 0;}

.link_ext{
font:normal 11px arial;
color: #777;
padding:2px 4px;
background:#eee;
border:1px solid #bbb;
text-decoration:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
cursor:pointer;
}

.link_ext:hover{
color:#fff;
background:#555;
}

.pull-left{float:left;}

.color_title{
  font:bold 21px tahoma;
  color:#999;
  text-shadow:0 1px 0 #ddd; 
  padding:30px 0 20px 0;
  text-align: center;
}

.link_head{
 font:bold 13px arial;
color: #777;
padding:2px 4px;
margin-bottom:5px;
}