/**
 * @version		$Id: $
 * @author		joomlaux!
 * @package		Joomla.Site
 * @subpackage	com_jux_real_estate
 * @copyright	Copyright (C) 2008 - 2012 by joomlaux. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html
 */

/** COMMON */

.joom_property-form .inputbox,
.joom_property-form textarea,
.joom_property-form .button,
.joom_property-form button {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.jp_required {
    color: #ff0000;
}

.joom_property-form .inputbox {
    border: 1px solid #D6E4EC;
}

.joom_property-form .inputbox.invalid {
    border: 1px solid #FF0000;
}

.joom_property-form .required-fields {
    width: 90%;
    padding: 15px;
    background-color: #ffdddd;
    border: 1px solid #FF0000;
}

.joom_property-form .jux-hide {
    display: none;
}

.block-images .images {
    padding: 2px;
}

.hide {
    display: none;
}

/***** CUSTOM *****/

fieldset.mainFields td.key,
fieldset.additionFields td.title_cell {
    font-weight: bold;
}

.joom_property-viewrealty legend,
.additionFields legend,
.position legend,
.mainFields legend {
    margin: 0;
    padding: 0 10px;
}

fieldset.contact-info,
fieldset.extra-info,
fieldset.additionFields,
fieldset.position,
fieldset.mainFields {
    border: 1px solid #CCCCCC;
    margin-top: 15px;
    padding: 15px;
}

.joom_property-viewrealty legend,
.additionFields legend,
.position legend,
.mainFields legend {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: left;
}

.item-price {
    color: #ff0000;
}

.ajax-loading {
    padding: 20px 0;
    padding-left: 0px;
    background: url(spinner.gif) no-repeat center center;
}

.jp_eventheading {
    line-height: 26px;
    padding: 0px;
    margin: 0;
    background-color: #F6F6F6;
}

.jp_eventheading b,
.jp_eventheading span {
    float: left;
}

.jp_eventheading .jp_button {
    margin-top: 2px;
}

.joom_property-thumbnail {
    float: left;
    margin: 5px 10px 0 0;
}

.jux-desc {
    margin-bottom: 2px;
    padding: 2px;
}

table.joom_property-table {
    margin-bottom: 10px;
}

.joom_property-table-head {
    background-color: #EEF6F9;
    border-bottom: 10px #62C6E4 thick;
    height: 30px;
}

.joom_property-edit {
    float: left;
    margin: 5px;
    padding: 5px;
    text-align: center;
    line-height: 100%;
    background: #D2D2D2;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid gray;
}

.box {
    padding: 0px;
    margin: 0px;
    float: left;
}

a.del {
    padding: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: red;
    margin-top: 30px;
}

a.del:hover {
    background-color: red;
    color: white;
}

ul#menutab li {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    width: auto;
    float: left;
    height: 20px;
}

ul#menutab li.to {
    margin-right: 5px;
}

ul#menutab li a.active {
    color: #333333;
    font-size: 16px;
    cursor: default;
    font-weight: bold;
}

ul#menutab li a:hover {
    color: red;
}

ul#menutab li a:link {
    color: green;
}

.fieldtext, ul#menutab {
    border: 0 none;
    margin: 0;
    padding: 0;
    float: left;
}

.fieldtext {
    display: none;
}

/*Tabs*/
.tabs {
    margin: 0 0 -1px !important;
    float: left !important;
    z-index: 50;
}

/*Tabs content*/

.jp_tabcontent dl.tabs, table, td, tbody,
.jp_tabcontent dt {
    vertical-align: top !important;
}

dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear: both;

}

dl.tabs dt {

    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
}

div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}

dl.tabs {
    float: left;
    margin: 0px 0 -1px 0 !important;
    z-index: 50;
}

dl.tabs a {
    text-decoration: none !important;
}

dl.tabs h3 {
    font-size: 11px !important;
    line-height: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
}

