/*
   Maintained by Box Strategies (http://www.boxstrategies.com)
*/

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Arial;
  font-size: 1em;
  }
  
a { color: #5d8799; }
  
#container {
  padding: 0;
  margin: 0 auto;
  width: 941px;
  padding: 0 24px 0 25px; 
  background: #fff url(/templates/allegro/images/bkg-container.gif) repeat-y;
  color: #675c54;
  }
  
img { border: 0; }
  
/********** General ***********/
#details_general { font-size: 0.8em; }

h2 { font-size: 13px; }

/********** Generic ***********/
.hid {display: none;}

.c {text-align: center;}
.aright { text-align: right; }

.error {color: red;} 
.l {float: left;}
.r {float: right;}
.clr{overflow: hidden; clear: both; display: hidden; line-height: 1px;}
.clear { clear: both; }

.big { font-size: 23px; }
.medium { font-size: 17px; }

.imgleft { float: left; margin: 0 5px 5px 0; }
.imgright { float: right; margin: 0 0 5px 5px; }

/********** Joomla specific ***********/
.contentpaneopen {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  }
.contentpaneopen td { padding: 0; }
  
/********** Header **********/
#header {
  width: 939px;
  }
  
#toplinks {
  float: right;
  text-align: right;
  width: 716px;
  padding-top: 1px;
  }
#toplinks ul {
  float: right;
  margin: 0;
  padding: 0;
  }
#toplinks ul li {
  display: inline;
  background: transparent url(/templates/allegro/images/sep-toplinks.gif) right no-repeat;
  padding: 0;
  margin: 0;
  }
#toplinks ul li a {
  text-decoration: none;
  color: #fff;
  margin: 0 10px;
  font-size: 0.8em;
  }
#toplinks ul li.active {
  font-weight: bold;
  } 

#jflanguageselection .jflanguageselection li {
  margin: 0;
  padding: 0;
  background: transparent url(/templates/allegro/images/sep-toplinks-blank.gif) right no-repeat;
  }
#jflanguageselection .jflanguageselection a {
  color: #fff;
  font-weight: bold;
  }
  
#topbar {
  clear: both;
  padding-left: 14px;
  padding-top: 10px;
  width: 925px;
  height: 29px;
  background: url(/templates/allegro/images/bkg-topbar.gif) top left repeat-x;
  }
#topbar a {
  font-size: 75%;
  }
#topbar #quicknav_link {
  display: block;
  width: 203px;
  height: 17px;
  padding: 1px 0 0 6px;
  color: #675c54;
  font-weight: bold;
  text-decoration: none;
  background: transparent url(/templates/allegro/images/button.gif) no-repeat;
  }
#topbar .phone {
  float: left;
  color: #fff;
  padding: 0 0 0 50px;
  font-size: 16px;
  font-weight: bold;
  margin-top: -1px;
  }

/********** Search ***********/
.result {
  border: 1px solid #a0978b;
  margin-bottom: 5px;
  }
.result .thumb {
  width: 175px;
  height: 105px;
  float: left;
  }
.result .thumb img {
  width: 175px;
  height: 105px;
  }
.result .address {
  float: left;
  width: 230px;
  padding: 5px 0 0 25px;
  font-size: 1.05em;
  }
.result h2 {
  float: left;
  height: 21px;
  width: 441px;
  padding: 5px 0 0 10px;
  margin: 0;
  background-color: #e2deda;
  border-top: 1px solid #e5e0db;
  border-bottom: 1px solid #e5e0db;
  font-size: 1.05em;
  }
.result h3 a {
  text-decoration: none;
  }
.result h2 a, .result h3 a {
  color: #796d5c;
  }
.result .bottom {
  height: 40px;
  }
.result .desc {
  padding: 10px;
  width: 227px;
  height:100%;
  border-right: 1px solid #fff;
  float: right;
  }
.result .more {
  float: left;
  height: 38px;
  width: 43px;
  background: #fff url(/templates/allegro/images/bkg-box-more-2.gif) bottom left repeat-x;
  padding: 22px 0 0 11px;
  }

