@import url("lib/css_refresh.css");

/* EVERYTHING THAT LOOKED IMPORTANT FROM THE OLD CSS FILE ;) */

.page_info { margin: 20px 0;} 
.page_info a { 
	float: right; 
	padding-left: 23px; 
} 

.search_row { 
	border-top: 1px solid #cccc99; 
} 

.last_search_row { 
	border-bottom: 1px solid #cccc99; 
} 

.search_block { 
	float: left; 
	display: inline; 
	width: 150px; 
	margin: 15px 23px; 
} 

.ProductList-itemstyle { 
	width: 150px !important; 
	padding: 15px 23px !important; 
} 

.add_to_port { 
	display: block; 
	width: 114px; 
	height: 15px; 
	margin: 5px auto; 
	background: url(../images/bg/bg_add_port.gif) no-repeat; 
	overflow: hidden; 
} 

.add_port_selected { background: url(../images/bg/bg_add_port_selected.gif) no-repeat !important;} 
.search_block table { 	margin: auto; } 
.result_text { 	font-size: 12px; } 

.result_text strong { 
	float: left; 
	width: 50px; 
	margin-right: 5px; 
	padding-right: 5px; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.ProductList-itemstyle table th { 
	padding-right: 3px !important; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.ProductList-itemstyle table td, .ProductList-itemstyle table th, .ProductList .text div {	
	font-size:75%;
	line-height:1.5em;
} 

.bulkcheckbox { 
	margin-bottom: 5px; 
} 

.search_block table th { 
	width: 50px; 
	padding-right: 5px; 
	text-align: right; 
	border-right: 1px dotted #cccc99; 
} 

.search_block table td { 
	width: 80px; 
} 

.search_heading { 
	float: left; 
	width: 120px; 
} 

.search_keywords { 
	float: left; 
	width: 75px; 
}

.search_list { 
	margin: 0 0 10px; 
} 

.catalogue_table a {  
	text-decoration: underline; 
}

.catalogue_table a:hover {  
	text-decoration: none; 
}

#trEmptyPortfolio  { 
	text-align: center; 
} 

#trEmptyPortfolio a { 
	display: block; 
	padding-top: 10px; 
	color: black; 
	text-decoration: underline; 
} 

#trEmptyPortfolio a:hover { 
	text-decoration: none; 
} 

#emptyPortfolioTable { 
	margin-top: 140px; 
} 

#pdf_button_right { 
	float: right; 
} 

#pdf_button_right a { 
	display: block; 
	width: 147px; 
	height: 17px; 
	margin-bottom: 5px; 
	text-align: center; 
	text-decoration: none; 
	border: 2px solid #986435; 
} 

#pdf_button_left a { 
	display: block; 
} 

#np_text { 
	padding-left: 5px; 
	border: 2px solid #986435; 
} 

#np_submit { 
	position: relative; 
	top: 5px; 
} 

#buttonCreatePDF { 
	width: 200px; 
	height: 17px; 
	margin-top: 10px; 
	text-align: center; 
	text-decoration: none; 
	border: 2px solid #986435; 
} 

#loginPageTable a { 
	text-decoration: underline; 
} 

#loginPageTable a:hover { 
	text-decoration: none; 
} 

#trPortfolio a:hover { 
	text-decoration: none; 
} 

#hlkViewAccount,	#btnCreatePDF { 	margin-top: 10px; } 
#lblMemberName { font-weight: bold;}
#lblFirstBottom, #lblLastBottom, #lblTotalBottom { float: none !important;} 

#userMainTable td {	padding-top: 10px;} 
#dgPortfolioContent a, #trNoPortfolios a { text-decoration: underline;} 
#dgPortfolioContent a:hover, #trNoPortfolios a:hover { text-decoration: none;} 

#trHandleRequest td { 
	font-size: 0.8em; 
} 

#trHandleRequest .subhead { 
	width: 250px; 
} 

#trNewRequest td { 
	font-size: 0.8em; 
} 

#userSignUpTable td { 
	font-size: 0.8em; 
} 

#trNewMember td { 
	font-size: 0.8em; 
} 

