/*depot/testing/htdocs/lulu.css-dist#37 - integrate change 8072 (text)*/
/***********************************/
/*  Import external styles		   */
/***********************************/

/* styles shared between all pages including: errors, alerts, message blocks, headings, sizes (xsmall, medium, large), border-colors, header colors, right col colors, tabs, buttons, clearing styles, orange bar styles (product pages/distro pages) */
@import url(common.css?20080318015543);
@import url(forms.css?20080318015543);
@import url(tables.css?20080318015543);
@import url(home.css?20080318015543);
@import url(uploader.css?20080318015543);
@import url(layout.css?20080318015543);


/*******************************************************/
/* stats list styles */
/*******************************************************/
.statslisthead, .statslisthead td {
	font-size: x-small;
	font-weight: bold;
	background-color: #c5c5c5;
	text-align: center;
}
.statsbottomrow, .statsbottomrow td {
	background-color: #dedede;
}


/***********************************************/
/* style properties that require compiling i.e.
	backgroundimages 							*/
/***********************************************/

/** Images for common.css **/
	#tabs li{
		background: url("mid_off.gif") repeat-x top;
	}

	.tabLeftCorner{
		background: #ffffff url(left_off.gif) no-repeat top;
	}
	.tabRightCorner{
		background: #ffffff url(right_off.gif) no-repeat top;
	}

	#tabs li.on{
		background: url(mid.gif) repeat-x top;
	}

	#tabs li.on .tabLeftCorner{
		background: #ffffff url(left.gif) repeat-x top;
	}

	#tabs li.on .tabRightCorner{
		background: #ffffff url(right.gif) repeat-x top;
	}

	#searchAndWelcome{
		background: url(bar2.png) repeat-x top;
	}

	.largeContentHeader {
		background: #666 url(greygrad.gif) repeat-x top left;
	}

	.contentHeader {
		background: #666 url(greygrad.gif) repeat-x top left;
	}

	.leftnav { 	background: #fdc75a url(nav_orange_bottom.gif) no-repeat bottom; }
	
	.leftnav li { background: #fdc75a url(nav_orange_bullet.gif) no-repeat; }
	
	.navsubmenu li { background: url(nav_white_bullet.gif) 2px 7px no-repeat; }
	
	#footer{
		background: #cbe1f3 url(footerLinks_grad.png) repeat-x top;
	}

	#statusIndicator{
		background: #fff url(waiting_white.gif) no-repeat center center;
	}

	/* Walrus Background Images */
	#filePreviewBlock{
		background: url(AAAauthor/fileSelectionTopGrad.gif) top repeat-x;
	}
	.authorFilesFilterOptions{
		background: url(author/filterOptionsFacade.gif) repeat-y;
	}
	
	/** ORANGE BAR BACKGROUND IMAGES **/
		.hc_left_right {
			background: url(home/gray.gif);
			}
		.hc_top, .pb_top {
			background-image: url(orange_smallgrad.gif);
			background-position: top;
			background-repeat: repeat-x;
			}

	.photo_steps li.active span img {
		background: url(on.gif) no-repeat center;
	}

	.photo_steps li span img {
		background: url(off.gif) no-repeat center;
	}

	 #filePreviewBlock{
	 	background: url(author/fileSelectionTopGrad.gif) top repeat-x;
 	}
 
/*************************************************
 *      Help Background Images                   *
 *************************************************/

	.helpH2 {
		background: #fde2bb url(orange_light_xsmallgrad.gif) repeat-x;
	}


	/** SEPARATOR BACKGROUND IMAGES **/

		.separator, .separator td {
			background-image: url("dashedline.gif");
		}
		.separatorLong {
			background-image: url("dashedline.gif");
		}
		.separatorVert {
			background-image: url("dashedline_vertical.gif");
		}

		.noteBlock {
			background: #ffffcc url("icons/important.gif") 5px 5px no-repeat;
		}

		.listSeparator {
			background-image: url("spacer_gray.gif");
		}


	/** Images for commerce.css classes **/
		.css-button .css-button-left {
			background-image: url(btn_orange_left.gif);
		}

		.css-button .css-button-center {
			background: #FF9900 url("btn_orange_middle.gif");
		}

		.css-button .css-button-right {
			background-image: url(btn_orange_right.gif);
		}

		/*******************************************************/
		/* cart styles */
		/*******************************************************/
		.cartTabOn {
			background-image: url("https://static.lulu.com/images/cart.gif");
		}
		.cartTabLast {
			background-image: url("https://static.lulu.com/images/cart.gif");
		}

		.leftnavSeparator {
			background-image: url("http://static.lulu.com/author/images/bg_leftnav.gif");
		}

	/** images for publish.css **/
		#hardbackConvertList {
			list-style: url("icons/book_small.gif");
		}

	/** Home styles and bg images  **/