dl.tabs dt {
    float: left;
    padding: 4px 6px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    margin-left: 0px;
    margin-right: 2px;
    background: #666;
    color: #fff;
    font-size: 11px;
    text-decoration: none !important;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #fff;
}

div.current {
    clear: both;
    border: none;
    padding: 10px;
    max-width: none !important;
}

div.current dd {
    padding: 0;
    margin: 0;
}

.jp_tabcontent {
    padding: 2px;
    margin: 0;
    width: 100%;
}

.jp_description {
    padding: 2px;
    margin: 2px 0 5px 0;
}

.jp_description span, #frmGetDirection span {
    padding-top: 5px;
    font-family: both;
    font-size: 20px;
    margin-left: 4px;
}

.jp_description p {
    margin-top: 5px;
}

/* agent and company details display */
.jp_phone, .jp_cell, .jp_fax, .jp_website, .jp_email {
    float: left;
    width: 400px;
    padding-left: 20px;
}

.jp_phone {
    background: url(../images/icon-phone.gif) 0% 50% no-repeat;
}

.jp_cell {
    background: url(../images/icon-cell.gif) 0% 50% no-repeat;
}

.jp_fax {
    background: url(../images/icon-fax.gif) 0% 50% no-repeat;
}

.jp_website {
    background: url(../images/icon-web.gif) 0% 50% no-repeat;
}

.jp_email {
    background: url(../images/icon-email.gif) 0% 50% no-repeat;
}

.jp_desc {
    margin-top: 15px;
    border-top: solid 2px;
    padding-top: 10px;
}