#trNewMember .header { 
	font-weight: bold; 
} 

#privacyTable .subhead { 
	font-weight: bold; 
} 

.lnkAddPortfolio { 
	text-decoration: underline !important; 
} 

.lnkAddPortfolio:hover { 
	text-decoration: none !important; 
} 

.nav_p { 
	margin: 0 !important;
} 

.noTopMargin { 
	margin-top: 0 !important; 
} 

.noBottomMargin { 
	margin-bottom: 0 !important; 
} 

.memberTable td { 
	font-size: 1em !important; 
} 

.memberTable th { 
	font-size: 1.2em !important; 
} 

/* Here is where my changes to the search listings are...*/

.ProductList-itemstyle table	{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.ProductList-itemstyle th	{	color:#A67C55;}
.ProductList-itemstyle td	{	padding-left:4px;}
.page_info a {	background: url(../images/bg/icon_add.gif) no-repeat left center;} 
.page_nav {	padding: 20px 0;} 
.pag_back, .pag_for {	margin: 0 10px 0 0;} 
#btnAddCheckedItemsTop,	#btnAddCheckedItemsBottom	{	
	position:relative;
	top:-1em;
}
.top_sellers td	{	
	padding:12px;
	border-top: 1px solid #cccc99; 
}
.top_sellers table td	{	border-top:none;}

/* Client requests as follows: 

	The page without the background is 970 pixels.

	We are going to be doing all the type in 2 shades of grey:
	Header Type breakdown: 51  51  51
	Body Type breakdown:  95  90  89
	 
	All the text is Lucida Sans.
	 
	We would like the background to only appear on the left and right hand sides of the page. We do not want it to show on the top and bottom.
*/
#wrapper	{	width:970px;}
body	{		
	color:#5F5A50;
	background:	black url("../images/background.jpg");
}
body,	input[type="image"]	{	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;}
h1, h2, h3, h4, h5, h6	{	color:#333333;}
/* End client requests */


/* Client changed their minds on these: */
/* h1, h2, h3, h4, h5, h6	{	color:black;} -- and then changed their minds again!*/
body	{	color:#333333;}
/* End client requests */




/* fonts, backgrounds,	colors, list-styles, borders */
p	{	
	margin:1em 0;
	line-height:125%;
}
h1	{	
	font-size:1.75em;
	line-height:1.5em;
}
h2	{	font-size:1.25em;}
ol	{	margin-bottom:25px;}
ol li	{	margin-bottom:10px;}

.error	{	color:red;}
.bio_abcs	{
	text-transform:uppercase;
	margin:20px 30px 20px 0;
	position:relative;
	float:left;
	cursor:pointer;
}
.bio_abcs_active	{
	color:#C0BD9A;
}
.bio_block	{	
	clear:left;
	border-bottom:2px solid #333333;
	margin-top:25px;
}
.bio_block img	{	margin-bottom:0;}
.bio_block p	{	padding-left:174px;}
.bio_block p.bio_left_link	{
	position:relative;
	float:left;
	clear:left;
	width:150px;
	margin:8px 16px 16px 8px;
	padding-left:0;
}
#main_content ul	{	list-style: disc;}
#main_content li	{	
	line-height: 1.5em;
	margin-bottom:1em;
}
#shadow_wrap	{	background: transparent url("../images/shadow.png") repeat-y;}

#wrapper,	#title_blanker_deco	{	background-color:#993300;}
#wrapper a:link,	#wrapper a:visited,	#wrapper a:hover,	#wrapper a:active	{	color:#993300;}
#wrapper .dropdown	ul	li	{	background-color:#993300;}
#wrapper #big_right_ul a:link,	#wrapper #big_right_ul a:visited,	#wrapper #big_right_ul a:hover,	#wrapper #big_right_ul a:active	{	color:white;}
#wrapper #footer a:link,	#wrapper #footer a:visited,	#wrapper #footer a:hover,	#wrapper #footer a:active	{	color:white;}
#wrapper #main_menu a:link,	#wrapper #main_menu a:visited,	#wrapper #main_menu a:hover,	#wrapper #main_menu a:active	{	color:#333333;}
#wrapper #main_menu ul a:link,	#wrapper #main_menu ul a:visited,	#wrapper #main_menu ul a:hover,	#wrapper #main_menu ul a:active	{	color:white;}
/* menu level 2 */

#lic_wrapper,	#lic_title_blanker_deco	{	background-color:#1C676E;}
#lic_wrapper a:link,	#lic_wrapper a:visited,	#lic_wrapper a:hover,	#lic_wrapper a:active	{	color:#1C676E;}
#lic_wrapper .dropdown ul li	{	background-color:#1C676E;}
#lic_wrapper #footer a:link,	#lic_wrapper #footer a:visited,	#lic_wrapper #footer a:hover,	#lic_wrapper #footer a:active	{	color:white;}
#lic_wrapper #main_menu a:link,	#lic_wrapper #main_menu a:visited,	#lic_wrapper #main_menu a:hover,	#lic_wrapper #main_menu a:active	{	color:#333333;}
#lic_wrapper #main_menu ul a:link,	#lic_wrapper #main_menu ul a:visited,	#lic_wrapper #main_menu ul a:hover,	#lic_wrapper #main_menu ul a:active	{	color:white;}

#artist_wrapper,	#artist_title_blanker_deco	{	background-color:#C0BD9A;}
#artist_wrapper a:link,	#artist_wrapper a:visited,	#artist_wrapper a:hover,	#artist_wrapper a:active	{	color:#C0BD9A;}
#artist_wrapper .dropdown	ul	li	{	background-color:#C0BD9A;}
#artist_wrapper .bio_left_link a:link,	#artist_wrapper .bio_left_link a:visited,	#artist_wrapper .bio_left_link a:hover,	#artist_wrapper .bio_left_link a:active	{	
	color:#5F564F;
	text-decoration:underline;
}
#artist_wrapper #footer a:link,	#artist_wrapper #footer a:visited,	#artist_wrapper #footer a:hover,	#artist_wrapper #footer a:active	{	color:white;}
#artist_wrapper #main_menu a:link,	#artist_wrapper #main_menu a:visited,	#artist_wrapper #main_menu a:hover,	#artist_wrapper #main_menu a:active	{	color:#333333;}

#comp_wrapper,	#comp_title_blanker_deco	{	background-color:#A8B53B;}
#comp_wrapper a:link,	#comp_wrapper a:visited,	#comp_wrapper a:hover,	#comp_wrapper a:active	{	color:#A8B53B;}
#comp_wrapper .dropdown	ul	li	{	background-color:#A8B53B;}
#comp_wrapper #footer a:link,	#comp_wrapper #footer a:visited,	#comp_wrapper #footer a:hover,	#comp_wrapper #footer a:active	{	color:white;}
#comp_wrapper #main_menu a:link,	#comp_wrapper #main_menu a:visited,	#comp_wrapper #main_menu a:hover,	#comp_wrapper #main_menu a:active	{	color:#333333;}

#canvas	{	background-color:white;}
#big_right_ul	{	list-style: square outside url("../images/square_bullet.gif");}

#footer	{	color:white;}
#footer	{	
	background-color:black;
	font-size:0.75em;
}
#menu_blanker	#main_menu li.not_last, #menu_blanker	#main_menu li ul li	{	border-right: 2px solid #333333;}
#menu_blanker_sm	#main_menu li	{	border-left: 2px solid #333333;}
#menu_blanker,	#menu_blanker_sm	{	background-color:white;}