.home_head{
		background:#e37f00 url("orange_grad.gif?20080318015543") bottom repeat-x; 
		}


	/*******************************************************
	 * Community styles
	 *******************************************************/

		.teamLuluHead {
			background: url('http://static.lulu.com/community/images/bnr_teamlulu_1px.gif') repeat-x;
		}

	td.rowpic {
		background-image: url("http://static.lulu.com/forums/templates/subSilver/images/cellpic2_lulu.gif");
	}

	td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
		background-image: url("http://static.lulu.com/forums/templates/subSilver/images/cellpic1_lulu.gif");
		background:#C2DDEF;
	}

	/*******************************************************
	 * Services styles
	 *******************************************************/

	.servicesBanner {
		background-image: url("http://static.lulu.com/services/images/bnr_services.jpg");
	}


	/*******************************************************
	 * Module styles (for portal and messaging)
	 ******************************************************/
	.block-bar{
		background: #fff url(http://static.lulu.com/account/images/block_bar_grad_grey.gif) repeat-x top;
	}

	/******************************************************
	 * Messaging styles (note that messaging uses many styles like the portal).
	 *****************************************************/
	.mailBlock .unreadMsg .messageSubject{
	/*	background-image: url(icons/new_msg_icon.png);*/
		background-repeat: no-repeat;
		background-position: center right;
	}
	.mailBlock .readMsg .messageSubject{
	/*	background-image: url(icons/read_msg_icon.png);*/
		background-repeat: no-repeat;
		background-position: center right;
	}


/****************************************************
 * Commerce styles with urls                        
 ****************************************************/

.servicesHead {
	background: url(orange_medgrad.gif) repeat-x;
}

#servicesButtons {
	background: url(orange_xsmallgrad.gif) repeat-x;
}

/***************************************************
 * Marketing Central                               
 ***************************************************/

.dialogHeadmc {
	background: url(green_grad.gif) repeat-x;
}

#small_dialogHeadmc {
	background: url(orange_smallgrad.gif);
}

.selfmarkBox_image {
	background: #fff url(http://static.lulu.com/services/images/btn_orange_mid_sqr.jpg) repeat-x bottom;
}

/***************************************************
 * Press Center                                    
 ***************************************************/

#prWrap {
	background:url(http://static.lulu.com/about/press_center/images/letterhead.gif) no-repeat top right; 
}

/*************************************************
 * Wizard Styles
 *************************************************/

#successMessageText {
	background: #D6FF9F url("icons/silk/tick.png") 5px center no-repeat;
}

#errorMessageText {
	background: #ffffcc url("icons/silk/error.png") 5px center no-repeat;
}

#resizeMessageText, #bindingMessage {
	background: #cfdfff url("icons/info.png") 5px center no-repeat;
}

#author_wizard_index_php ul.uploadChecklist {
	list-style-image: url("icons/tick.gif");
}
	 
#author_wizard_index_php ul.uploadChecklist {
	list-style-image: url("icons/tick.gif");
}
/*************************************************
 * Framing Wizard Styles
 *************************************************/

#frameOptionsNav a {
	background:url("tabs/tableft.gif") no-repeat 0% -42px;
}
	
#frameOptionsNav a span {
	background:url("tabs/tabright.gif") no-repeat 100% -42px;
}

/*************************************************
 * Button Styles
 *************************************************/

.sbutton {
	background:transparent url("buttons/buttonR.gif") no-repeat top right;
}

.sbuttonpre {
	background:transparent url("buttons/buttonL.gif") no-repeat top left;
}

/*************************************************
 * Groups Styles
 *************************************************/
 
 
.userEdit {
	background:url("icons/down_arrow.gif") no-repeat right bottom;
}

.moduleHead {
	background: url("gr_mod_bg.gif") repeat-x;
}


.nbutton, .smbutton {
	background:transparent url("buttons/buttonMid.gif") repeat;
}

.nbuttonpre {
	background:transparent url("buttons/buttonL.gif") no-repeat top left;
}

.smbutton {
	background:transparent url("buttons/buttonMid.gif") repeat;
}
	
.pending-member {
	background: url("icons/silk/new.png") no-repeat right center;
}