/********** Quick navigation ***********/
#quicknav {
  display: none;
  position: absolute;
  padding: 8px 12px 8px 12px;
  background-color: #fff;
  border: 1px solid #85796f;
  width: 663px;
  height: 360px;
  margin: -9px 0 0 14px;
  }
#quicknav .left {
  float: left;
  border-right: 1px solid #c3bbb3;
  width: 318px;
  height: 316px;
  padding-right: 11px;
  }
#quicknav .right {
  float: right;
  width: 320px;
  padding-left: 12px;
  }
  
#quicknav .left  .left1 {
  float: left;
  padding-right: 26px;
  margin-top: -11px;
  }
#quicknav .left  .left2 {
  float: left;
  margin-top: -11px;
  }
  
#quicknav .right .right1, #quicknav .right .right2 {
  float: left;
  margin-top: -11px;
  }
#quicknav .right .right1 {
  padding-right: 20px;
  }
#quicknav a { text-decoration: none; }
#quicknav a:hover { text-decoration: underline; }
#quicknav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#quicknav li {
  margin: 0;
  padding: 0;
  line-height: 0.9em;
  }
#quicknav .l0 a {font-weight: bold; color: #675c54; font-size: 0.9em;}
#quicknav .l1 a {font-weight: bold; font-size: 0.75em;}
#quicknav .l2 a {color: #675c54; font-size: 0.75em;}
#quicknav .l0 {margin-bottom: -11px; padding-top: 15px;}
#quicknav .l1 {padding-top: 11px;}

/********** Main content **********/
#main {
  width: 939px;
  min-height: 500px;
  margin-top: 4px;
  font-size: 0.7em;
  }

#mod_right { /* Magnet - 2009-10-07 */
  float: right;
  }
  
#banner {
	float: left;
  width: 704px;
  height: 219px;
  }
#banner.careers { position: relative; }
#banner #bannerleft {float: left;}
#banner #logo {clear: both;}
#banner #bannerholder {float: right;}
  
#carousel {
  float: right;
  width: 230px;
  height: 219px;
  }
#carousel .title {
  color: #675c54;
  font-size: 1.2em;
  font-weight:bold;
  background-color: #c3bbb3;
  height: 19px;
  padding: 3px 0 0 6px;
}
#carousel .title span {color: #6e5446;font-style:italic;}
#carousel #player {
  float: left;
  width: 230px;
  }

#axes {
  clear: both;
  padding-top: 10px;
  }
#axes .box {float: left;height: 164px;}
#axes img {border: 1px solid #cdc6c6;}
#axes a:hover  {text-decoration: none;}
#axes a:hover  img {border: 1px solid #635e5e;}
#axes #box1 {margin: 0 7px 0 0;}
#axes #box2 {margin-right: 6px;}
#axes #box4 {margin: 0 0 0 7px;}
#axes .label {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: -36px;
  padding-left: 10px;
  }
#axes .label span {
  color: #5d8799;
  }
  
#axes-right {
  padding-top: 20px;
  padding-left: 15px;
  float: left;
  }
#axes-right .box {height: 164px;margin-bottom: 7px;}
#axes-right img {width: 200px; height: 145px; border: 1px solid #cdc6c6;}
#axes-right a:hover  {text-decoration: none;}
#axes-right a:hover  img {border: 1px solid #635e5e;}
#axes-right .label {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: -40px;
  padding-left: 10px;
  width: 190px;
  }
#axes-right .label span {
  color: #5d8799;
  }

#boxes {
  clear: both;
  padding-top: 20px;
  }
#boxes .box {
  float: left;
  width: 262px;
  margin: 0 7px 0 6px;
  border: 1px solid #bcbbbc;
  }
#boxes #box_first {
  margin-left: 0;
  }
#boxes #box_last {
  margin-right: 0;
  }

.box .picture {
  float: left;
  width: 100%;
  }
