/* TAB BACKGROUND ----------------------------- */

#wrapper{
  background-color: #fff;
}

/* DEFAULT WIDGET STYLE ----------------------- */

.ss_box{
  background: #fff;
  border:solid 1px #b3b3b3; /* no border */
  border-radius: 3px; /* rounded corners */
}
.ss_box_header h3{
  background:#fff;
  color:#000;
}

/* TEXT --------------------------------------- */

/* font */
#wrapper, p, .boxy-inner{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
}

/* default color */
#wrapper, label, .boxy-inner{
  color:#444;
}

/* headlines */
.ss_box h1,
.ss_box h2, 
.ss_box h3, 
.ss_box h4{
  color:#444;
}

/* links */
a, 
.tweet a{
  color:#189ed7;
}

/* less important text */
.tweet .tweetDate,
.rssEntry .author,
.foursquareTip .author{
  color:#666;
}

/* OTHER ELEMENTS ---------------------------- */

/* Button styles */
.ss_box .ss_btn,
.ss_box .comment_link, 
.ss_box .share_link, 
.ss_box .form_submit{
  background:#d7d7d7; 
  border:solid 1px transparent; 
  border-radius:3px;
  color:#000;
  font-weight:normal;
  padding:5px 15px; 
}
/* hover */
.ss_box .ss_btn:hover,
.ss_box .comment_link:hover, 
.ss_box .share_link:hover, 
.ss_box .form_submit:hover{
  background:#ebebeb;
}

/* Gift widget */
.ss_gift_thumbs a{
  border:solid 2px #b3b3b3;
  border-radius:5px;
}
.ss_gift_thumbs a:hover{
  border:solid 2px #ebebeb;
}
.ss_gift_thumbs img{
  border-radius:3px;
}

/* Links widget */
.ss_links a{
  background: #d7d7d7;
  border:solid 2px transparent;
  border-radius:5px;
  color:#000;
  display:inline-block;
  font-weight:normal;
  padding:5px 15px;
  text-decoration:none;
}
.ss_links a:hover{
  background: #ebebeb;
}

/* Foursquare */
.mayor,
.ss_foursquare .foursquareTip{
  border: solid 1px #b3b3b3;
}

/* Poll widget */
.ss_poll_graph_container{
  border-color:#333;
}
.ss_poll_graph_percentage{
  background-color:#333;
}

/* border color */
.tweet,
.rssEntry, 
.yelpReview, 
.foursquareTip, 
.ss_product_content .widget_item{
  border-color:#b3b3b3;
}

/* forms */
.field_block label .required,
.horizontal_container label .required {
  color:#189ed7;
}

/* TILER ------------------------------------ */

.tiler_index a{
  background-color:#666;
}
.tiler_index a.selected{
  background-color:#333;
}
.tiler_btn{
  background-color:transparent;
  border:none;
  border-radius:5px;
  height:25px;
  position:absolute;
  top:10px;
  width:25px;
}
.tiler_next{
  background-image:url('https://d2xcq4qphg1ge9.cloudfront.net/stylesheet/images/btn-black-next.png');
  right:-27px;
}
.tiler_prev{
  background-image:url('https://d2xcq4qphg1ge9.cloudfront.net/stylesheet/images/btn-black-prev.png');
  left:-27px;
}

/* OPTIONAL ----------------------------------
   
   Edit a widget, click the Options tab,
   then add one or more of these to the
   Extra CSS Classes field. Don't type
   the period, just the class name.
   For example: left
   
*/

/* Extra CSS Class: left 
   2-column, left */
/* Extra CSS Class: left 
   2-column, right */

/* Extra CSS Class: show_title
   Display widget title */
.show_title
.ss_box_header h3{
  display:block;
} 
/* Extra CSS Class: hide_title
   Hide widget title */
.hide_title
.ss_box_header h3{
  display:none;
}
/* Extra CSS Class: cascade
   Video thumbnails cascade down the tab */
.cascade .ss_video_thumbs{
  margin-left:0;
  margin-right:0;
  text-align:center;
  white-space:normal;
}
.cascade .ss_video_thumbs a{
  border:solid 2px #b3b3b3;
  border-radius:5px;
  display:inline-block;
  margin:10px;
}
.cascade .ss_video_thumbs a:hover{
  border:solid 2px #ebebeb;
}
.cascade .ss_video_thumbs img{
  border-radius:3px;
  }
/* Extra CSS Class: no_box
   Shows content without box */
.ss_box.no_box{
  background:transparent;
  padding:0;
}
.no_box .ss_box_content{
  padding:0;
}