body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	color: #434548;  */
	color: #ffeedd;
	
background-image: url('images/fondblack.png');
  margin: 0;
  padding: 0;
}

form {
  padding: 0;
  margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}

/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}


.main_outer_table{
  background-color: #ffffff;
}

.headbg{
  background-color: #000000;
}
.headbgbox{
  background-color: #202020;
}
.loginbarbg{
  background-color: #5d5e5a;
}

.module_head, .calendar_module_head {
 background-image: url('images/top_red.gif');
  font-size: 11px;
  font-weight: bold;
  color: #fab001;

}


.module_head_right {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

.module_head_right a {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

.module_head_right a:hover {
  background-color: #5d5e5a;
  font-size: 11px;
  color: #fab001;
}

.module_head_rightA {
  background-color: #ffffff;
  font-size: 11px;
  color: #fab001;
}

.module_head_rightA a {
  background-color: #ffffff;
  font-size: 11px;
  color: #fab001;
}

.module_head_rightA a:hover {
  background-color: #ffffff;
  font-size: 11px;
  color: #000000;
}


td.edituserlink{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: bold;

}
td.edituserlink a{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: normal;
}
td.edituserlink a:hover{
  background-color: #5d5e5a;
  color: #fab001;
  font-weight: normal;
}

.text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #fab001;
  text-decoration:none;
}
a.text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #fab001;
  text-decoration:none;
}
a:hover .text_head1 {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
  text-decoration:none;
}

.text_head2, .text_head2:hover {
  font-size: 14px;
  font-weight: bold;
  color: #9f8f8c;
}

.offer_head {
  font-size: 16pt;
  color: #695f5d;
}

.oddrow {
  background-color: #222222;
}

.evenrow {
  background-color: #333333;
}

.module_detail_inside {
  font-size: 11px;
  font-weight: normal;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;
  text-align:left;
}

.im_text {
  font-size: 11px;
  font-weight: normal;
  background-color: #202020;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;

}

.module_detail,  .calendar_module_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #202020;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;
  text-align:left;

}
.leftside_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #000000;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #5d5e5a;
  border-right-color: #5d5e5a;
  border-bottom-color: #5d5e5a;
  border-left-color: #5d5e5a;

}

.picgallery {
	background-color: #202020;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.statusbar {
  background-color: #5d5e5a;
}


th {
  font-weight: bold;
  color: #cccccc;
  background-color: #555555;
  font-size: 11px;

}

th a {
  text-decoration: none;
  color: #cccccc;
}
th a:hover {
  color: #ffffff;
  text-decoration: none;

}


a.subhead {
  text-decoration: underline;
  color: #fab001;
  font-weight: bold;
}
a.subhead:hover {
  color: #fab001;
  text-decoration: none;
  font-weight: bold;
}

.smallpic {
  border: 1px solid #666666;

}


input {
  font-size: 11px;
}
textarea {
  font-size: 11px;
}
select {
  font-size: 11px;
}
.searchselect {
  font-size: 11px;
}

.formbutton {
  font-size: 11px;
  color: #fab001;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #cccccc;
  background-color: #5d5e5a;
}

.formbuttonA {
  font-size: 11px;
background-image: url(images/bouton15.png);
  background-repeat: no-repeat;
    color: #ffffff;
width: 125px;
height: 25px;
border: none;

}

.errormsg {
  color: #fff000;
}

a.main_title{
  font-size: 40px;
  color: #ffffff;
  text-decoration: none;
}
a:hover .main_title{
  font-size: 40px;
  color: #ffffff;
  text-decoration: none;
}
.dotted{
  border-bottom-width: 1px;
  border-bottom-style: dashed;
}

.s_table_blue{
  color: #27277e;
  font-weight: bold;
}
.s_table_white{
  color: #27277e;
}

.table_blue{
  background-color: #d3e1fa;
  color: #27277e;
}
.table_white{
  background-color: #ffffff;
  color: #27277e;
}

.table_green{
  background-color: #d8f9d5;
  color: #003300;
}
.table_red{
  background-color: #ffd5d5;
  color: #990000;
}
.table_pink{
  background-color: #ffe1ff;
  color: #7d0067;
}
.table_gray{
  background-color: #efefef;
  color: #333333;
}
.table_yellow{
  background-color: #ffffcc;
  color: #b08d00;
}


.main_text1{
  font-size: 24px;

}
.page_heading {
  font-size: 14pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: center;
}
.headrow {
  border: 1px solid #a9bdf1;
  background-color: #c8e0fb;
  text-align: center;

}
.text8pt {
  font-size: 8pt;
}
.searchtitle {
  font-size: 14pt;
  font-weight: bold;
  color: #003366;
}
.xtitle {
  font-size: 14pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: center;

}
.title {
  font-size: 12pt;
  border: 1px solid #a9bdf1;
  background-color: #dadada;
  text-align: left;
  font-weight: bold;
  padding: 4px 4px 4px 11px;
  margin-left: 11px;

}
.subtitle {
  font-size: 10pt;
  color: #003366;
  border: 1px solid #96b0f5;
  background-color: #d7e1ee;
  font-weight: bold;
  padding: 1px;
}