.box .title, .box .title_fr {
  float: left;
  background-color: #6c5642;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  padding: 4px 0 0 8px;
  }
.box .title_fr {width:190px; height: 35px;}
.box .title {width:161px; height: 21px;}
.box .title span, .box .title_fr span {color: #f8ae5c; font-style: italic;}
.box .desc {
  float: left;
  width: 154px;
  height: 35px;
  background: #fff url(/templates/allegro/images/bkg-box-desc.gif) no-repeat;
  padding: 5px 5px 0 10px;
  }
.box .more {
  float: right;
  height: 28px;
  width: 41px;
  background: #fff url(/templates/allegro/images/bkg-box-more.gif) no-repeat;
  padding: 12px 0 0 11px;
  }
.box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
.box ul#list_apartments, .box ul#list_services, .box ul#list_care, .box ul#list_activities {
  display: none;
  }
  
#boxes #loyers {font-size: 1.1em;}
#boxes #loyers  .subtitle {background: #fff url(/templates/allegro/images/bkg-box-subtitle4.gif);}
#boxes #loyers  .desc {font-weight: bold;}
  
#bottom {
  margin: 0 -25px;
  background: #fff url(/templates/allegro/images/bkg-outer.gif) top left no-repeat;
  clear: both;
  height: 34px;
  }

.social_links {}
.social_link {}
.social_link_image { display: inline-block; vertical-align: middle; }

/* Serenata */
#serenata .partners { text-align: center; }
#serenata .logo { text-align: right; }
#serenata .partners img {
	margin: 0 20px;
}

/* Promo */
#promo { width: 939px; padding-top: 10px; }

#promo p span { display: block; }

#promo h2 { font-size: 26px; color: #5e88a2; font-weight: normal; }

#promo .listing { margin: 0 auto; margin-bottom: 20px; overflow: hidden; clear: both; }
#promo .listing ul li { text-align: left; }

#promo .listing ul li.more { list-style: none; color: #c1bbaf;}
  
/********** Buttons ********************/
#buttons {
  float: right;
  padding: 5px 5px 0 0;
  margin-bottom: -20px;
  position: relative;
  }
  
/********** Main axes ******************/
#axe .axe-list {
  padding: 10px 20px 10px 70px;
  margin: 0;
  margin-top: 40px;
  }
#axe .axe-list-r {
  padding: 10px 0px 10px 90px;
  margin: 0;
  margin-top: 40px;
  }
#axe .axe-list .label, #axe .axe-list-r .label {
  font-weight: bold;
  list-style: none;
  font-size: 1.1em;
  margin-left: -15px;
  }
#axe p {
  margin: 15px 0;
  }
#axe ul li {
  line-height: 1.7em;
  }
	
.home_defi { clear: both; padding-top: 25px; }

/********** Sitemap ********************/
.sitemap {
  float: left;
  padding-top: 7px;
  font-size: 1.1em;
  }

/********** Residence details **********/
#details {
  float: left;
  width: 704px;
  padding-top: 2px;
  font-size: 1.1em;
  min-height: 410px;
  }
#details p {
  line-height: 1.4em;
  }
#details h1 {
  color: #796d5c;
  height: 23px;
  padding: 4px 0 0 10px;
  margin: 0;
  font-size: 1.3em;
  border-bottom: 1px solid #796D5C;
  margin-bottom: 5px;
  }

#details .left {
  float: left;
  width: 413px;
  padding-top: 2px;
  color: #675C54;
  text-align: justify;
  }
#details .left .pad {padding: 5px 10px 5px 0;}
#details .left h2 {
  font-size: 100%;
  padding: 5px 0;
  }
#details h3 {
  font-size: 100%;
  margin: 5px 0 0 0;
  }
#details .right {
  float: left;
  width: 264px;
  padding: 2px 0 0 7px;
  margin-left: 12px;
  font-size: 105%;
  }

#details #contact {
  padding: 7px 0 14px 0;
  font-weight: bold;
}
	
