/* -------------------------------      Clients Custom CSS Styles       ------------------------------ */
.title-object {
	color: #CC9933;
	}
.news-wrapper a{
	font-size: 14px;
	font-weight: bold;
	color: #999!important;
	text-decoration:underline!important;
	}
.news-wrapper {
	padding-top: 0px;
	padding-bottom: 10px;
	}
h1 {
	font-size: 18px;
	padding-bottom: 10px;
	}
.active {
	display: block;
	}
.news-toggle {
	display: none;
	}
a {
	text-decoration: none!important;
	}
#main-footer {
	background:url(../media/debackkermedia/bg-footer.png) #454344;
	}
#main-footer a{
	text-decoration: none;
	color:#b3b3b3;
	}
.DropAndText {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	background: #484848;
	color: #CCC;
	border: 1px solid #585858;
	height: 25px;
	width: 60%!important;
	font-size: 16px!important;
	font-weight: normal!important;
	}
.DropAndText2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	background: #484848;
	color: #CCC;
	border: 1px solid #585858;
	height: 25px;
	width: 300px;
	font-size: 16px!important;
	font-weight: normal!important;
	}
.contacttext {
	
	}
ul.main-menu {	
	list-style-type: none;
	
	}
.main-menu li {
	padding: 0 20px 5px 0;
	float: left;
	font-size: 13px;
	}
.main-menu a {
	text-decoration: none!important;
	}
.main-menu a:hover {
	color: #CCC;
	}
body {
	background-color: #4F4D4E;
}

html {
scrollbar-face-color: #454344;
scrollbar-shadow-color: #252324;
scrollbar-highlight-color: #252324;
scrollbar-3dlight-color: #252324;
scrollbar-darkshadow-color: #252324;
scrollbar-track-color: #454344;
scrollbar-arrow-color: #252324;

}
.push {
	clear:both;
}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
.fond {
	background-color: #252324;
}
.fonddegrade {
	background-image: url(../media/debackkerMedia/fond_degrade.jpg);
	background-repeat: no-repeat;
	background-color: #252324;

}
.bordblanc {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.fondlist {
	background-color: #8B888A;
	border: 1px solid #585557;
}
.fondadresse {
	background-image: url(../media/debackkerMedia/bandea_adresse.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.traitbalnc {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.textdescription {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: justify;
}
.textdescriptiontitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: left;
	text-transform: uppercase;

}
/* -------  End of client's custom styles -------- */


/* -------------------------------     Pane Layout    -------------------------------*/
	
.mainTable  {
	vertical-align: top;
	height: 100%;
	width: 100%;
	margin-left:auto; 
	margin-right:auto;
}
.maincell
{
	text-align: center;
}
.topPane {
	vertical-align: bottom;
}
.contentpane {
vertical-align: top;
	height: 530px;
}
.bottompane {
vertical-align: top;
}
.leftpane {vertical-align: top;}


/* -------------------------------   'Admin' and CuteEditor 'Edit' button on all pages   ------------------------------- */

.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	border: thin solid #FFFFFF;
	background-color: #025B82;
	height: 25px;
	width: 50px;
	text-align: center;}
	
	
	
/* -------------------------------  Catalogue Page and Object Detail Page  -------------------------------  */

.textresultquery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}
.artist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: justify;
}
.tablezoom {
	border: 1px solid #000000;
	background-color: #767576;
}
#linkfunction a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
}
#linkfunction a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: underline;
}
.pagenumbers 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	color: #2D3532;
	font-weight: normal;
}

.PageLink 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	color: #2D3532;
	font-weight: normal;
	padding: 3;}

.PageLinkActive 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #666666;
	text-decoration: none;
	height: 5px;
	width: 10px;
	vertical-align: middle;
	text-align: center;
}
.Pagelinkseperator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFEBA7;
}

/* -------------------------------    Catalogue Mosaic page    ------------------------------- */

#tablemosaic {
	margin: 5px;
	padding: 0px;
	height: 130px;
	width: 130px;
}

/* -------------------------------    Contact Page and Email a Friend Page    ------------------------------- */

.contacttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}
.contacttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	color: #ffffff;
}
.buttoncontact a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: thin solid #484848;
	background-color: #383838;
	height: 25px;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
	padding:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}
.buttoncontact a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	border: 1px solid #444;
	background-color: #999;
	height: 15px;
	width: 60px;
	text-align: center;
	text-decoration: none;
	margin-right: 10px;
}

/* -----------------  Exhibitions List Page  ----------------  */


.expopagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}
.expolabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.expotitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
.expotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
.expolinkdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}
.expodateslabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
.expodates {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* -----------------  Artist List  ----------------  */
 
#artistlettersnav {

}
#artistlettersnav A {

}
#artistlettersnav A:hover {

}
.artistletters A {

}
.artistletters A:hover {

}
.artistname A {

}
.artistname A:hover {

}


/* -----------------  Print format Page: 

The styles are in the Print.ascx page and not in the CSS style sheet   

 ----------------  */

/* -----------------  News Page  ----------------  */
.thumbWrapper {
	margin: 20px 0;
}
.thumbWrapper img {
	float:left;
	margin-right:50px;
	border:0px;
}
.thumbWrapper img.last {
	margin-right:0px;
}
/* -----------------  Search Page  ----------------  */

.buttonsearch  {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding: 5px;
	border: thin solid #000033;
	background-color: #FF9900;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}

.labelsearch 	{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #000000;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#cboxCurrent {color: #C1BCB4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;}
#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;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../media/tomassomedia/images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../media/tomassomedia/images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../media/tomassomedia/images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


/* -------------------------------   'Admin' and CuteEditor 'Edit' button on all pages   ------------------------------- */

a.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #AE210D;
	padding: 10px;
	border: thin solid #AE210D;
	background-color: #fff;
	height: 45px;
	width: 70px;
	text-align: center;
	text-decoration: none;
}
a.buttons:hover, a.buttons:visited, a.buttons:active {
	text-decoration: none;
}
a.buttons:hover {
	background-color: #AE210D;
	color: #fff;
}

.mainMenuBG {
	background: url("../media/debackkerMedia/mainMenuBG.png");
	heigh:34px;
}
.menuContainer {
	margin:0px;
	width:100%;
	top:217px;
	position:absolute;
}
.mainMenu {
	margin:0 auto;
	height:32px;
	
	padding-left:348px;
	
	width:700px;
}
.mainMenu li {
	list-style:none;
	float:left;
	margin: 0 0 0 15px;
	
}
.mainMenu li.first {
	
}
.mainMenu li a,
.mainMenu li a:visited,
.mainMenu li a:link,
.mainMenu li a:active {
	text-decoration:none;
	font-size:13px;
	letter-spacing:0.4px;
	white-space:nowrap;
}
.mainMenu li a:hover,
.mainMenu li a.active {
	color:#989898;
}