/* widths, positions, paddings, margins */
#main_content	{	padding:10px 40px 40px 40px;}
#main_content ul	{	margin-left:40px;}

.artist_block	{
	position:relative;
	float:right;
	width:150px;
	margin:0 0 15px 30px;
}
.wt_h2_date	{	
	position:relative;
	float:right;
	top:-1em;
}
.wt_item	{	margin-bottom:2em;}
.wt_item h2+p	{	border-top:1px solid #BFBDBD;}

#shadow_wrap	{	width:1024px;}
#shadow_wrap,	#wrapper	{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#art	{	
	width:454px;
	float:left;
	margin:66px 115px 100px 140px;
}
#header_art	{
	position:relative;
	float:right;
}

#big_right_ul	{	
	width:260px; /* ~ 970 - 454 - 115 - 100 */ /* - 40px to accomodate client request*/
	float:left;
	margin-top:66px; /* like #art */
}
#big_right_ul li	{	padding:0 0 20px 0;}
#big_right_ul li a	{	vertical-align:top;}

#logo	{	margin-bottom:60px;}

#art-design	{
	position:absolute;
	right:-51px;	/* img width */
	top:0;
}

#title_blanker	{	height:65px;}
#title_blanker h1	{
	position:relative;
	float:left;
	top:-3px;
}
#comp_title_blanker_deco,	#artist_title_blanker_deco,	#lic_title_blanker_deco,	#title_blanker_deco	{	
	width:50px;
	height:19px;
	position:relative;
	float:left;
	margin:10px 10px 0 0;
}