a {
  color: #aaa282;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #cccccc;
}

a.menulink {
font-size: 11px;
color: #ff66cc;
text-decoration: none;
}
a.menulink:hover {
font-size: 11px;
color: #ff66cc;
text-decoration: none;
}
.panellinkhdr {
  background-color: #5d5e5a;
  font-size: 11px;
  font-weight: bold;
  color: #fab001;
}

a.panellink {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fab001;
}
a.panellink:hover {
  font-weight: bold;
  font-size: 11px;
  text-decoration: underline;
  color: #fab001;
}
.panelbox {

}
.footer {
  background-color: #000000;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  padding: 4px 4px 4px 11px;
  margin-left: 5px;
}
.footer2 {
  background-image: url('images/blc.gif');
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  padding: 4px 4px 4px 11px;
  margin-left: 5px;
}
.footer3 {
  background-image: url('images/footer-bg.png');
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  padding: 4px 4px 4px 11px;
  margin-left: 5px;
}

a.footerlink {
font-size: 8pt;
color: #cccccc;
text-decoration: none;
}
a.footerlink:hover {
font-size: 8pt;
color: #cccccc;
text-decoration: none;
}

a.footerlinkB {
font-size: 8pt;
color: #ffffff;
text-decoration: none;
}
a.footerlinkB:hover {
font-size: 8pt;
color: #cccccc;
text-decoration: none;
}
.copyright{
color: #aaaaaa;
font-size: 11px;
text-decoration: none;
}

.paneltable{
  background-color: #003366;
}
.modulehead{
  color: #003366;
}


.storyhead{
  color: #fab001;
  font-weight: bold;
font-size: 11px;
}
.storydate{
  font-size: 9px;
  color: #695f5d;
  font-style: italic;
}
.storyby{
  color: #695f5d;
}
.storytext{
}

.newshead{
  color: #695f5d;
  font-weight: bold;
}
.newsdate{
  font-size: 9px;
  font-style: italic;
}
.newstext{

}

.pollquestion{
  color: #695f5d;
  font-weight: bold;
}
.polloptions{

}

.payment_mod_head{
  font-size: 11px;
  color: #695f5d;
  background-color: #f7a3f8;
}

.signup_box1{
  font-size: 11px;
  color: #ffffff;
font-weight: bold;
  background-color: #ff0000;
}

.admin_head{
  font-size: 12px;
  color: #fab001;
  font-weight: bold;
}
h4{
  font-size: 12px;
}

.copyright:hover {
  color: #0000ff;
  font-size: 11px;
  text-decoration: underline;
}