/** vcard **/
.vcard .phone, #details .phone {
	float: left;
  font-weight: bold;
  color: #5a92a9;
  }
.vcard .vcard .geo { display: none; }
#details .map { float: right; padding-right: 15px; }
	
#details .right .info { text-align: center; }

#gallery {
  width: 413px;
  margin-bottom: 34px;
  }
  
#details #boxes {
  float: right;
  margin-left: -7px;
  font-size: 90%;
  }
#details .box {margin: 0 0 7px 0;}
#details .box .desc {
  background: #fff;
  height: 100%;
  width: 240px;
  padding-bottom: 5px;
  }
#details .subtitle {
  float: left;
  height: 34px;
  width: 262px;
  background: #fff url(/templates/allegro/images/bkg-box-subtitle.gif) repeat-x;
  }
#details .subtitle h3 {padding: 5px 0 0 10px;}
  
#details .submenus {
  text-align: right;
}
#details .submenus ul {
  padding: 5px 0 20px 0;
  margin: 0;
}
#details .submenus ul li {
  display: inline;
  list-style: none;
  padding-left: 2px;
}

/********** Right boxes **********/
.box_right {

  width: 230px;
  padding-top: 20px;
  font-size: 1.1em;
  }
.box_right .title {
  border-bottom: 1px solid #5D8799;
  height: 20px;
  padding: 5px 0 0 10px;
  font-weight: bold;
  font-size: 140%;
  color: #5D8799;
  }
.box_right .desc {
  font-size: 1em;
  color: #382b24;
  padding: 10px 5px 0 10px;
  line-height: 1.5em;
  }
.box_right ul {
  margin: 0;
  padding: 0;
  padding-left: 15px;
  }

/* printable documents */
#documentation ul {
	clear: both;
	overflow: hidden;
	padding: 10px 0 0 5px;
	list-style: none;
}
#documentation ul li a {
	float: left;
	padding: 8px 0 8px 23px;
	background: #fff url(/templates/allegro/images/pdf-icon.png) left no-repeat;
}

/* social links */
.box_right .addthis_toolbox {
	padding: 10px 0 0 10px;
}

/* facebook link */
#facebook {
	font-size: 1.4em;
	text-align: center;
	padding-top: 40px;
}
#facebook img { vertical-align: middle; margin-bottom: 3px; margin-left: 4px; }

/********** Search **********/
#search {
  float: left;
  width: 690px;
  padding-top: 5px;
  }
#searchv {
  height: 370px;
  width: 230px;
  padding-top: 7px;
  }  

#search .title, #searchv .title {
  height: 20px;
  padding: 0 0 2px 10px;
  font-weight: bold;
  font-size: 1.4em;
  color: #5d8799;
  border-bottom: 1px solid #5d8799;
  }

#search .tabs, #searchv .tabs {
  height: 18px;
  width: 318px;
  padding-top: 4px;
  background: #fff url(/templates/allegro/images/bkg-search-tabs.gif) repeat-x;
  }
#searchv .tabs {
  width: 230px;
  }
#search .tabs ul, #searchv .tabs ul {
  margin: 0;
  padding: 0;
  }
#search .tabs ul li, #searchv .tabs ul li {
  display: inline;
  padding: 0 9px 0 4px;
  list-style: none;
  background: transparent url(/templates/allegro/images/sep-search-tabs.gif) right no-repeat;
  }
#search .tabs .last, #searchv .tabs .last {
  padding-right: 0;
  background: transparent;
  }
#search .tabs .first, #searchv .tabs .first {
  padding-left: 10px;
  }
#search .tabs ul li a, #searchv .tabs ul li a {
  font-size: 1.05em;
  text-decoration: none;
  }
.tabs #tab_region a {
  font-weight: bold;
  }
  
#choices {
  padding-top: 9px;
  padding-left: 10px;
  font-size: 1.1em;
  float: left;
  }
#choices .label {
  margin: 0 0 3px 0;
  font-size: 1.05em;
  color: #675c54;
  font-weight: bold;
  }
  