.jp_sidecol_email {
    background: url(../images/icon-email.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_sidecol_phone {
    background: url(../images/icon-phone.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.agent_details, .company_details {
    float: left;
    width: 40%;
    margin-left: 5px;
}

/* style for tool bar */

#jp_toolbar {
    height: 30px;
    padding: 3px;
    margin: 0;
    text-align: right;
    line-height: 30px;
}

#jp_toolbar a {
    text-decoration: none;
    border-left: 1px solid #ffffff;
    display: inline;
    color: #ffffff !important;
    padding: 0 7px;
}

/** agent description */
.agent_desc {
    margin: 10px 0;
    padding: 8px;
    background-color: #F7F7F7;
    border: 1px solid #CCC;
}

.realty_thumb_holder {
    position: relative;
    overflow: hidden;
}

.realty_thumb_holder .realty_bannerleft {
    position: absolute;
    bottom: inherit;
    left: 0;
    z-index: 999 !important;
}
.realty_thumb_holder .realty_bannerright {
    position: absolute;
    bottom: inherit;
    right:  0;
/*    z-index: 999 !important;*/
}

.realty_view_mlstitle {
    position: relative;
    margin-bottom: 2px;
}

.realty_view_mlstitle .realty_view_bannerright {
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
    z-index: 999 !important;

}

.jp_col_right_address {
    padding: 5px;
    background: #F7F7F7;
    border: solid 1px #CCC;
    margin-bottom: 10px;
}

.jp_col_right_address span {
    font-weight: bold;
}

.jp_col_right_header {

    padding: 3px 10px;
    font-weight: bold;
    color: white;
    background: #F0F0F0;
    color: #666;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

.jp_col_right_mainaddress {

}

.jp_col_right_address {
    background: #f7f7f7;
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.jp_col_right_msn {
    background: url(../images/icon-msn.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_col_right_skype {
    background: url(../images/icon-skype.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_col_right_gtalk {
    background: url(../images/icon-gtalk.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_col_right_cell {
    background: url(../images/icon-cell.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_col_right_email {
    background: url(../images/icon-email.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.jp_col_right_phone {
    background: url(../images/icon-phone.gif) 0% 50% no-repeat;
    padding-left: 20px;
}

.key {
    font-weight: bold;
    
}

.agent_header,
.company_header,
.openhouses_header {
    border-color: #CCC;
    position: relative;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
    border-bottom: 1px solid #CCC;

}

.agent_header .agent_header_results,
.company_header .company_header_results,
.openhouses_header .openhouses_header_results {
    position: absolute;
    float: right;
    right: 0;
    padding: 2px;
    top: 0;
    text-transform: none;
    font-weight: normal;
}
.header {
	border-bottom: 2px solid #CCC;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	padding: 3px 10px;
}
.company_address {
    float: left;
}

/* sort*/
.jp_filters {
    border-bottom: 1px solid #CCC;
    margin-bottom: 9px;
}

.jp_filter-search {
    float: left;
}

.filter-sort {
    float: right;
}

/* tooltip styles */
span.hasTip {
    cursor: pointer;
}

.tool-tip {
    float: left;
    background: #ffffcc !important;
    border: 1px solid #d7d7ac !important;
    padding: 5px;
    max-width: 200px;
    color: #000;
}

.tool-title {
    font-size: 100%;
    font-weight: bold;
    margin-top: -14px;
    padding-top: 14px;
    padding-bottom: 5px;
    background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
    font-size: 100%;
    margin: 0;
}

/* realty detail*/
.jp_detail_right {
    padding-top: 29px;
    padding-left: 5px;
}

.jux-col_left {
    padding-right: 4px;
}

.jp_beds,
.jp_baths,
.jp_sqft,
.jp_lotsize,
.jp_lot_acres,
.jp_yearbuilt,
.jp_heat,
.jp_garage_type,
.jp_roof {
    text-align: right !important;
    position: relative;
    margin-bottom: 3px;
    padding: 3px 10px;
    font-weight: bold;
    color: white;
    background: #F0F0F0;
    color: #666;
    border: 1px solid #CCC;

}

.jp_beds span.jp_title,
.jp_baths span.jp_title,
.jp_sqft span.jp_title,
.jp_lotsize span.jp_title,
.jp_lot_acres span.jp_title,
.jp_yearbuilt span.jp_title,
.jp_heat span.jp_title,
.jp_garage_type span.jp_title,
.jp_roof span.jp_title {
    position: absolute;
    left: 10px;
    top: 5px;
    font-weight: bold;
}
/*reCaptcha*/

.jp_reCaptcha {
    margin: 0;
    padding: 0;
}


.jp_table_td {
	
}

.adp-step, .adp-text {
	width: 90%
}

form#adminForm .control-group #filter-search,
form#adminForm .control-group #type_id,
form#adminForm .control-group #company_id,
form#adminForm .control-group #filter_order,
form#adminForm .control-group #filter_order_Dir { 
    display: inline-block;
}

form#adminForm #dpd1,
form#adminForm #dpd2 {
    display: inline-block;
    margin-bottom: 30px;
}
.thumbnail1
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.list-group {
 
 
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail1
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}


.group.list-group-image{
    height: auto;
}
.group.list-group-image img{
    height: 180px;
    width: 100%;
}
i{
    font-family: FontAwesome;
}
.content-agent{
    
     padding: 0px 15px 0px 0px;
    margin-bottom:0px;

}
.agent-img{

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.agent-img img{
  width: 313px;
  height: 171px;
    }



/*.agent-social{
     bottom: 0px;
    height: 40px;
    font-size: 20px;
    background-color: #f0f0f0;
    width: 285px;
    padding: 11px 0px 0px 15px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
    box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 10;
    position: relative;

}*/
.agent-social-warraper{
    margin: 0px auto;
    max-width: 100%;
    text-align: center;
     
}
.agent-social-warraper a {
    color: #D7D8DD;
    margin-right: 15px;
}
.agent-social-warraper a:hover{
    color:#3C90BE;  

}
.agent-details{
    min-height: 200px;
    padding-right: 0px;
}
.mydetails{
    background-color: #f0f0f0;
    height: 40px;
    padding: 9px 0px 9px 13px;
    font-size: 16px;
    margin-bottom: 13px;
    border-radius: 4px;
    color:#434a54;    
}
.agent-details h3{
    line-height: 22px;
    margin-bottom: 3px;
    font-size: 16px;
}
.agent-detail{
    margin: 0px 0px 2px 0px;
    font-size: 13px;
    color:#768082;
}
h3 a{
     color:#768082;
}
.agent-content{
    margin: 26px 0px 4px 0px;
    float: left;
}
.agent-content p{
    margin-bottom: 13px;
}
.agent-content h4 { 
  font-size: 18px; 
  line-height: 1.3em; 
  margin-bottom: 13px;
}
.agent_contanct_form{
    margin-left: 15px;
    margin-bottom: 28px;
    margin-right: 15px;
}
.alert-message:empty{
    padding: 0px;
}
.alert-message,
.login-alert{
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    max-width: 227px;
    background-color: #ED5565;
    margin-bottom: 13px;
    padding: 1px 5px;
    border-radius: 4px;
}
#agent_contact_name,
#agent_user_email,
#agent_phone
{   margin-bottom: 20px;
    height:40px;
}
 
#agent_comment{
    height: 160px;
}
#agent_submit{
    width: 50%;
  text-transform: uppercase;
  padding: 12px 15px;
  font-weight: bold;
  font-size: 16px;
  color: #c1b547;
  background: #f0e797;
  border: none;
  margin:0 0 30px 0;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
@media screen and (max-width: 480px){
    #agent_submit{
         width: 100%;
       
    }
}
#agent_submit:hover{
    background: #2D71B5;
    color: #fff;
}

input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=number], 
textarea{
    font-size: 13px;
    padding: 9px 0px 9px 9px;
    color: #768082;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none;
    -webkit-appearance: none;
}
#agent_contact_name #agent_user_email #agent_phone input[type=text], 
.agent_contanct_form input[type=password],
.agent_contanct_form input[type=email], 
.agent_contanct_form input[type=url], 
.agent_contanct_form input[type=number],
#agent_comment textarea{
    -webkit-box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
    box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
}

#agent_phone{
     margin-right: 0px;
}

         .jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../images/a16.png) no-repeat;
                overflow: hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }
           
              .jssort01 {
                position: absolute;
                /* size of thumbnail navigator container */
                width: 900px;
                height: 100px;
            }

                .jssort01 .p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 140px;
                    height: 70px;
                }

                .jssort01 .t {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: none;
/*                    opacity: 0.4;
                    filter: alpha(opacity=40); */
                }
/*                .jssort01 .t:hover{
                    opacity: 1.0;
                    filter: alpha(opacity=100);
                }*/


                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }
                .jssort01 .p img {
                    FILTER: alpha(opacity=30);
                    opacity: .30;
                    transition: opacity .6s;
                    -moz-transition: opacity .6s;
                    -webkit-transition: opacity .6s;
                    -o-transition: opacity .6s;
                   
                }

                .jssort01 .pav img, .jssort01 .pav:hover img, .jssort01 .p:hover img {
                    FILTER: alpha(opacity=100);
                    opacity: 1;
                    transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }

                .jssort01 .pav:hover img, .jssort01 .p:hover img {
                    FILTER: alpha(opacity=100);
                    opacity: 1;
                }
                
                .jssort01 .title, .jssort01 .title_back {
                    position: absolute;
                    //top: 70px;
                    left: 0px;
                    width: 140px;
                    height: 70px;
                    line-height: 30px;
                    text-align: center;
                    color: #000;
                    font-size: 20px;
                }

                .jssort01 .title_back {
                    background-color: #fff;
                    filter: alpha(opacity=200);
                    opacity: 2;
                }

                .jssort01 .pav:hover .title_back, .jssort01 .p:hover .title_back {
                    filter: alpha(opacity=200);
                    opacity: 2;
                }
                
                .jssort01 .pav .title_back {
                    background-color: #000;
                    filter: alpha(opacity=200);
                    opacity: 2;
                }
                
                .jssort01 .pav .title {
                    color: #fff;
                }

                .jssora01l, .jssora01r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../images/a16.png) no-repeat;
                overflow: hidden;
            }
    /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}