/* Community List Widget

   REV 12/10/14 a
   REV 12/10/14 Li - Fix communities display style2

   TOC 
        01. GENERAL 
        02. WIDGETS
        03. MEDIA QUERIES (Responsive web design)
*/

/*
=============================================================================================================== 
01. GENERAL 
=============================================================================================================== */

/* Layout
-------------------------------------------------------------- */
.wsbx_widget_wrap {width: auto; max-width: 1038px; margin: 0 auto;}
.wsbx_clearfix:after { content: "."; display: block; clear: both; visibility: hidden;
                       line-height: 0; height: 0;} 
.wsbx_clearfix { display: inline-block; }
html[xmlns] .wsbx_clearfix { display: block;} 
* html .wsbx_clearfix { height: 1%; overflow: visible; }


/*
=============================================================================================================== 
02. WIDGETS
=============================================================================================================== */

/* Widget Content -> Community List Style1
-------------------------------------------------------------- */
.wsbx_titled_box_content.wsbx_community_list_style1 {padding: 0 0 10px 10px;}
*+html .wsbx_titled_box_content.wsbx_community_list_style1 { padding-top: 1%; padding-left: 2%; }
.wsbx_community_list_style1 .wsbx_fancy_list {margin-left: 10px;}
.wsbx_community_list_style1 .wsbx_fancy_list li {width: 16.414258188824662%; float: left; margin-bottom: 1.4450867052023121%; padding-left: 2.8901734104046242%;} /* 160px/1038px */
.wsbx_community_list_style1 .wsbx_fancy_list li a { border-bottom: 1px solid #bdbcaf; }
.wsbx_community_list_style1 .wsbx_fancy_list li a:hover { text-decoration: none; }


/* Widget Content -> Community List Style2
-------------------------------------------------------------- */
.wsbx_titled_box_content.wsbx_community_list_style2 {padding: 2.0% 0 0 3.5901734104046242%;}
.wsbx_community_list_style2 .wsbx_list_photo {float: left; width: 140px; margin: 0 2.4084778420038536% 1.4450867052023121% 0;min-height:155px;position:relative;}
.wsbx_community_list_style2 .wsbx_list_photo p {line-height: 1;text-align: center;position:absolute;width:100%;bottom:-10px;}
.wsbx_community_list_style2 .wsbx_list_photo p a {border-bottom: 1px solid #bdbcaf;}
.wsbx_community_list_style2 .wsbx_list_photo p a:hover { text-decoration: none; }
.wsbx_community_list_style2 .wsbx_list_photo img {max-height:140px;}

/* Widget Content -> Community List Style3
-------------------------------------------------------------- */
.wsbx_community_list_style3 {padding: 15px 0 0 16px;}
.wsbx_community_list_style3 .wsbx_list_photo {float: left; width: 230px; height:160px; margin: 0 2.4084778420038536% 1.9267822736030827% 0; position: relative; overflow: hidden;}
.wsbx_community_list_style3 .wsbx_list_photo p {line-height: 1; margin: 0;text-align: left; position: absolute; left: 0; bottom: 4px; /*background: url(http://www.websitebox.com/php/js/apps/mywebsites/screens/ava/images/_rgba/black40.png) 0 0 repeat;*/ padding: 8px 0 10px 10px; width: 100%; }
.wsbx_community_list_style3 .wsbx_list_photo p a { color: #fff; text-decoration: none; }
.wsbx_community_list_style3 .wsbx_list_photo p a:hover { text-decoration: none; }


/*
===============================================================================================================
03. MEDIA QUERIES (Responsive web design)
=============================================================================================================== */
.rmax103 body { -webkit-text-size-adjust: none;}
.rmax103 img { max-width: 100%; height: auto;}
.rmax103 .wsbx_community_list_style2 { padding-left: 2%;}
.rmax103 .wsbx_community_list_style2 .wsbx_list_photo {margin: 0 1.5% 1.0% 0;}
.rmax103 .wsbx_community_list_style3 {padding: 15px 0 0 1.80%;}
.rmax103 .wsbx_community_list_style3 .wsbx_list_photo {margin: 0 1% 1.0% 0;}

.rmax81 .wsbx_community_list_style1 .wsbx_fancy_list li {width: 20.414258188824662%; padding-left: 3.8901734104046242%;}
.rmax81 .wsbx_titled_box_content.wsbx_community_list_style2 { padding-left: 4.80%; }
.rmax81 .wsbx_community_list_style2 .wsbx_list_photo {margin: 0 5.4% 2.0% 0;}
.rmax81 .wsbx_community_list_style3 .wsbx_list_photo { margin-left: 1.3%}

.rmax78 .wsbx_titled_box_content.wsbx_community_list_style2 { padding-left: 5.80%; }
.rmax78 .wsbx_community_list_style2 .wsbx_list_photo {margin-right: 4%; }
.rmax78 .wsbx_community_list_style3 { padding: 10px 0 0 0; }
.rmax78 .wsbx_community_list_style3 .wsbx_list_photo {margin: 0 1.0% 1.0% 0;}
.rmax78 .wsbx_titled_box_content.wsbx_community_list_style3 {padding-left: 2%;}

.rmax65 .wsbx_community_list_style1 .wsbx_fancy_list li {width: 27.414258188824662%; padding-left: 4.8901734104046242%;}
.rmax65 .wsbx_titled_box_content.wsbx_community_list_style2 { padding-left: 8.50%; }
.rmax65 .wsbx_community_list_style2 .wsbx_list_photo { margin: 0 8% 2.0% 0; }
/*
.rmax65 .wsbx_community_list_style3 .wsbx_list_photo {margin: 0 9.0% 5.0% 0;}
.rmax65 .wsbx_titled_box_content.wsbx_community_list_style3 { padding: 4% 0 0 8%; }
*/

.rmax61 .wsbx_titled_box_content.wsbx_community_list_style2 { padding-left: 7.40%; }
/*
.rmax61 .wsbx_community_list_style3 .wsbx_list_photo { margin-right: 7.0%;}
.rmax61 .wsbx_titled_box_content.wsbx_community_list_style3 { padding: 4% 0 0 7%; }
*/
.rmax61 .wsbx_community_list_style3 .wsbx_list_photo { margin-right: 2.5%; margin-left:1%;}

.rmax61 .wsbx_community_list_style2 .wsbx_list_photo {margin: 0 6% 2.0% 0;min-height:158px;}
/*
.rmax61 .wsbx_community_list_style3 .wsbx_list_photo { margin-right: 6.0%;}
*/

.rmax49 .wsbx_community_list_style1 .wsbx_fancy_list li {width: 43.414258188824662%; padding-left: 6.0%;}
.rmax49 .wsbx_titled_box_content.wsbx_community_list_style2 { padding: 4% 0 0 12.50%; }
.rmax49 .wsbx_community_list_style2 .wsbx_list_photo {margin: 0 15% 10% 0;min-height:10px !important;}
.rmax49 .wsbx_community_list_style2 .wsbx_list_photo p{bottom:-30px;}
/*
.rmax49 .wsbx_titled_box_content.wsbx_community_list_style3 {padding-left: 3%;}
*/
.rmax49 .wsbx_titled_box_content.wsbx_community_list_style3 {padding: 5% 0 0 15%;}
.rmax49 .wsbx_community_list_style3 .wsbx_list_photo { margin-right: 2.50%; width: 210px;}


.rmax33 .wsbx_community_list_style1 .wsbx_fancy_list li {width: 100%; padding-left: 10.0%;}
.rmax33 .wsbx_titled_box_content.wsbx_community_list_style2 { padding-left: 2%;}
.rmax33 .wsbx_community_list_style2 .wsbx_list_photo {margin: 0 3% 4.0% 0;}
.rmax33 .wsbx_community_list_style2 .wsbx_list_photo {width: 193px !important;  margin-left: -19px !important;margin-bottom:10%;} /* width: 113px */ /* 11/05/12 */
.rmax33 .wsbx_community_list_style2 .wsbx_list_photo p  {font-size: .80em;bottom:-22px;}
/*
.rmax33 .wsbx_titled_box_content.wsbx_community_list_style3 {padding-left: 11.50%;}
*/
.rmax33 .wsbx_titled_box_content.wsbx_community_list_style3 {padding: 0;}
.rmax33 .wsbx_community_list_style3 .wsbx_list_photo { width: auto; }

.rmax26 .wsbx_titled_box_title {font-size: 1em;}
.rmax26 .wsbx_community_list_style2 .wsbx_list_photo {margin-right: 0; width: auto; }
.rmax26 .wsbx_titled_box_content.wsbx_community_list_style2 { padding: 8% 0 0 20%;}
.rmax26 .wsbx_community_list_style3 .wsbx_list_photo { width: 96%; overflow: hidden;}
.rmax26 .wsbx_titled_box_content.wsbx_community_list_style3 {padding-left: 8px;}