#search #province {
  float: left;
  width: 190px;
  }
#searchv #province {
  clear: both;
  padding: 0 0 20px 0;
  }

#regions {
  float: left;
  }
#regions td {
  padding: 0 20px 0 0;
  }
  
#search #proximity {
  float: left;
  margin-right: 10px;
  }
  
#search #btn_search {
  float: right;
  padding-top: 100px;
  padding-left: 20px;
  }
#searchv #btn_search {
  clear: both;
  padding-top: 25px;
  }
  
/********** News **********/
#news {
  float: right;
  width: 230px;
  padding-top: 25px;
	margin-right: 3px;
  height: 160px;
  }
#news .inner-news {
  display: table-cell;
  vertical-align: middle;
  }
#news .title {
  font-weight: bold;
  font-size: 1.2em;
  }
#news h3 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  padding-top: 13px;
  }
#news p {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  }
#news a {font-weight: bold;}

#subnews {
	float: right;
	width: 230px;
}

/********** Forms **********/
#details .form_container {
  padding: 10px;
  }
.attention {
  display: none;
  color: red;
  }

/********** Footer **********/
#footer {
  padding: 0;
  margin: 0 auto;
  width: 941px;
  padding: 2px 24px 60px 25px; 
  font-size: 0.75em;
  }
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#footer ul li {
  display: inline;
  }
#footer a {
  color: #000;
  text-decoration: none;
  }
#footer .left {
  float: left;
  }
#footer .right {
  float: right;
  }
#footer .right a {
  color: #383838;
  }
 
 div.buttonheading {
	float: right;
	position: relative;
	margin: 4px 0 -20px 0;
  }
 
 #logo_print {display: none;}

.contentpaneopen ul li {padding-bottom: 5px;}

/********** JCareers component *********/
#jcareers_container {
	height: 296px;
	border: 1px solid #e8e4e1;
	overflow-y: scroll;
	overflow-x: hidden;
	}
#jcareers table {
	width: 690px;
    }
#jcareers th {
	border: solid #e8e4e1;
	border-width: 0px 1px 1px 0px;
	padding: 4px;
	}
#jcareers td {
	border: solid #e8e4e1;
	border-width: 1px 1px 1px 0;
	padding: 4px;
    }
#jcareers th a img {margin-bottom: -9px;}

.btn_jobs {text-align: right; display: block; padding: 10px 0;}
	
.menujcareers {
	padding: 0;
	margin: 28px 0 0 0;
	width: 210px;
	border: 1px solid #BCD2E6;
}
.menujcareers li {list-style: none;}
.menujcareers li a:link, .menujcareers li a:visited {
	background: transparent url(/templates/allegro/images/menu.gif) repeat scroll 0 0;
	display: block;
	padding: 8px 0 0 30px;
	}
.menujcareers li a:hover, .menujcareers li.active a {
	background: transparent url(/templates/allegro/images/menu.gif) repeat scroll 0 -32px;
	display: block;
	padding: 8px 0 0 30px;
	}
.menujcareers li a {
	height: 24px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	}

/* Perspectives d'emploi */
.career_desc {
	padding: 10px;
	color: #675C54;
	font-size: 12px;
	background-color: #fff;
}

/* Careers banner */
#banner img { position: absolute; top: 0; left: 0; z-index:8; }
#banner img.active { z-index:10; }
#banner img.last-active { z-index:9; }
	
/**** Plans gallery ****/
#plans-gallery { margin-bottom: 15px; }
#plans-gallery .preview { width:413px;overflow: hidden; text-align: center; }
#plans-gallery .preview img { height: 300px; }
#plans-gallery a img { margin: 3px; width: 70px; }
	
/**** Ad-gallery 2010-04-07 ****/
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery { width: 400px; margin-bottom: 34px; }
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(/templates/allegro/images/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(/templates/allegro/images/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/**** Colorbox 2010-04-08 ****/
/*
    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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    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:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/templates/allegro/images/colorbox/v2/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/templates/allegro/images/colorbox/v2/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}