#menu_blanker	{	height:190px;}
/*#menu_blanker_sm	{	height:95px;}*/
#menu_blanker #main_menu	{	margin-right:160px;}
#main_menu li	{	
	padding:15px 30px 15px 30px;
	float:right;
}
#footer	{	padding:0.5em 1em 1em 0;}

/* Form styling */
.genform	{	
	padding-left:60px;
	text-align:right;
	padding-bottom:40px;
}
.genform td	{	
	padding:12px;
	text-align:right;
	vertical-align:top;
}
.genform select,		.genform input[type=text],		.genform input[type=password]	{	
	width:300px;
	position:relative;
	float:right;
}
.genform .right_side select,		.genform .right_side input[type=text],		.genform .right_side input[type=password]	{	float:left;}
.genform label	{	margin-right:10px;}
.genform input[type="submit"],	.genform input[type="reset"]	{	
	color:white;
	font-size:1.25em;
}
.genform .right_side,	.genform .right_side td	{	text-align:left;}

.request_login_box	{		
	width:340px;
	border:1px solid #959595;
}
.request_login_box p	{	
	margin:0;
	padding:5px 20px 5px 20px;
}
.request_login_box_header	{	
	background-color:#959595;
	color:white;
	font-size:1.25em;
}

#hlkLogInOut,	#hlkViewAccount,	input,	select	{	border:1px solid #A73624;}
#hlkViewAccount,	#hlkLogInOut,	button, input[type="image"], input[type="reset"], input[type="button"], input[type="submit"] {	background-color:#A22916;}
a#hlkViewAccount:link,	a#hlkViewAccount:visited,	a#hlkViewAccount:hover,	a#hlkViewAccount:active,		a#hlkLogInOut:link,	a#hlkLogInOut:visited,	a#hlkLogInOut:hover,	a#hlkLogInOut:active,		button, input[type="image"], input[type="reset"], input[type="button"], input[type="submit"] {	color:white;}
#hlkViewAccount,	#hlkLogInOut	{	padding:0 6px 3px 6px;}
input[type="image"]	{	font-size:100%;}

.catsearch .smaller_selects	{	padding-top:15px;}
.catsearch .smaller_selects select	{	
	position:relative;
	float:left;
	top:-7px;
	width:300px;
}

.licform input,	.licform select,	.licform .request_login_box,	.licform  #hlkLogInOut,	.licform  #hlkViewAccount	{	border:1px solid #77A4A8;}
.licform input[type="submit"],	.licform input[type="reset"],	.licform #hlkViewAccount,	.licform #hlkLogInOut,	.licform button, .licform input[type="image"], .licform input[type="button"]	{	
	background-color:#1C676E;
}
.licform a:link	{	
	color:#1C676E;
	text-decoration:none;
}
.licform a:visited	{	
	color:#1C676E;
	text-decoration:none;
}
.licform a:hover	{	
	color:#1C676E;
	text-decoration:none;
}
.licform a:active	{	
	color:#1C676E;
	text-decoration:none;
}

.loginform	select,		.loginform input[type=text],		.loginform input[type=password]	{	width:175px;}

input[type="checkbox"],	input[type="radio"],	input[type="image"]	{	border:none;}