/* default styles here for older browsers. 
go for a 600px - 960px width max but using percentages
*/

* { overflow-wrap: break-word; }

.parent {
  display: flex;
  flex-wrap: wrap;
}

.child {
  flex: 1 0 30%; /* explanation below */
  margin: 5px;
text-align: center;
font-size: 1.2em;
  // height: 100px;
 // background-color: blue;
}

.reserve_wrapper {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #68c773;
    background-color: #c6eaca;
    margin-bottom: 10px;
    text-align: center;
    color: #383838;
}

.reserve_wrapper.booking {

    border: 1px solid  #febb02;
    background-color:  #febb02;
    margin-bottom: 10px;
    text-align: center;
}


.reserve_wrapper p.title.main { font-weight: bold; margin-bottom: 0px; font-size: 1.5em; margin-top: 10px;}
.reserve_wrapper p.info { font-size: 10px; }


.reserve_wrapper h1 {
  margin-top: 0;
}

.reserve_wrapper.field {

    margin-bottom: 2px;
}

.reserve_wrapper label {
  display: block;
  color: #333;
width: auto;
}

.reserve_wrapper input {
  width: 80%;
  padding: 0.2em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
}

.reserve_wrapper textarea {
  width: 80%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
}

.reserve_wrapper.booking button {
  background: #07c;
  border-bottom: 1px solid #07c;
}

.reserve_wrapper.booking button:hover, button:focus  {
  opacity: 1;
  cursor: pointer;
  background: #003580;
  border-bottom: 1px solid #003580;
}

.reserve_wrapper.booking button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}


.reserve_wrapper button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 80%;
  text-align: center;
}

.reserve_wrapper button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

.reserve_wrapper button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}



.reserve_wrapper .success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.reserve_wrapper .error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}















.YoutubeWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.YoutubeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ads_wall_3 {

	display: flex;
	flex-wrap: wrap;
}

.ads_wall_3 > div {
	flex: 1 1 25%;
	padding: 1px;
	box-sizing: border-box;
}

.ads_wall_3 div img {
	box-sizing: border-box;
	width: 100%;
	border: 2px solid gainsboro;
}

.flexbox { flex-direction: row; display: flex; }
.flexbox div { flex: 1; padding: 5px; }
.flexbox div img { width: 100%; }

.flexbox div.flexbox_price { text-align: left; }
.flexbox div.flexbox_info { text-align: right; }


.content.headertoplogo {
    min-height: auto !important; background: transparent !important; padding: 0px !important;
}

.content.headertoplogo img {
width: 100% !important;
}

.logo {

max-height: 100px !important;
height: auto !important;
overflow: hidden !important;
max-width: 200px !important;

}


.button_contact_b {
    font-size: 12px;
    color: #20bf6b !important;
    text-transform: uppercase;
    background: #ffffff;
    padding: 5px 10px;
    border: 2px solid #20bf6b !important;
    border-radius: 5px;
    display: inline-block;
}

.button_contact_b:hover {
    color: #06803f !important;
    border-radius: 25px;
    border-color: #06803f !important;
    transition: all 0.3s ease 0s;
}






.content.my p { margin-bottom: 0px; }
.content.user p { margin-bottom: 0px; }
.content.operator p { margin-bottom: 10px; }



.profile_yellow p { margin-bottom: 10px !important; }

input { white-space: normal !important; }

.content table { margin-bottom: 10px; border-collapse: collapse; width: 100%;
}

.content table td, .content table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.content table th {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #2d7dad;
    color: white;
    text-align: left;
}

.megashare_fb { display: inline-block !important; }

.mobilemenu {display: none; }
.submenu {z-index: 10000; }

.list2 li { width: 470px !important; }

.datawide { width: 100%; }

.promobar div {  }
.promobar img { max-width: 100% !important; height: auto !important; }

/*
.promobar { width: 100% !important; box-sizing: border-box; }
*/

