/* Boxes */


/* global*/
div.box, div.widget {
  float: left;
  width: 210px;
  margin-bottom: 10px;
}
div.box h2, div.box h3, div.widget h2 {
  font-weight: bold;
  padding: 5px 10px;
  padding-bottom: 4px;
  font-size: 12px !important;
  margin: 0 !important;
  background: url(../../images/common/boxes/boxes_head.png) no-repeat 0 0;
}
div.box .content, div.widget .content {
  float: left;
  width: 208px;
  border: 1px solid #dddddd;
  background: white;
}
/* Left column and Widgets */
#left_column div.box h2 {
  color: white;
}
div.widget h2 {
  border-bottom: 0 !important;
  color: #333;
  width: auto !important;
  background: url(../../images/common/boxes/box_type2_head.png) no-repeat 0 0;
}
#left_column div.box h3, div.widget h3 {
  float: left;
  width: 188px;
  color: #333;
  font-weight: bold;
  padding: 5px 10px;
  background: #eee;
  border-bottom: 1px solid #dddddd;
}
#left_column div.box .content ul, div.widget .content ul {
  float: left;
  width: 100%;
/*  border-bottom: 1px solid #dddddd;*/
}
#left_column div.box .content ul li, div.widget ul li {
  float: left;
  width: 100%;
}
#left_column div.box .content ul.options, div.widget .content ul.options {
  background: #f7f7f7;
}
#left_column div.box .content .members {
  border-bottom: 1px solid #dddddd;
  display: block;
  overflow: hidden;
}
#left_column div.box .content .members a.show-all {
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  overflow: hidden;


}
#left_column div.box .content ul li a,
#left_column div.box .content ul li span,
div.widget ul li a,
div.widget ul li span {
  float: right;
  font-weight: normal;
  padding: 5px 10px;
}


#left_column div.box .content ul.options li a,
div.widget ul.options li a {
  width: auto;
  float: right;
}

div.box.medium {
  width: 250px;
}
div.box.medium h3 {
  font-weight: ;
  background: url(../../images/common/boxes/boxes_head.png) no-repeat 0 -72px;
}
div.box.medium .content {
  width: 248px;
}
div.box.large {
  width: 510px;
}
div.box.large h3 {
  background: url(../../images/common/boxes/boxes_head.png) no-repeat 0 -120px;
}
div.box.large .content {
  width: 508px;
}






/* Photos */
div.box .photo_preview,
div.widget .photo_preview {
  padding-top: 5px;
  width: 210px;
  display: block;
  overflow: hidden;
}
div.box .photo_preview li.no_contacts,
div.widget .photo_preview li.no_contacts {
  float: left;
  padding: 5px 10px 10px 10px;
  width:188px !important;
}
div.box .photo_preview li,
div.widget .photo_preview li {
  float: left;
  width: 50px !important;
}
div.box .photo_preview li a,
div.widget .photo_preview li a {
  float: left;
  padding:5px 10px;
}
div.box .photo_preview li a img,
div.widget .photo_preview li a img {
  border:1px solid #C6C6C6;
  padding:1px;
}


