/*

NOTE: Some options are like the tab background images and colors are also set in config.js
They must be changed in both style.css and config.js

*/



/* The main div */
.df_main
{	position:relative;
	top:0px;
	left:0px;	
	border:0;
	margin:0;
	padding:0;
	background-color:#CE002C;
	/* background-image:url('windowframe.gif'); */
	background-repeat:no-repeat;
	width:707px; 
	height:339px; }
	
/* general tab button styles */
.df_button
{	cursor:pointer;
	border:0;
	padding:10px 0 0 0;
	margin:0;	
	width:249px; 
	height:20px;
	text-align: center;
	vertical-align: bottom;
	background-color: #ffffff;
	font-weight: bold;
	font-size:16px; }
	
/* the 'Find art' tab button */	
#df_buttonart 
{ 	position:absolute;
	left:103px;
	top:0px;
	background-image:url('tabactiveA.gif');
     text-align: center;
}

/* the 'Find workshop'tab button */
#df_buttonwk 
{ 	position:absolute;
	left:352px;
	top:0px;
 	background-image:url('tabinactiveW.gif');
     text-align: center;
}

/* the div containing the Location Category and Listings headers */	
#df_header
{	position:absolute;
	top:30px;
	left:0px;
	padding:0;
	margin:0;
	height:20px;
	width:707px; }

/* general header styles */
.df_headeritem
{	border:1px solid #808080;
	background-color:#E0E0E0;
	padding:0px 10px;
	margin:0;
	height:20px;
	text-align:left;
     font-weight: bold; 
	font-size:12px; }

/* the 'Location' column header */
#df_locationhead
{ 	position:absolute;
	left:4px;
	top:5px;
	width:151px; }

/* the 'Category' column header */
#df_categoryhead 
{ 	position:absolute;
	left:179px;
	top:5px;
 	width:151px; }

/* the 'Content' column header */
#df_contenthead 
{ 	position:absolute;
	left:354px;
	top:5px;
 	width:327px; }

/* div containing the column bodies */
#df_body 
{ 	position:absolute;
	left:0px;
	top:50px;
	border:0;
	margin:0;
	padding:0;
	width:707px; 
	height:254px; }

/* general column styles */
.df_column
{	display:inline;
	overflow:auto;
	overflow-x:hidden;	
	overflow-y:scroll;
	vertical-align:top;
	border:1px solid #808080;
	border-style: none solid solid;
	padding:0;
	margin:0;	
	background-color:#FFFFFF;
	height:265px;
	text-align:left;
	font-size:11px; }

/* the location column */
#df_location 
{ 	position:absolute;
	left:4px;
	top:5px;
	width:171px;
	height:280px;}

/* the category column */
#df_category 
{ 	position:absolute;
	left:179px;
	top:5px;
	width:171px;
	height:280px;}

/* the content column */
#df_content 
{ 	position:absolute;
	left:354px;
	top:5px;
	width:347px;
	height:280px;}

/* bar with the tabs */
#df_tabbar { background-color: #ffffff; height: 30px; }

/* the div at the bottom */
.df_footer { border:0;  width:707px; height:4px; text-align:center; }



/* styles for the list items */
#df_location img { margin:0; border:0; vertical-align:middle;}
#df_location  li{padding:0px 3px; margin:0; display:block; height:15px; list-style-type:none; overflow:hidden; white-space:nowrap;}
#df_location  ul{padding:0; margin:0; width:168px; cursor:pointer;}

#df_category img { margin:0; border:0; vertical-align:middle;}
#df_category  li{padding:0px 3px; margin:0; display:block; height:15px; list-style-type:none; overflow:hidden; white-space:nowrap;}
#df_category  ul{padding:0; margin:0; width:168px; cursor:pointer;}

#df_content img { margin:0; border:0; vertical-align:middle;}
#df_content  li{padding:0 0 5px 3px; margin:0; display:block; list-style-type:none; }
#df_content  ul{padding:0; margin:0; width:388px; cursor:pointer;}

/* styles for the the content list item */
.df_c_table
{
	border:0;
	padding:0;
	border-spacing:0;
	width:337px;}

.df_c_title /* the listing title */ 
{
/*	colspan:2;*/
	width:250px;
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:bold;
/*	font-variant: small-caps;*/
	color:#ce002c;}

.df_c_thumb /* the thumbnail image cell */
{	width:110px;
	padding:0;
	margin:0; }

.df_c_thumb img /* the thumbnail image */
{	border:0;
	width:100px;
	height:66px; }

.df_c_artist /* the artist name cell */
{	width:200px;
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:bold;}

.df_c_location /* the artist location cell */
{	width:200px;
	padding:0;
	margin:0;
	font-size:11px;}

.df_c_style /* the art style/category cell */
{	width:200px;
	padding:0;
	margin:0;
	font-size:10px;
	font-weight:11px;}