.embeddedvideo {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.bottomrow {
display: flex;
}


.bottombox {

display: block;
width: 310px;
flex: 1;
padding: 5px 5px 15px;
background: #212121;
float: left;
box-sizing: border-box;
margin: 0px 10px;
text-align: left;

}


.bottombox p {
margin-bottom: 10px;
}


.bottombox h2 {
margin-bottom: 10px;
}

.bottombox img {
    max-width: 100%;
    max-height: 100px;
}


.bottombox.first {

width: 320px;
margin: 0px;
text-align: center;

}

.bottombox.last {

margin: 0px;

}





/* For mobile phones: */
[class*="col-"] {

}

@media only screen and (min-width:1024px){
/* styles for browsers larger than 1024px; */

}











@media only screen and (max-width:1024px){
/* styles for browsers smaller than 1024px; */



.realestate div.col {
    flex: 1 0 38% !important;
}

.mycontent_thumb {
    width: 20% !important;
}

.mycontent_row div {
    border-right: 0px solid lightgray !important;
    // border-bottom: 1px solid lightgray !important;
}


.flexbox div { padding: 5px !important; } 

.flexbox { flex-direction: column; display: flex; }

.flexbox div.flexbox_price { text-align: left; padding: 0px 5px !important; }
.flexbox div.flexbox_info { text-align: left; padding: 0px  5px !important; }

.reviewlist_two { flex-direction: column; display: flex; }


.reviewlist_text p.title { text-align: center; }

.myadlist { flex-direction: column; display: flex; }

.myadlist_two { margin-bottom: 20px; }

.dir_list {
    width: 100% !important;
    margin: 4px 0px !important;
}

.ads_dir_list {
    width: 100% !important;
    margin: 4px 0px !important;
}

.noshow_1024 { display: none; }

.menu { width: 596px !important; }

.content { width: 576px !important; }
.header { width: 576px !important; height: auto !important; }
.headertop_container { width: 576px !important; height: auto !important; }
.header_container { width: 576px !important; height: auto !important; }
.footer { width: 576px !important; }
.promobar { width: 576px !important; }

.bottomrow {
display: block;
}

.bottombox {
width: 100% !important;
float: none !important;
margin: 10px 0px !important;
text-align: center;
}

.bottombox.first {
margin-top: 0px !important;
}


.header.logo {
width: 100px !important; 
}
.header_right {
width: 428px !important; 
}

.shop li img { width: 276px !important; height: 208px !important; }
.shop li { width: 278px !important; }

.thumbsbig li img { width: 276px !important; height: 208px !important; }
.thumbsbig li { width: 278px !important; }



.list2 li {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
}


.data {
    width: 100% !important;
    max-width: 576px !important;
    min-width: 576px !important;
}
.docs li { width: 100% !important; }
.toplist li { width: 100% !important; }

.right { width: 100% !important; text-align: center !important; min-height: auto !important; }



/* Responsive menu */

.menu > li.floatr { float: none !important; border: 0px !important; }

.menu li {display: none !important;  border-left: 0px !important; border-right: 0px !important;}
.menu li.mobilemenu {display: block !important; }


.menu ul { position: initial !important; }
ul.submenu { float: none; box-shadow: none !important; }

ul.menu li:not(:first-child) { display: none !important; }
ul.menu li.mobilemenu {
    float: right !important;
    display: inline-block !important;
}

ul.menu.responsive {position: relative !important; height: auto !important; }

ul.menu.responsive li.mobilemenu a {
    text-align: right !important;
}
ul.menu.responsive li {
    float: none !important;
    display: block !important;
    border-bottom: 1px solid rgba(10, 10, 10, .1) !important;
}
ul.menu.responsive li a {
    display: block !important;
    text-align: left !important;
}



.submenu {z-index: 10000 !important; }


.menu li:hover > ul { display:none !important;}

.menu li:click > ul {display:block !important;}





.content_placeholder_left { display: none !important; }
.content_placeholder_right { display: none !important; }
.content_placeholder_content { margin-right: auto !important;  margin-left: auto !important; }






}






















/* mobile phones */
@media only screen and (max-width: 640px) {


.realestate div.col {
    flex: 1 0 48% !important;
}

.searchbox { width: auto !important; }

.flexbox div { padding: 5px !important; } 

.menu { width: auto !important; min-width: 320px !important; max-width: 412px !important; }

.content { width: auto !important; min-width: 308px !important; max-width: 400px !important; padding: 7px !important; min-height: initial !important; border: 0 !important; }

.headertop { width: auto !important; min-width: 308px !important; max-width: 400px !important; height: auto !important; position: initial !important; padding: 2px 7px !important; }

.headertop_container { width: auto !important; min-width: 308px !important; max-width: 400px !important; height: auto !important; margin: 0 !important; }

.promobar { width: auto !important; min-width: 308px !important; max-width: 400px !important; padding: 7px !important; }







img { max-width: 100% !important; height: auto !important; }

/* div:not(#colorbox):not(#cboxOverlay):not(#cboxWrapper):not(#cboxContent):not([id^=cbox]):not(#colorbox div) { min-width: auto !important; max-width: 100% !important; } */

.footer div { width: auto !important; }

.datawide img { max-width: 100% !important; height: auto !important; }

.data { width: 100% !important; min-width: 308px !important; max-width: 400px !important; }

.header { width: auto !important; min-width: 308px !important; max-width: 400px !important; padding: 7px !important; height: auto !important; position: relative !important; margin: 0px auto !important; }

.header_container { width: auto !important; min-width: 308px !important; max-width: 400px !important; height: auto !important; }

.footer { width: auto !important; min-width: 308px !important; max-width: 400px !important; padding: 7px !important; }

.userbox { width: auto !important; min-width: 308px !important; max-width: 400px !important; height: auto !important; }

.data { margin-right: 0 !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border: 0px !important; }









.content_main_3.photo { display: none !important; } /* for ads */



.breadcrumb2 { overflow: visible !important; }

.breadcrumb2:after {
  content: "";
  display: table;
  clear: both;
}


.headertop_separator { display: none; } /* used in support template */


/* Responsive menu */

.menu > li.floatr { float: none !important; border: 0px !important; }

.menu li {display: none !important;  border-left: 0px !important; border-right: 0px !important;}
.menu li.mobilemenu {display: block !important; }


.menu ul { position: initial !important; }
ul.submenu { float: none; box-shadow: none !important; }

ul.menu li:not(:first-child) { display: none !important; }
ul.menu li.mobilemenu {
    float: right !important;
    display: inline-block !important;
}

ul.menu.responsive {position: relative !important; height: auto !important; }

ul.menu.responsive li.mobilemenu a {
    text-align: right !important;
}
ul.menu.responsive li {
    float: none !important;
    display: block !important;
    border-bottom: 1px solid rgba(10, 10, 10, .1) !important;
}
ul.menu.responsive li a {
    display: block !important;
    text-align: left !important;
}



.submenu {z-index: 10000 !important; }


.menu li:hover > ul { display:none !important;}

.menu li:click > ul {display:block !important;}








body {
    width: auto !important; margin: auto !important;
}


.docs {
    float: none !important;
}

.docs li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

.toplist {
    float: none !important;
}

.toplist li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

.list {
    float: none !important;
}

.list li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}


.list2 {
    float: none !important;
}

.list2 li {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;

    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
}

.shop {
    float: none !important;
}

.shop li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
}