.headerfooter, .headerfooter:hover {          /*** style of "xxx's profile", "last logge" ***/
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.headerfooter:hover {             /*** hover: style of "xxx's profile", "last logge" ***/
  color: #ffffff;
  text-decoration: none;
}

.nickwidth {                /*** width of sections ***/
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
	float: left;
}

.stats_line_outer {
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.display_error {
	font-weight: normal;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4E1F6;
	border-right-color: #D4E1F6;
	border-bottom-color: #D4E1F6;
	border-left-color: #D4E1F6;
	color: #FF0000;
}

.required_info {
	color: #FF0000;
}

.bloglink_hdr02 {
	float:left;
	margin: 1px;
	padding: 4px;
	text-align: center;
}

.colhead {
	font-weight: bold;
	color: #4278D3;
	background-color: #D4E1F6;
	font-size: 11px;

}

.colhead a {
	text-decoration: underline;
	color: #4278D3;
}
.colhead a:hover {
	color: #4278D3;
	text-decoration: none;

}

.panelbox_div {
	line-height:16px;
	vertical-align:middle;
	padding-left: 6px;
	padding-right: 3px;
}

.panellinkhdr_div {
	line-height:16px;
	background-color: #5d5e5a;
	font-size: 11px;
	font-weight: bold;
	color: #fab001;
	vertical-align:middle;
	padding-left: 6px;
	padding-right: 3px;
}
.panellinkhdr_div  a {
	text-decoration: none;
}
a.panellink_div {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #fab001;
}
.panellink a:hover {
	text-decoration: underline;
}
.signup_line_outer {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 4px;
	vertical-align:middle;
}
.line_outer {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 4px;
}

.signup_line_leftside {
	float: left;
	width: 188px;
}

.profile_line_leftside {
	float: left;
	width: 35%;
}
.loadsnaps_column {
	float: left;
	width: 49.9%;
	vertical-align: middle;
	text-align: center;
}

.column_head {
	font-weight: bold;
	background-color: #D4E1F6;
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

.column_head a {
	text-decoration: none;
}

.column_head a:hover {
	text-decoration: underline;

}

.line_leftside {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 2px;
	vertical-align:middle;
}

.line_rightside {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 3px;
	margin-right: 4px;
	vertical-align:middle;
}

.line_top_bottom_pad {
	padding-top: 3px;
	padding-bottom: 3px;
}

.top_margin_6px {
	margin-top: 6px;
}
.profile_links {
	background-color: #000000;
}

.current_monthday {
        background-color: #110011;
}

.other_monthday {
        background-color: #ffeeff;
        color: #111111;
}
.errors {
	color: #cccccc;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:auto;
}

/* 2.5 changes */
<!--

a.dropmenulink {
	font-size: 13px;
	font-weight: bold;
/*	color: #CC6600;  */
	text-decoration: none;
}
a.dropmenulink:hover {
	font-size: 13px;
	font-weight: bold;
	color: #6633FF;
	text-decoration: none;
}

.dropdowncontainer {
	width: 100%;
}

.dropdownsection {
	width: 100px;
	display: inline;
	float: left;
}

.anylinkcss{
border-left:1px solid white; border-right:1px solid white; border-top:1px solid white; border-bottom:0px solid white; position:absolute;
visibility: hidden;
line-height: 22px;
z-index: 100;
background-color: #5d5e5a;
width: 165px; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}

.anylinkcss a{
width: 100%;
display: block;
text-align: left;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #FFFFFF;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #5d5e5a;
color: white;
}

-->

/* Pasword strength related */
.password_bar{
	font-size: 2px;
	height: 4px;
	width:210px;
	border-width: 1px;
	border-style:solid;
	border-color:black;
}
.password_text {
	font-size:10px;
}
/* Password strength related over */

select, textarea, .textinput, .passwordinput {
/*		background-color: #5d5e5a; */
	background-color: #EFEFEF;
	}

.smallest_profiles {
	font-size:10px;
}

.left_padding_2px {
	padding-left:2px;
}
.searchstyle{
  color: #FFFFFE;
}

.searchselect{
  color: #101010;
}

select, textarea, .textinput, .passwordinput {
	background-color: #D4E9FA;
	scroller-border: 1px solid #AAA;
	}

select, .select, .searchselect {
	font-size: 11px;
	border: 1px solid #AAA; 
	padding: 2px;
}
option {
	border: 0px solid #AAA; 
}
textarea, .textinput, .passwordinput {
	font-size: 11px;
	border: 1px solid #AAA; 
	padding: 2px;
}


/* ######### Style Ajout ######### */

/* ######### Style for Drop Down Menu ######### */

.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}



.ddcolortabs a{
float:left;
color: white;
background: black url('http://www.blacksandwhites.net/images/color_tabs_left.gif') no-repeat left top;
text-decoration: none;
letter-spacing: 1px; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:1px
}

.ddcolortabs a span{
float:left;
display:block;
background: url('http://www.blacksandwhites.net/images/color_tabs_right.gif') no-repeat right top;
padding-left:7px; padding-right:8px; padding-top:4px; padding-bottom:2px
}

.ddcolortabs a span{
float:none;
text-decoration: none;
}

.ddcolortabs a:hover{
background-color: #800000;
text-decoration: none;
}

.ddcolortabs a:hover span{
background-color: #800000;
text-decoration: none;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #800000;
text-decoration: none;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: black;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


.dropmenudiv_a{
border-left:1px solid black; border-right:1px solid black; border-top:8px solid black; border-bottom:0px solid black; position:absolute;
top: 0;
/*THEME CHANGE HERE*/
/*Top border width. Should match height of .ddcolortabsline above*/
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:verdana
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 4px;
border-top: 0px solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
text-decoration: none;
color: black; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;

}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #800000;
color: white;
text-decoration: none;
}

/*fin menu*/

/*table des news*/

.contentslide{
border: 6px solid #800000;
border-bottom-width: 3px;
padding: 2px;
width: 769px;
height: 300px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
border-left:4px solid #800000; border-right:4px solid #800000; border-top:6px solid #800000; border-bottom:0px solid #800000; width: 770px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/

text-align: right;
background-color : #800000;
/*Left/ right border width of pagination DIV.*/
padding-left:0; padding-right:0; padding-top:0; padding-bottom:4px
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 770px; /*IE5 width*/
width: 770px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-right: 3px;
border: 1px solid #788;
color: #2d2b2b;
background: white url('shade.gif') repeat-x top left;; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url('shadeactive.gif');
border-bottom-color: white
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}

/*
    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:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #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;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/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/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/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 IE9.
*/
.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);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}