@charset "UTF-8";
body {
  background:#f2f2f2;
  margin:0;  
  height:100%;    
}
#results{
height:420px;
margin:0 auto;
width:97%;
background: #f2f2f2;
border-top:1px solid #ccc;
}
.thumb{  
max-height: 100px;  
width: auto;
max-width: 100%;
}
.toolbar{
background:#fff; 
padding:0 0 10px 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;
}
.ctextbox
{
width:400px;
font:normal 15px arial;
display: inline-block;
padding: 9px 8px;
color: #aaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
background-color: white;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
margin-right:4px;
}
.search_box:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
}
.cbtn{
font:normal 15px tahoma;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
box-shadow: 0 0 2px rgba(0, 0, 0, .5);    
padding:7px 14px 8px 14px;
color:#ffffff;
border:1px solid #084786;
background:#084786;
text-shadow:0 1px 0 #666;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
cursor:pointer;
}
.cbtn:hover{
-moz-box-shadow: 0 0 32px rgba(0, 128, 255, .5);
-webkit-box-shadow: 0 0 32px rgba(0, 128, 255, .5);
box-shadow: 0 0 32px rgba(0, 128, 255, .5);    
background:#333;
border:1px solid #333;
}
.pagination {
font:normal 13px tahoma;
text-align:center;
border:1px solid #ddd;
background:#ddd;
margin:0 auto;
}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin: 0;
padding:5px 0;
}
.pagination li {
display: inline;
}
.pagination 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;  
}
.pagination a:hover,
.pagination .active a {
background-color: #f1f1f1;
}
.pagination .active a {
color: #fff;
cursor: default;
background-color: #084786;
}
.pagination 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;
}
.pagination 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;
}
.alert-info {
text-align: center;  
padding:14px 20px;
color: #3A87AD;
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:1000;
border:5px solid #eee; 
width:384px; 
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 auto;
display:block;
text-align:center; 
color:#ccc;
}
.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;
  background:#f2f2f2;
  text-shadow:0 1px 0 #fff; 
  padding:30px 0 20px 0;
  text-align: center;
}
#wait{
position:absolute;
display:none;
top:50%;
left:36%;
background: url(../img/loading.gif) no-repeat scroll 0 0 transparent;
width:208px;
height:13px;
}
img {border : 0;}