.thumbsbig {
    float: none !important;
}

.thumbsbig li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
}

.thumbs {
    float: none !important;
}

.clocal {
    display: none !important;
}

.cremote {
    display: block !important;
}

.thumbs li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block !important;
    // height: 276px !important;
    padding: 2px !important;

}

.thumbs li a.flvembedlink {

    width: 302px !important;
    height: 227px !important;

}

.thumbs li img {

    max-width: 300px !important;
    max-height: 225px !important;
}

.thumbs li p {
    width: 300px !important;

}

.profiles {
    float: none !important;
}

.profiles li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block;
}

.profiles3 {
    float: none !important;
}

.profiles3 li {
    margin: auto auto 10px !important;
    float: none !important;
    display: block;
}






/* .rightnav { display: none !important; } */

.userbox a { text-align: center !important; }




table.cart { font-size: 10px !important; }

.login_box {    width: 100% !important; }






.content_main_3_wide.photo {  width: 120px !important; text-align: left !important; display:block; float: left; }
.content_main_3_wide.info {  width: 130px !important; text-align: right !important; display:block; float: right; }
.content_main_3_wide.contact {  width: 100% !important; text-align: center !important; display:block !important; clear: both !important; margin: 10px 0 !important; }

.content_main_3_wide.contact a.button_contact_green {
    float: none !important; text-align: center !important;
}

.button_blue {
//    float: none !important;
//    margin: 0 0 2px 0 !important;
//    width: 100% !important;
//    text-align: center !important;
//    box-sizing: border-box !important;
}

.button_blue.logout { float: right !important; }

.content_placeholder_left { padding: 0px !important; min-height: 0 !important;  }
.content_placeholder_right { padding: 0px !important; min-height: 0 !important;  }

.content_placeholder_left { display: none !important; }
.content_placeholder_right { display: none !important; }
.content_placeholder_content { margin-right: auto !important;  margin-left: auto !important; }

.content_main { width: auto !important; }
.content_right { display: none !important; }

.content_main_image { max-width: 100% !important; display: block !important; border-radius: 5px !important; margin-bottom: 10px !important; }
.content_placeholder_left { width: auto !important; }
.content_sharing_social { text-align: center !important; }
.content_sharing_nav { text-align: center !important; }

.ads li { width: 268px !important; }
.users li { width: 276px !important; }

.right { width: 100% !important; text-align: center !important;  min-height: auto !important;}


.pitch { margin: 10px 0 !important; width: 306px !important; width: auto !important; height: 255px !important; }

.nomobile { display: none !important; }





.pages span.num { display:none !important; }



.dating_login_box {
    margin-right: auto !important;
    width: auto !important;
    margin-top: 200px !important;
    float: none !important;
    text-align: center !important;
}




.ads_listnew li .adsec.desc {
    width: auto !important;
    margin-left: 140px !important;
    float: none !important;

}








}



















@media only screen and (min-width:1600px) {
/* styles for browsers larger than 1600px; */

body:not(.narrowdesign) * .header_container { width: 1558px !important; }

body:not(.narrowdesign) .menu { width: 1558px !important; }
body:not(.narrowdesign) .content { width: 1538px !important; }
body:not(.narrowdesign) .header { width: 1558px !important; }
body:not(.narrowdesign) .headertop_container { width: 1558px !important; }
body:not(.narrowdesign) .footer { width: 1538px !important; }
body:not(.narrowdesign) .promobar { width: 1558px !important; }

body:not(.narrowdesign) .data { width: 1200px !important; }

body:not(.narrowdesign) .show_mainimage { max-width: 500px !important; float: left !important;  margin-right: 20px !important; }

body:not(.narrowdesign) .show_mainimage_shop { max-width: 500px !important; margin: auto; }

body:not(.narrowdesign) .list2 li { width: 502px !important; }


body:not(.narrowdesign) .data.embed { width: 1200px !important; }

body:not(.narrowdesign) .shop li { width: 297px !important; }

body:not(.narrowdesign) .thumbsbig li { width: 297px !important; }

}







/* width: var(--content-width); */


@media only screen and (max-device-width:480px){
/* styles for mobile browsers smaller than 480px; (iPhone) */
}

@media only screen and (device-width:768px){
/* default iPad screens */
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}









/* styles shared among all css */



.button_blue {
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 0;
	width: 140px;
	height: 28px;
	line-height: 28px;
	text-align: right;
	padding: 2px 10px 2px 10px;
	background: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin: 0 5px 5px 5px;
	overflow: hidden;
	cursor: pointer;
	float: right;
}

.button_blue:hover {

	background: rgba(0, 0, 0, 0.8);
	color: white;

}













/* styles imported from bstyle-main */







.headertop { width: 100%; margin: 0 auto; padding: 2px 0; background: #464646; z-index: 1000; position: fixed; } 

.headertop_container { width: 960px; height: 32px; display: block; margin: auto;  } 

.headertop_container img.logo_small { height: 32px; float: left;  } 


.user_container { width: 100%; margin: 0 auto 10px auto; display: block; }


.user_container.small .button_blue { line-height: 18px; height: 18px; }

.user_container.small { margin-bottom: 0px; }

form #your_website{ display:none; }

.button_green_small_flat{

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
padding: 4px 8px;
text-decoration:none !important;
display:inline-block;
font-weight:bold;
color: #FFFFFF !important;
background-color: #4ba614;

}

.button_green_small_flat:hover {

background-color: #36780f;

}





.button_red_small_flat{

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
padding: 4px 8px;
text-decoration:none !important;
display:inline-block;
font-weight:bold;
color: #FFFFFF !important;
background-color: #a61414;

}

.button_red_small_flat:hover {

background-color: #780f0f;

}
















/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed !important; width:100% !important; height:100% !important; max-width: 100% !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: #000 url(/images/colorbox_overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox_controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox_controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox_controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox_controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox_controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox_controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox_border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox_border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/images/colorbox_loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/colorbox_loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/colorbox_controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox_controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox_controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}