/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/*
	Note: Throughout this file, the *property (star-property) filter is used 
    to give a value to IE that other browsers do not see. _property is only seen 
    by IE7, so the combo of *prop and _prop can target between IE6 and IE7.
*/

/*
	Section: General Rules
*/

	body {
		text-align:center;
	}
	
	#body {
		display:	none;
		position: 	absolute;
		top: 		0px;
		left: 		140px;
		border: 	0px solid red;
		height: 	180px;
	}
	
	#ft {
		clear:both;
	}

/*
	Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
*/

	/* 
		Subsection: General 
	*/ 	

	#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
		margin:auto;
		text-align:left;
		width:57.69em;*width:56.25em;
		min-width:750px;
	}
	/* 
		Subsection: 950 Centered (doc2) 
	*/
	#doc2 {
		width:73.076em;*width:71.25em;
	}

	/* 
		Subsection: 100% (doc3) 
	*/
	#doc3 {
		/* Left and Right margins are not a structural part of Grids. Without them Grids
		   works fine, but content bleeds to the very edge of the document, which often
		   impairs readability and usability. They are 
		   provided because they prevent the content from "bleeding" into the browser's chrome.*/
		margin:auto 10px; 
		width:auto;
	}
	
	/* 
		Subsection: 974 Centered (doc4) 
	*/
	#doc4 {
		width:74.923em;*width:73.05em;
	}	
	
/*
	Section: Preset Template Rules (.yui-t[1-6])
*/
	
	/* 
		Subsection: General
	*/

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;}
	#yui-main .yui-b{position:static;}

	#yui-main,
	.yui-g .yui-u .yui-g {width:100%;}
		
	.yui-t1 #yui-main,
	.yui-t2 #yui-main,
	.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

	.yui-t4 #yui-main,
	.yui-t5 #yui-main,
	.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

	/* 
		Subsection: For Specific Template Presets
	*/

	.yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}
	.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}

	.yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
	.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}

	.yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
	.yui-t3 #yui-main .yui-b {margin-left:24.0769em;*margin-left:23.62em;}

	.yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
	.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}

	.yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
	.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}

	.yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
	.yui-t6 #yui-main .yui-b {margin-right:24.0769em;*margin-right:23.62em;}

	.yui-t7 #yui-main .yui-b {display:block;margin:0 0 1em 0;}
	
	#yui-main .yui-b {float:none;width:auto;}

/*
	Section: Grids and Nesting Grids
*/

	/*
		Subsection: Children generally take half the available space
	*/

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {float:left;}

	/*Float units (and sub grids) to the right */
	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb, 
	.yui-g .yui-gc, 
	.yui-g .yui-gd, 
	.yui-g .yui-ge, 
	.yui-g .yui-gf, 
	.yui-gc .yui-u, 
	.yui-gd .yui-g,
	.yui-g .yui-gc .yui-u,
	.yui-ge .yui-u, 
	.yui-ge .yui-g, 
	.yui-gf .yui-g,
	.yui-gf .yui-u{float:right;}

	/*Float units (and sub grids) to the left */
	.yui-g div.first, 
	.yui-gb div.first,
	.yui-gc div.first,
	.yui-gd div.first, 
	.yui-ge div.first, 
	.yui-gf div.first,
	.yui-g .yui-gc div.first,
	.yui-g .yui-ge div.first,
	.yui-gc div.first div.first {float:left;}

	.yui-g .yui-u,
	.yui-g .yui-g,
	.yui-g .yui-gb,
	.yui-g .yui-gc,
	.yui-g .yui-gd,
	.yui-g .yui-ge,
	.yui-g .yui-gf {width:49.1%;}

	.yui-gb .yui-u,
	.yui-g .yui-gb .yui-u,
	.yui-gb .yui-g,
	.yui-gb .yui-gb,
	.yui-gb .yui-gc,
	.yui-gb .yui-gd,
	.yui-gb .yui-ge,
	.yui-gb .yui-gf,
	.yui-gc .yui-u, 
	.yui-gc .yui-g,
	.yui-gd .yui-u {width:32%;margin-left:1.99%;}

		/* Give IE some extra breathing room for 1/3-based rounding issues */
		.yui-gb .yui-u {*margin-left:1.9%;*width:31.9%;}

	.yui-gc div.first, 
	.yui-gd .yui-u {width:66%;}
	.yui-gd div.first {width:32%;}

	.yui-ge div.first, 
	.yui-gf .yui-u{width:74.2%;}

	.yui-ge .yui-u,
	.yui-gf div.first {width:24%;}

	.yui-g .yui-gb div.first,
	.yui-gb div.first, 
	.yui-gc div.first, 
	.yui-gd div.first {margin-left:0;}
	   
	/*
		Section: Deep Nesting 
	*/
	.yui-g .yui-g .yui-u,
	.yui-gb .yui-g .yui-u,
	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u,
	.yui-ge .yui-g .yui-u,
	.yui-gf .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
	
	.yui-g .yui-g .yui-u {width:48.1%;}/*SF 1927599 from 1.14 to 2.6.0*/
	.yui-g .yui-gb div.first,
	.yui-gb .yui-gb div.first {*margin-right:0;*width:32%;_width:31.7%;}

	.yui-g .yui-gc div.first, 
	.yui-gd .yui-g  {width:66%;}

	.yui-gb .yui-g div.first {*margin-right:4%;_margin-right:1.3%;}

	.yui-gb .yui-gc div.first, 
	.yui-gb .yui-gd div.first  {*margin-right:0;}

	.yui-gb .yui-gb .yui-u,
	.yui-gb .yui-gc .yui-u {*margin-left:1.8%;_margin-left:4%;}

	.yui-g .yui-gb .yui-u {_margin-left:1.0%;}

	.yui-gb .yui-gd .yui-u {*width:66%;_width:61.2%;} 
	.yui-gb .yui-gd div.first {*width:31%;_width:29.5%;}

	.yui-g .yui-gc .yui-u, 
	.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
	.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}

	.yui-gb .yui-ge .yui-u, 
	.yui-gb .yui-gf .yui-u {margin:0;}

	.yui-gb .yui-gb .yui-u {_margin-left:.7%;}

	.yui-gb .yui-g div.first, 
	.yui-gb .yui-gb div.first {*margin-left:0;}

	.yui-gc .yui-g .yui-u,
	.yui-gd .yui-g .yui-u {*width:48.1%;*margin-left:0;}

	.yui-gb .yui-gd div.first {width:32%;}
	.yui-g .yui-gd div.first {_width:29.9%;}

	.yui-ge .yui-g {width:24%;}
	.yui-gf .yui-g {width:74.2%;}

	.yui-gb .yui-ge div.yui-u,
	.yui-gb .yui-gf div.yui-u {float:right;}
	.yui-gb .yui-ge div.first,
	.yui-gb .yui-gf div.first  {float:left;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge .yui-u,
	.yui-gb .yui-gf div.first {*width:24%;_width:20%;}

	/* Width Accommodation for Nested Contexts */
	.yui-gb .yui-ge div.first, 
	.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}

	/* Patch for GD within GE */
	.yui-ge div.first .yui-gd .yui-u {width:65%;}
	.yui-ge div.first .yui-gd div.first {width:32%;}

/*
	Section: Clearing 
*/

#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-picker-panel{background:#e3e3e3;border-color:#888;}.yui-picker-panel .hd{background-color:#ccc;font-size:100%;line-height:100%;border:1px solid #e3e3e3;font-weight:bold;overflow:hidden;padding:6px;color:#000;}.yui-picker-panel .bd{background:#e8e8e8;margin:1px;height:200px;}.yui-picker-panel .ft{background:#e8e8e8;margin:1px;padding:1px;}.yui-picker{position:relative;}.yui-picker-hue-thumb{cursor:default;width:18px;height:18px;top:-8px;left:-2px;z-index:9;position:absolute;}.yui-picker-hue-bg{-moz-outline:none;outline:0px none;position:absolute;left:200px;height:183px;width:14px;background:url(hue_bg.png) no-repeat;top:4px;}.yui-picker-bg{-moz-outline:none;outline:0px none;position:absolute;top:4px;left:4px;height:182px;width:182px;background-color:#F00;background-image:url(picker_mask.png);}*html .yui-picker-bg{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../build/colorpicker/assets/picker_mask.png',sizingMethod='scale');}.yui-picker-mask{position:absolute;z-index:1;top:0px;left:0px;}.yui-picker-thumb{cursor:default;width:11px;height:11px;z-index:9;position:absolute;top:-4px;left:-4px;}.yui-picker-swatch{position:absolute;left:240px;top:4px;height:60px;width:55px;border:1px solid #888;}.yui-picker-websafe-swatch{position:absolute;left:304px;top:4px;height:24px;width:24px;border:1px solid #888;}.yui-picker-controls{position:absolute;top:72px;left:226px;font:1em monospace;}.yui-picker-controls .hd{background:transparent;border-width:0px !important;}.yui-picker-controls .bd{height:100px;border-width:0px !important;}.yui-picker-controls ul{float:left;padding:0 2px 0 0;margin:0}.yui-picker-controls li{padding:2px;list-style:none;margin:0}.yui-picker-controls input{font-size:0.85em;width:2.4em;}.yui-picker-hex-controls{clear:both;padding:2px;}.yui-picker-hex-controls input{width:4.6em;}.yui-picker-controls a{font:1em arial,helvetica,clean,sans-serif;display:block;*display:inline-block;padding:0;color:#000;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yuimenu{top:-999em;left:-999em;}.yuimenubar{position:static;}.yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;}.yuimenubar li,.yuimenu li{list-style-type:none;}.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}.yuimenubar ul{*zoom:1;}.yuimenubar .yuimenu ul{*zoom:normal;}.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}.yuimenubaritem{float:left;}.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}.yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;}.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#000;text-decoration:none;cursor:default;border-style:solid;border-color:#808080;border-width:1px 0;*position:relative;margin:-1px 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(menubaritem_submenuindicator.png) right center no-repeat;}.yui-skin-sam .yuimenubaritem-selected{background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;}.yui-skin-sam .yuimenubaritemlabel-selected{border-color:#7D98B8;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected{border-left-width:1px;margin-left:-1px;*left:-1px;}.yui-skin-sam .yuimenubaritemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(menubaritem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenu{font-size:93%;line-height:1.5;*line-height:1.45;}.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu{font-size:100%;}.yui-skin-sam .yuimenu .bd{*zoom:1;_zoom:normal;border:solid 1px #808080;background-color:#fff;}.yui-skin-sam .yuimenu .yuimenu .bd{*zoom:normal;}.yui-skin-sam .yuimenu ul{padding:3px 0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;}.yui-skin-sam .yuimenu ul.first-of-type{border-width:0;}.yui-skin-sam .yuimenu h6{font-weight:bold;border-style:solid;border-color:#ccc;border-width:1px 0 0 0;color:#a4a4a4;padding:3px 10px 0 10px;}.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type{border-width:0;}.yui-skin-sam .yuimenu .yui-menu-body-scrolled{border-color:#ccc #808080;overflow:hidden;}.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar{height:16px;border:solid 1px #808080;background:#fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;}.yui-skin-sam .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;}.yui-skin-sam .yuimenu .topscrollbar_disabled{background-position:center -975px;}.yui-skin-sam .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;}.yui-skin-sam .yuimenu .bottomscrollbar_disabled{background-position:center -875px;}.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #fff;}.yui-skin-sam .yuimenuitemlabel{padding:0 20px;color:#000;text-decoration:none;cursor:default;}.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(menuitem_submenuindicator.png);background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yuimenuitem-checked{background-image:url(menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-shadow-visible{background-color:#000;opacity:.12;*filter:alpha(opacity=12);}.yui-skin-sam .yuimenuitem-selected{background-color:#B3D4FF;}.yui-skin-sam .yuimenuitemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(menuitem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(menuitem_checkbox_disabled.png);}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-button{display:-moz-inline-box;display:inline-block;vertical-align:text-bottom;}.yui-button .first-child{display:block;*display:inline-block;}.yui-button button,.yui-button a{display:block;*display:inline-block;border:none;margin:0;}.yui-button button{background-color:transparent;*overflow:visible;cursor:pointer;}.yui-button a{text-decoration:none;}.yui-skin-sam .yui-button{border-width:1px 0;border-style:solid;border-color:#808080;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;margin:auto .25em;}.yui-skin-sam .yui-button .first-child{border-width:0 1px;border-style:solid;border-color:#808080;margin:0 -1px;*position:relative;*left:-1px;_margin:0;_position:static;}.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a{padding:0 10px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-button a{*line-height:1.875;*padding-bottom:1px;}.yui-skin-sam .yui-split-button button,.yui-skin-sam .yui-menu-button button{padding-right:20px;background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-button button{background-image:url(menu-button-arrow.png);}.yui-skin-sam .yui-split-button button{background-image:url(split-button-arrow.png);}.yui-skin-sam .yui-button-focus{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-focus .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-focus button,.yui-skin-sam .yui-button-focus a{color:#000;}.yui-skin-sam .yui-split-button-focus button{background-image:url(split-button-arrow-focus.png);}.yui-skin-sam .yui-button-hover{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-hover .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-hover button,.yui-skin-sam .yui-button-hover a{color:#000;}.yui-skin-sam .yui-split-button-hover button{background-image:url(split-button-arrow-hover.png);}.yui-skin-sam .yui-button-active{border-color:#7D98B8;background-position:0 -1700px;}.yui-skin-sam .yui-button-active .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-active button,.yui-skin-sam .yui-button-active a{color:#000;}.yui-skin-sam .yui-split-button-activeoption{border-color:#808080;background-position:0 0;}.yui-skin-sam .yui-split-button-activeoption .first-child{border-color:#808080;}.yui-skin-sam .yui-split-button-activeoption button{background-image:url(split-button-arrow-active.png);}.yui-skin-sam .yui-radio-button-checked,.yui-skin-sam .yui-checkbox-button-checked{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-radio-button-checked .first-child,.yui-skin-sam .yui-checkbox-button-checked .first-child{border-color:#304369;}.yui-skin-sam .yui-radio-button-checked button,.yui-skin-sam .yui-checkbox-button-checked button{color:#fff;}.yui-skin-sam .yui-button-disabled{border-color:#ccc;background-position:0 -1500px;}.yui-skin-sam .yui-button-disabled .first-child{border-color:#ccc;}.yui-skin-sam .yui-button-disabled button,.yui-skin-sam .yui-button-disabled a{color:#A6A6A6;cursor:default;}.yui-skin-sam .yui-menu-button-disabled button{background-image:url(menu-button-arrow-disabled.png);}.yui-skin-sam .yui-split-button-disabled button{background-image:url(split-button-arrow-disabled.png);}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
    text-indent:-10000em;
    overflow:hidden;
    text-decoration:none;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

.yui-override-padding {
    padding:0 !important;
}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

.yui-navset .yui-content .yui-hidden {
    display:none;
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content {
    zoom:1;
}

.yui-navset .yui-content:after {
    content:'';
    display:block;
    clear:both;
}

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#e2edfa;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
/* CSS Document */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
	background-color:white;
	height:25px;
	width:118px;
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */

.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { 
	font-size:12px;
	color:#FF66CC;	
	background-image:url(../images/buttons/profile_tab_blank_1.png);
	background-repeat:no-repeat;
	height:35px;
	width:120px;
	
/*	font-style:normal; */
}

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1;	background-color:white; overflow-y:scroll; border:1px solid #C0C0C0; height:350px; width:inherit;}

.yui-navset .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
	background:transparent;	
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
	text-decoration:none;	
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .selected>first-child { color: purple; }

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
	text-decoration:none;	
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { 
	display:block; 	
	text-align:center;
	font-weight:bold;
	font-size-adjust:0.60;
	text-decoration:none;
}

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }
img{
	border-width:0;
}
a{
	text-decoration:none;
	color: #000000;
}
a:hover {
	color: #FF00FF;
}

.contest_name{
	position:relative;
	margin-top:-40px;
	margin-right:320px;
	text-align:right;
}
.failure{
	color: red;
}
.designerLogo {
	height: 50px;
	width: 50px;
	/*border: 2px solid black;*/
	background: #CCCCCC;
}

.ffg_logo{
	position:relative;
	z-index:50;
	margin-top:35px;
	margin-left:20px;
	width:200px;	
}
.outerwrapper{
	margin:0pt auto;
	text-align:left;
	width:935px;
	padding-top:0px;
	padding-left:0px;
}
.wrapper{
	position:relative;	
	float:left;	
	background:transparent;				
}
.left_area{
	font: 11px arial;
	line-height: 140%;
	position:relative;
	float:left;	
	margin-top:-95px;
	width:710px;
	height:620px;  
	background: url(/images/homepage/left_background.png) no-repeat ;
}
.right_area{
	font: 900 11px arial;
	position:relative;
	float:left;
	margin-top:-125px;
	!width:224px;
	height:680px;
	
}
.left_panel{
	margin-left:15px;
}
	.sign_in_area{
		z-index:20;
		position:relative;		
		float:left;
		margin-top:75px;
		width:190px;
		height:135px;
		background: url(/images/homepage/login_background.png) no-repeat ;
	}
	.login{		
		margin-top:32px;
		margin-left:15px;
	}
		.login .field{
			margin-top:8px;
		}
		.login .forgot{				
			margin-top:19px;
			_margin-top:16px;
			*margin-top:16px;
		}
		.login .button{

			margin-top:-15px;
			margin-left:110px;
		}
	.vip_upgrade{
		z-index:20;
		position:relative;
		clear:both;
		float:left;
		height:75px;
		width:147px;
		background: url(/images/homepage/vip_upgrade_bg.png) no-repeat ;
		margin-top:2px;
		margin-left:5px;
	}
		.vip_upgrade .btn {
			text-align:center;
			margin-top:12px;
		}
	.join_now_bg{
		z-index:5;
		position:relative;		
		clear:both;
		float:left;
		margin-left:5px;
		margin-top:-25px;
		width:125px;
		height:130px;		
	}
	.join_now{
		cursor:hand;
		cursor:pointer;
		z-index:50;
		position:relative;		
		clear:both;
		float:left;
		margin-left:20px;
		margin-top:-115px;	
	}
	.user_list{		
		z-index:10;
		position:relative;		
		clear:both;
		float:left;
		margin-left:5px;
		margin-top:-30px;
		width:150px;
		height:185px;				
		background: url(/images/homepage/active_users_list_bg2.png) no-repeat ;
	}
		.user_list .title{
			margin-top:20px;
			margin-left:10px;
		}
		.user_list .active_users{
			font-weight: bold;
			margin-left:9px;
			margin-top:5px;
			_margin-top:2px;
			*margin-top:2px;
		}
		
		.user_list .active_users .active_user, .user_list .active_users .active_user1{
			margin-left:3px;
			width:127px;
			background-color:#CCFBEC;
			height:21px;
			margin-bottom:5px;
		}

		.user_list .active_users .user{
			padding-left:10px;
			padding-top:3px;
		}
	.members{
		position:relative;		
		clear:both;
		float:left;
		width:145px;
		height:55px;		
		background: url(/images/homepage/now_members_bg.png) no-repeat ;
		margin-left:10px;
		margin-top:5px;
	}
	.members .title{
		margin-top:8px;
		margin-left:10px;
	}
	.members .member_counter{
		font-size:18px;
		font-weight:bold;
		position:relative;
		top:-28px;
		_top:-30px;
		*top:-30px;
		right:10px;
		text-align:right;
	}
.middle_panel{
	margin-left:200px;
}
	.top_buttons{
		z-index:60;
		margin-left:20px;
		position:relative;
		margin-top:-30px;
	}
		.top_buttons .invite, .top_buttons .search, .top_buttons .help{
			display:inline;			
		}
		.top_buttons .invite .ur_friends{
			margin-right:20px;
			position:relative;
			margin-left:-110px;
			top:-4px;
		}
		.top_buttons .search .search_users{
			position:relative;
			margin-left:-100px;
			margin-right:38px;
			top:-7px;
		}
		.top_buttons .help .help_title{
			position:relative;
			margin-left:-80px;
			top:-5px;
		}
	.game_roles{
		position:relative;
		z-index:60;
		margin-left:35px;
		margin-top:5px;
	}
		.game_roles .designer, .game_roles .owner{
			display:inline;
			margin-right:25px;
		}
			.game_roles .designer .start_here, .game_roles .owner .start_here{
				position:relative;
				margin-left:-75px;
				top:-155px;
			}
	.ffg_message{			
		height:95px;
		_height:100px;
		*height:100px;			
		background: url(/images/homepage/ffg_message_bg.png) no-repeat ;
		margin-top:-17px;
		margin-left:-30px;
	}
		.ffg_message .text{
			color: black;
			text-indent: 167px;
			padding-top:20px;
			margin-left:35px;
			width:455px;
		}
	.contest{
		margin-top:5px;
		*margin-top:0px;
		_margin-top:0px;
		margin-left:-25px;
		height: 130px;
	}
	.bottom_buttons{
		position:relative;
		z-index:25;		
		margin-top:32px;
		margin-left:15px;
	}
		.bottom_buttons .closet, .bottom_buttons .store, .bottom_buttons .profile{
			display:inline;
			margin-right:40px;
		}
		.bottom_buttons .closet .closet_title{
			position:relative;
			margin-left:-85px;
			margin-right:45px;
			top:-6px;
		}
		.bottom_buttons .store .store_title{
			position:relative;
			margin-left:-75px;
			margin-right:45px;
			top:-6px;
		}
		.bottom_buttons .profile .profile_title{
			position:relative;
			margin-left:-75px;
			margin-right:45px;
			top:-6px;
		}
	.items{
		
		z-index:20;
		margin-left:-6px;
		/* height: 135px;
		margin-top:25px; */
		*margin-top:8px;
		_margin-top:8px;		
	}
		/**
		.items .item{
			position:relative;
			float:left;
			margin-top:-38px;
			_margin-top:-18px;
			*margin-top:-18px;
			margin-right:1px;
			background: url(/images/homepage/item_b_bg.gif) no-repeat;
			width: 487px;
			height:135px;
		}
		*/
		.items .item{
			position:relative;
			margin-top:0px;
			/* margin-right:1px; */
			margin-left: -20px;
			background: url(/images/homepage/blog.gif) no-repeat top left;
			width: 523px;
			height:173px;	
		}
		.items .item .info{
			height:92px;
			margin-top:25px;
			margin-left:10px;
		}
		.items .item .blog{
			font-size: 11px;
			font-family: arial;
			color: 	#717171;
			/** height:110px; */
			height: 106px;
			/** margin-top:15px;
			margin-left:15px; */
			margin-top: 0px;
			margin-left: 20px;
			overflow-y: scroll;
			/** width: 450px; */
			width: 488px;
			position: relative;
		}	
.items .item .blog .blog_text {
	padding-right: 10px;
	padding-top: 1px;
}		
.items .item .blog .blog_text h3 {
	font-size: 13px;
}
		.items .item .info .profile{
			line-height: 200%;
		}
		.items .item .link{				
			font: 10px arial;
			font-weight: bold;
			margin-left:10px;
		}					
		.items .item .top_design{
			margin-top:-105px;
			margin-left:85px;
		}
div#blog_button {
	border: 0px solid red;
	position: relative;
	top: 6px;
	left: 8px;
	height: 48px;
	width: 55px;
	z-index: 25;
	cursor: pointer;
}
.right_panel{
	background: url(/images/homepage/right_background.gif) no-repeat ;
	width:210px;
	height:640px;
	margin-left:15px;
	margin-top:30px;
}
	.right_panel .dots{
		margin-left:5px;
	}
	.right_panel .style{
		height:360px;
	}
	.right_panel .store{
		height:260px;
		margin:4px 0 0 0;
		padding:0;
	}
		.store_right_column {
			margin:		0px 2px 0px 2px;
			position:relative;
			float:left;
		}
		.right_panel .left_column, .right_panel .right_column{
			position:relative;
			float:left;
			margin:10px;
		}
		
		.store_left_column {
			margin:		0px 20px 0px 2px;
			position:relative;
			float:left;
		}
		
		.store_right_column .info {
				margin-top:	0px;
				margin-left:	10px;
		}
			.right_panel .left_column .model{
				margin-top:20px;
			}
			.right_panel .left_column .outfit{
				margin-top:-227px;
				_margin-top:-229px;
				*margin-top:-229px;
				margin-left:-21px;
				_margin-left:-21px;
				*margin-left:-21px;
			}
			.right_panel .style .right_column .info{
				height:240px;
				margin-top:0px;
			}
	.right_panel .store .left_column .rateit{
		margin-top:30px;
		_margin-top:25px;
		*margin-top:25px;
	}
	.right_panel .store_left_column .rateit{
		margin-left:10px;
		margin-top:27px;
	}
	
	.right_panel .store_left_column .title{
		margin: 0 0 0 8px;
	}
		.right_panel .rateit .star{
			position:relative;
			float:left;
			margin-top:5px;
		}
			.right_panel .left_column .info{
				height:240px;
				margin-top:0px;
			}
	.right_panel .store_right_column .info .store_logo{
		margin-top:5px;
		margin-bottom:5px;
	}
	.right_panel .store_image{
		margin-left:10px;
	}


.carousel-component { 
	background: none;
	padding:0px 0px 0px 0px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}


.carousel-component .carousel-list li { 
	margin:0px;
}

.carousel-component .carousel-list li { 
/*	width:81px; /*75 + 2 + 2 + 1 + 1 */
	width:109px;
	padding-top:5px;
	padding-bottom:5px;	
}


.carousel-component .carousel-list li a { 
	display:block;
	border:2px solid #e2edfa;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
	border: 2px solid #87bf4e; 
}

.carousel-component .carousel-list li.active a { 
	border:2px solid #708fc7; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}

.carousel-component .carousel-list li strong { 
	display:block; 
}
									
.left-button-image { 
	position:absolute;
	top:60px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.right-button-image{ 
	position:absolute;
	top:60px;
	z-index:3;
	cursor:pointer; 
	right:10px; 
}
#dragmask {
	border: 0px solid red;
	background-image: url(blank.gif);
	width: 250px;
	height: 500px;
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
}

#AE-elements {

	overflow: auto;
	width: 160px;
	height: 300px;
	border: 1px solid black;
	margin-right: 5px;
	margin-left: 5px;
}
#AE-elements li {
	background: #FAD1D2;
	border-top: 1px solid black;
	border-bottom: 1px solid gray;
	padding: 2px;
	height: 40px;
	cursor: pointer;
	font-size: 8pt;
}
#AE-elements .asset-thumb {

	float: right;
	border: 1px solid white;
	height: 40px;
	width: 55px;
	overflow: hidden;
	background: black;
}

#AE-elements li.active {
	background: #FF00CC;
}


.asset {
	position: absolute;
	border: 0px solid transparent;
}
.asset-active {
  
	position: absolute;
	border: 0px solid transparent;
}



#assets-browser {

	background: #FAD1D2;
	list-style-type: none;
	width: 360px;
	height: 300px;
	overflow: auto;
	border: 1px solid black;
}

#assets-browser li {
	float: left;
	border: 2px solid #a9a9a9;
	background: black;
}
#assets-browser li.active {
	border: 2px solid #FF00CC;
}
#assets-browser li.over {

	border: 2px solid yellow;
}


.picker div {

	height: 40px;
	width: 40px;
	border: 2px solid gray;
	margin: 1px;
	float: left;
}
.picker .hover {
	border: 2px solid #00FFFF;
}
.picker .active {
	border: 2px solid black;

}
.picker {

	width: 260px;
	height: 184px;
	overflow: auto;
	border: 1px solid black;
}
html {
	background:#646464 none repeat scroll 0%;
	color:black;
}
strong{
	font-weight: bold;
}
.html_1 {
	background:#646464 none repeat scroll 0%;
	color:black;
}
.html_2 {
	background:#66CC66 none repeat scroll 0%;
	color:black;
}
.html_3 {
	background:#6800A7 none repeat scroll 0%;
	color:black;
}
.html_4 {
	background:#CA4CA7 none repeat scroll 0%;
	color:black;
}

body {
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
    margin: auto;
    padding:    auto;
}

/* Tooltip Rework */
.yui-tt {
	background-color:#FFFF01;
	font-size:12px;
	text-align:left;
	z-index:1000;
}

#heading {
	background-color: #FFFFFF;
	border: 0px solid black;
	width: 810px;
	position:absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	background-color:white;
}
#game-view {
    border: 0px solid #a9a9a9;
    height: 660px;
    overflow: hidden;
    width: 980px;
    display: block;
    position: absolute;
    left: 0px;
    top: 140px;
}

#board_black_stripe {
	width:	100%;
	height:	140px;
	background-color:	black;
	position:	absolute;
	left:	0px;
	top:	0px;
}

#game-footer {
	position:absolute;
	top:766px;
	left:100px;
	width:800px;
	font-size:11px;
	text-align:center;
	color:lightblue;
}

#game-footer a{
	color: lightblue;
}

#copyright {
	font-size:8pt;
	position:absolute;
	text-align:center;
	top:651px;
	width:810px;
}
.game-button {

	margin: 4px; 
	border: 2px solid #333333;
	/*margin-top: 2px; 
	margin-bottom: 3px; */
	cursor: pointer;
	
}

.game-button-highlight {

	margin: 4px;
	border: 3px solid #FC008E;
	margin-top: 2px;
	margin-bottom: 3px;
	cursor: pointer;
	
}

.prefs td {
	height: 50px;
	border-bottom: 1px solid #a9a9a9;
	padding: 3px;
}

.prefs td.col2 {

	width: 35%;
}

.location1 {
	background-color:#646464;
	background-image:url(../images/nyc_bkd.png);
	height:650px;	
	background-repeat:repeat-x;
}

.location2 {
	background-color: #66CC66;
	background-image:url(../images/la_bkd.png);
	height:650px;
	background-repeat:repeat-x;
}

.location3 {
	background-color:#6800A7;
	background-image:url(../images/paris_bkd.png);
	height:700px;	
	background-repeat:repeat-x;
}

.location4 {
	background-color:#CA4CA7;
	background-image:url(../images/london_bkg.png);
	height:650px;	
	background-repeat:repeat-x;
}

.button-group button {
/*	background-color:#2FD0AC;	*/
	background-color:#FC008E;
	border-top:1px solid #79A99F;
	border-right:1px solid #29A388;
	border-left:1px solid #29A388;
	border-bottom:1px solid #017A5F;
	color:#ffffff;
	font-family:verdana;
	font-size:76%;
	font-style:normal;
	font-variant:normal;
	font-weight:100;
	line-height:normal;
	margin:2px;
	padding:2px;
	text-decoration:none;
	vertical-align:middle;
}
.button-group button.default {
	font-weight:bold;
}
.button-group button:hover, .button-group button.hover {

/*	background-color:#2CDDB5;	*/
	background-color:#FB55B2;
	border-color:none;
	border-style:solid;
	border-width:1px;
	border-top:1px solid #79A99F;
	border-right:1px solid #29A388;
	border-left:1px solid #29A388;
	border-bottom:1px solid #017A5F;

}
.button-group button:active {
	background-color:#FF99FF;
	border-color:none;
	border-style:solid;
	border-width:1px;
	border-bottom:1px solid #79A99F;
	border-right:1px solid #29A388;
	border-left:1px solid #29A388;
	border-top:1px solid #017A5F;
}

#msgs-table td {
	border-bottom: 1px solid #a9a9a9;
}

#feedback-bubble.yui-overlay {
	background-image: url(../images/80.png);
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;		
	border: 2px solid black;
}

#feedback-bubble.yui-overlay {
	cursor: pointer;
}
#feedback-bubble.yui-overlay .tr {
	position:absolute;right:-26px;
	z-index:10;
}


#feedback-bubble.yui-overlay .tl {
	float: right;
	background: url(../yui/build/container/assets/close12_1.gif);
	height: 12px;
	width: 12px;
}


.hood1 {
	background: url(../images/neighborhoods/1.jpg);
}
.hood2 {
	background: url(../images/neighborhoods/2.jpg);
}
.hood3 {
	background: url(../images/neighborhoods/3.jpg);
}
.hood4 {
	background: url(../images/neighborhoods/4.jpg);
}
.hood5 {
	background: url(../images/neighborhoods/5.jpg);
}
.hood6 {
	background: url(../images/neighborhoods/6.jpg);
}
.hood7 {
	background: url(../images/neighborhoods/7.jpg);
}
.hood8 {
	background: url(../images/neighborhoods/8.jpg);
}
.hood9 {
	background: url(../images/neighborhoods/9.jpg);
}
.hood10 {
	background: url(../images/neighborhoods/10.jpg);
}
.hood11{
	background: url(../images/neighborhoods/11.jpg);
}
.hood12 {
	background: url(../images/neighborhoods/12.jpg);
}
.hood13 {
	background: url(../images/neighborhoods/13.jpg);
}
.hood14 {
	background: url(../images/neighborhoods/14.jpg);
}
.hood15 {
	background: url(../images/neighborhoods/15.jpg);
}
.hood16 {
	background: url(../images/neighborhoods/16.jpg);
}
.hood17 {
	background: url(../images/neighborhoods/17.jpg);
}
.hood18 {
	background: url(../images/neighborhoods/18.jpg);
}
.hood19 {
	background: url(../images/neighborhoods/19.jpg);
}
.hood20 {
	background: url(../images/neighborhoods/20.jpg);
}
.hood21 {
	background: url(../images/neighborhoods/21.jpg);
}

.vert-scroll-only {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}

#topList {
	text-align:center;
}

.navButtons {
	list-styke-type: none;
	padding: 0px;
	margin: 0px;
}
.navButtons li {

	display: block;
	height: 75px;
	width: 75px;
	background-image: url(../images/buttons/topList.gif);
	background-position: center;
	background-repeat:no-repeat;
	margin: 1px;
	padding: 0px;
	font-size: 8pt;
	float: left;
	cursor: pointer;
}

.navButtons a {
	text-align: center;
	margin: 7px;
	margin-top: 12px;
	
	font-weight:bold;
	display: block;
	line-height: 1.1em;
}
.navButtons li.active {

	background-image: url(../images/buttons/topList_active.gif);

}


#store-actions button {

	width: 150px;

}
.designerList {

	list-styke-type: none;
	padding: 0px;
	margin: 0px;
	width: 175px;
	height: 200px;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}
.designerList li {

	display: block;
	height: 25px;
	width: 150px;
	background-color: #CCCCCC;
	border: 1px solid black;
	margin: 1px;
	padding: 0px;
	font-size: 10px;
	float: left;
	cursor: pointer;
}
.designerList li.active {

	background-color: #FFFF00;
	

}
#friends-list ul {
	list-style-type:none;
	width: 110px;
	margin: 0px;
	padding: 0px;
}
#friends-list ul li {
	float: left;
	height: 20px;
	display: block;
	padding: 2px;
	color: #00CCFF;
	cursor: pointer;
}
#friends-list ul li.online {
	color: white;
}


#friends-listing {
	text-align: left;
}
#friends-listing li{

	border: 1px solid #a9a9a9;
	margin-bottom: 1px;
	color: #FF66CC;
}




#gameboard {

	border: 0px solid red;
	width: 3500px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.game-panel {
 
  /*width: 980px;
  float: left;
  height: 550px;
  overflow: hidden;
  display:block;
  border: 0px solid green;
  position: relative;
  */
    width: 980px;
    float: left;
    height: 620px;
    overflow: hidden;
    display:block;
    border: 0px solid green;
    position: relative;
	top:0px;
}

#messages {

	height: 200px;
	width: 300px;
}

#user-options {
	
	margin-left: 185px;
	height: 200px;
	width: 360px;
	border: 0px solid red;
}

#gameboard .square {

	float: left;
	height: 200px;
	width: 300px;
	display: block;
	border: 2px solid green;
	margin: 5px;
}


#user-options ul {
	
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	

}
#user-options ul li {

	float: left;
	height: 40px;
	width: 60px;
	border: 2px solid black;
	padding: 2px;
	margin: 2px;
	background-color:#FF33FF;
	color: black;
	cursor: pointer;
	font-size:10px;
	
}
#user-options ul li:hover {

	background-color: #FFFF33; 
}

a {
	cursor: pointer;
}

.top-list {

	height: 90px;
	width: 180px;
	float: left;
	overflow: auto;
	border: 1px solid tan;
	background-color: #0066FF;
	margin-top: 10px;
}

#heading h2 {
	float: left;
	width: 250px;
	
	height: 50px;
	border: 1px solid blue;
}


#top-buttons {
	border: 0px solid black;
	left:175px;
	position:absolute;
	text-align:left;
	top:70px;
	width:525px;

}	  

/* HELP SYSTEM */

.help-topics-list li {
	cursor: pointer;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 2px;
	padding: 4px;
	width: 90%;
	font-size:12px;
}

#help-content-panel dl {
	margin-left:10px;
	line-height:20px;	
}

#help-content-panel dt {
	padding-top:5px;
	font-weight:bold;	
}

#help-content-panel dd{
	margin-left:10px;
	font-weight:normal;
	line-height:normal;
	padding-bottom:10px;
}

#help-content-panel table {
}

#help-content-panel table td {
	padding: 5px 0 5px 5px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
}

#help-content-panel table th {
	padding: 5px 0 5px 0;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}


#help-system ol {

	list-style-type: decimal;
	margin-left: 30px;
}


#help-system ol li {

	margin-bottom: 8px;
}



.box {
	cusror: pointer;
	float: left;
	width: 120px;
	height: 80px;
	border: 2px solid black;
	margin: 5px;
	background-color: #0099FF;
	padding: 5px;
	padding-top: 15px;
	
}
.box:hover {

	background-color: #FFFF33; 
}
.v_box {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 60px;
	border: 2px solid black;
	margin: 5px;
	background-color: #0099FF;

}
.v_box:hover {
	cursor: pointer;
	background-color: #FFFF33; 
}
.s_box {
	cusror: pointer;
	float: left;
	height: 40px;
	width: 80px;
	border: 2px solid black;
	padding: 2px;
	margin: 2px;
	background-color:#FF33FF;
	color: black;
	cursor: pointer;
	font-size:10px;
	
}
.s_box:hover {

	background-color: #FFFF33; 
}



.vert-scroll-only {

	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	
}

.registration-error {
	color: red;
}


tr.r1 {

	background-color: #FFDFE0;
}

tr.r2 {

	background-color: #F7F7F7;

}



.designerLogo {

	height: 80px;
	width: 80px;
	float: left;
	margin: 12px;
	background: #CCCCCC;
}


.storeLogoSmall {

	background:#CCCCCC none repeat scroll 0%;
	border:2px solid black;
	float:left;
	height:65px;
	margin:30px;
	overflow:hidden;
	width:85px;
}

#transactionlist td {

	padding: 10px;

}
#transactionlist tr {

	height: 20px;
}
#transactionlist tr.r1 {

	background-color: #FFDFE0;
}

#transactionlist tr.r2 {

	background-color: #F7F7F7;

}


#transactionlist td.WITHDRAW {

	color: red;
}
#transactionlist td.EXPENSE {

	color: red;
}
#transactionlist td.PURCHASE {

	color: red;
}

#transactionlist td.DEPOSIT {

}

#transactionlist table #summary {
	border-top: 1px solid #ccc;
}
#transactionlist table #summary td{
	padding: 0px;
}
#transactionlist table tr#subtotal {
	font-weight: bold;
	color: #777;
}
#transactionlist table tr#subtotal td {
	padding-bottom: 5px;
}
#transactionlist table tr#balance_total {
	font-weight: bold;
}
#transactionlist table tr#balance_total td {
	padding: 0px;
	margin: 0px;
}





.storeList .active {
	background-color: #FFFF00;
}

.storeList {
	list-style-type: none;
	
}

.storeList li {
	cursor: pointer;
	overflow: hidden;
	background-position: center;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	float: left; 
	height: 115px; 
	width: 165px;
	list-style-type:none;
	margin: 10px;
	padding: 0px;
	border: 2px solid #333333;
}




.yui-panel .hd {
	background-color:#DD0099;
}


#AE-elements li a {

	float: right;
	width: 65px;

}




.manage-assets {

	height: 550px;
	overflow: auto;
	background: black;
}


.manage-assets ul li.over {

	border: 2px solid yellow;
}

.manage-assets ul li.active {

	border: 2px solid #FF00CC;
}

.manage-assets ul li {
	background: black;
	border: 2px solid white;
	margin: 3px;
	float: left;
	cursor: pointer;
	height: 145px; 
	width: 145px;
	position: relative;
}
.manage-assets input {
	display: none;
}

.manage-assets ul li div.checker {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Contests: submit design */
.manage-store-designs {
	height: 420px;
	overflow: auto;
	background: beige;
	position:relative;
	border:1px solid darkgrey;
}

.manage-designs {
	height: 260px;
	overflow: auto;
	background: beige;
	position:relative;
}
.manage-designs ul {
position: relative;
top: 0px;
left:0px;

}
.manage-designs ul li.over {
	border: 2px solid yellow;
}
.manage-designs ul li.active {
	border: 2px solid #FF00CC;
}
.manage-designs ul li {
	background: pink;
	border: 2px solid white;
	margin: 2px;
	float: left;
	cursor: pointer;
	height: 214px; 
	width: 70px;
	position: relative;
	color: white;
}
.manage-designs input{
	/*display: none; */
}
.manage-designs ul li div.checker {
	position: absolute;
	top: 0px;
	left: 0px;
	display:none;
}

.dd-demo {
 float:right;
 border:1px solid #666;
 text-align:center;
 color:#fff;
 cursor:move;
 left:100px;
 top:90px;
 /*width:105px;*/
 width:86px;
}

.dd-store {
 float:right;
 border:1px solid #666;
 text-align:center;
 color:#fff;
 cursor:move;
 left:100px;
 top:90px;
 /*width:105px;*/
 width:133px;
}

/* design page */
.color-selector {
	margin: 10px;
	margin-top: 22px;
	display: block;
	width: 170px;
	border: 2px solid white;
	height: 30px;
}

.color-selector li {
	float: left;
	height: 22px;
	width: 22px;
	display: block;
	margin: 1px;
	border: 2px solid white;
}
.color-selector li div {
	margin: 1px;
}
.color-selector li.active {
	border: 2px solid white;
}

.asset {
	position: absolute;
	border: 0px solid transparent;
}
.asset-active {
  
	position: absolute;
	border: 0px solid transparent;
}

.colorSwatch {
  
	border: 1px solid white;
	margin-right: 1px;
	margin-bottom: 1px;
	height: 12px;
	width: 12px;
	float: left;
	cursor: crosshair;	
}
#dragmask {
	border: 0px solid red;
	background-image: url(blank.gif);
	width: 220px;
	height: 480px;
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 18px;
	cursor:move;
}

#AE-elements {

	overflow: auto;
	width: 160px;
	height: 300px;
	border: 1px solid white;
	margin-right: 5px;
	margin-left: 5px;
}
#AE-elements li {
	background: #FF99FF;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 2px;
	height: 40px;
	cursor: pointer;
	font-size: 8pt;
}
#AE-elements .asset-thumb {

	float: right;
	border: 1px solid white;
	height: 40px;
	width: 55px;
	overflow: hidden;
	background: black;
}

#AE-elements li.active {
	background: #FF00CC;
}

#assets-browser {
	position:relative;
	background: #FAD1D2;
	list-style-type: none;
	width: 345px;
	height: 300px;
	overflow: auto;
	border: 1px solid white;
}

#assets-browser li {

	border: 2px solid white;
	background: black;
}
#assets-browser li.active {
	border: 2px solid #FF00CC;
}
#assets-browser li.over {

	border: 2px solid yellow;
}


.picker div {

	height: 40px;
	width: 40px;
	margin: -1px;
	float: left;
	border: 0.009em solid white;
}
.picker .hover {
	border: 1px solid #00FFFF;
}
.picker .active {
	border: 1px solid white;

}
.picker {
	width: 249px;
	height: 153px;
	overflow: auto;
	border: 1px solid white;
	background-color:white;	
}

#action-buttons {
	position: absolute;
	top: 514px;
	left: 2px;
	width: 250px;
}

#garment-designer .currency {

	width: 100px;
	text-align:right;
	border: 0px;
}

/* question marks */
.question_mark {
	font-size:14px;
	font-weight:bold;
	color:#0066FF;
}

/* find users screen */

#fillMe td {
	padding:10px 0px 10px 40px;
	border-bottom:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
}

/* Production Reproduction Screens */
.standard {
	background: transparent;
	border: 0px;
	color:black;
	text-align: right;
	width: 100px;
}
.padding_left_5 {
	padding-left:5px;
}

.padding_right_5 {
	padding-right:5px;
}

.link { text-decoration: underline; color: blue; }

#mailbox {
	position: 	absolute;
	top: 		90px;
	left: 		0px;
	width: 		805px;
	height: 	458px;
	border:		1px solid black;
	background: #0099FF;
	background-repeat: no-repeat;
}

	#mailbox #friends-list {
		position: 	absolute;
		width: 		165px;
		height: 	397px;
		overflow: 	auto;
		left: 		635px;
		top: 		8px;
	}
	
	#mailbox_inbox_wrapper {
		position: 	absolute;
		top: 		8px;
		left: 		20px;
		width: 		605px;
		height: 	25px;
		margin-top: 0px;
	}
	
	#messages-inbox {
		background: white;
		position: 	absolute;
		top: 		30px;
		left: 		20px;
		width: 		605px;
		height: 	375px;
		margin-top: 0px;
		border-left:	2px solid black;
		border-bottom:	2px solid black;
		border-right: 	1px solid #444;
		border-top: 	1px solid #444;
	}
	
	#messages-header-wrapper {
		position: 	absolute;
		top: 		412px;
		left: 		20px;
		width: 		605px;
		height: 	25px;
		margin-top: 0px;
	}
	
	#mailbox_write_message {
		cursor: 	pointer;
		position: 	absolute;
		top: 		412px;
		left: 		585px;
		height: 	30px;
		margin: 	5px;
		width: 		190px;
	}
	
#browse_stores_wrapper {
	position: 	absolute;
	top: 		90px;
	left: 		10px;
	height:		30px;
	width: 		620px;
	background: #CCFFFF;
	border: 	1px solid #a9a9a9;
}

	#change_neighborhood_wrapper {
		float: 	left;
		height: 20px;
		margin: 3px;
		width: 	168px;
		background: white;
		z-index: 10;
		border: 0px solid black;
	}
	
	#stores_content_wrapper {
		position:	absolute;
		top: 		120px;
		left:		10px;
		border:		1px solid #a9a9a9;
		width:		620px;
		height:		420px;
		padding:	0;
		text-align:	center;
		overflow: 	hidden;
	}
	
	#stores_buttons_wrapper {
		position:	absolute;
		top: 		515px;
		left: 		542px;
	}

#choose_model_wrapper {
	text-align:		center;
/*	background-image: 	url(/images/choose_bkground.jpg);
	background-repeat: repeat-x;*/
	height: 		451px;
	width:			500px;
	/*border: 		1px solid #a9a9a9;*/
	padding-top: 	140px;
}

	.choose_model_wrapper_models {
		cursor:		pointer;
		margin:		10px 0 10px 0;
	}


#header { 
	position:	relative;
	/*z-index:	20000;*/
	background-color:black;
	height:		138px;
	width: 980px;
}
	#header_ad {
		padding-left:156px;
		padding-top:1px;
	}
	#header_bg {
		/*width:	1020px;*/
	}
	#header_admin_btn {
		border:		2px solid white;
		cursor: 	pointer;
		position: 	absolute;
		z-index:	120;
		top: 		2px;
		left: 		79px;
	}
	#header_game-logo {
		cursor: 	pointer;
		position: 	absolute;
		z-index: 	100;
		top: 		14px;
		left: 		6px;
	}
	#header_ad_wrapper {
		position:	absolute;
		top:		2px;
		left:		190px;
		width:		724px;
		overflow:	hidden;
	}
	#header_white_stripe {
		width:		100%;
		background-color:white;
		height:		20px;
		top:		95px;
		left:		0px;
		position:absolute;
		z-index: 150;
	}
	#header_searchbar {
		background:	white url(/images/header/ver2/header-sprite.png?n?n) -248px -46px no-repeat;
		padding-left:	14px;
	}
	#header_diva_meter {
		width:		217px;
		background:	white url(/images/header/ver2/header-sprite.png?n) 0px 0px no-repeat;
		height:		19px;
		top:		0px;
		left:		558px;
		position:	absolute;
		z-index:	200;
	}
	#header_searchbar {
		width:		130px;
		background:	white url(/images/header/ver2/header-sprite.png?n) -226px 0px no-repeat;
		height:		14px;
		top:		2px;
		left:		778px;
		position:	absolute;
		z-index:	200;
		border:		1px solid #C0C0C0;
		font-size:	12px;
	}
	#header_search_btn {
		top:	0px;
		left:	928px;
		position:absolute;
		background: url(/images/header/ver2/header-sprite.png?n) -259px -37px no-repeat;
		height:	19px;
		width:	48px;
		cursor:	pointer;
	}
	.header_diva_meter_buttons {
		position:	absolute;
		top:		14px;
		background-image: url(/images/header/ver2/header-sprite.png?n);
		background-repeat: no-repeat;
		z-index:	100;
		width:		28px;		
	}
	.header_diva_meter_btn {
		position: absolute;
		background-image: url(/images/header/ver2/header-sprite.png?n);
		background-repeat: no-repeat;
		height: 16px;
		top:	3px;
	}
	#header_diva_meter_hot, #bottom_header_diva_meter_hot {
#		left:		93px;
		left:		182px;
		background-position:	-178px -26px;
		z-index:	100;
		width: 		23px;
	}
	#header_diva_meter_hot.on, #bottom_header_diva_meter_hot.on {
		background-position:	-178px -40px;
	}

	#header_diva_meter_soso, #bottom_header_diva_meter_soso {
		left:		132px;
		background-position:	-201px -26px;		
		width:		35px;
		z-index:	100;
	}
	#header_diva_meter_soso.on, #bottom_header_diva_meter_soso.on {
		background-position: 	-201px -40px;
	}

	#header_diva_meter_not, #bottom_header_diva_meter_not {		
#		left:		182px;
		left:		93px;
		background-position:	-236px -26px;
		z-index:	100;
		width: 		23px;
	}
	
	#header_diva_meter_not.on, #bottom_header_diva_meter_not.on {
		background-position: 	-236px -40px;
	}

	#header_menu_wrapper {
		position:	absolute;
		height:40px;
		top:		112px;
		left:		0px;
		width:		980px;
		z-index:	40;
	}
	.header_btn {
		position:	absolute;
		top:		2px;
		background:	transparent url(/images/header/ver2/header-sprite.png?n) no-repeat;
		font:		bold 10px arial,sans-serif;
		cursor:		pointer;
		line-height:15px;
		letter-spacing:1px;
	}
	.header_btn > .text {
		position:	absolute;
		top:		0px;
	}
	#header_btn_text_home {
		left:	23px;
	}
	#header_btn_text_email {
		left:	22px;
		width: 	60px;
	}
	#header_btn_text_fbz {
		top:	-2px;
		left:	36px;
	}
	#header_btn_text_friends {
		left:	20px;
		width:	100px;
	}
	#header_btn_text_faves {
		left:	22px;
	}
	#header_btn_text_diva_meter {
		left:	36px;
		width:	88px;
	}
	
	.header_inline_list {
		display:		inline;
		padding-left: 	20px;
		text-align:		left;
	}
	.header_inline_a {
		color:		white;
		font-size:	12px;
		font-weight:bold;
	}
	.header_inline_a:hover {
		color:		red;
	}
	#header_menu {
		height:		25px;
		color:		white;
		font-size:	10px;		
	}
	#header_logout_wrapper {
		font-size: 	12px;
		position:	absolute;
		top:		70px;
		left:		920px;
		width:		53px;
		font-weight:bold;
	}
	#header_logout_wrapper a {
		color:	white;
		float:	left;
	}
	#header_logout_wrapper a:hover {
		color: red;
	}
	#header_logout_wrapper:hover > div {
		background-position:	-218px -11px;
	}
	
	#header_logout_wrapper_arrow {
		background-attachment:	scroll;
		background-color:		black;
		background-image:		url(/images/header/ver2/header-sprite.png?n);
		background-position:	-218px -0px;
		background-repeat:		no-repeat;
		height:		10px;
		width:		5px;
		float:		right;
		margin-top:	2px;
	}
	
	#header_stripe_back {
		background-position:	0 -19px;
		height:		17px;
		left:		8px;
		top:		2px;
		width:		55px;
		z-index:	200;
	}
	#header_stripe_back:hover {
		background-position:	0 -37px;
	}
	
	#header_stripe_home {
		background-position:	-55px -19px;	
		height:		17px;
		left:		77px;
		width:		21px;
	}
	#header_stripe_home:hover {
		background-position:	-55px -37px;	
	}
	
	#header_stripe_bank {
		background-position:	-71px -42px;
		height:		24px;
		left:		322px;
		width:		25px;
	}
	#header_stripe_bank:hover {
		background-position:	-71px -26px;
	}
	
	#header_stripe_email {
		background-position:	-76px -19px;
		height:		16px;
		left:		150px;
		width:		22px;
	}
	#header_stripe_email:hover {
		background-position:	-76px -36px;
	}
	
	#header_stripe_fbz {
		background-position:	-129px -19px;	
		height:		14px;
		left:		432px;
		width:		30px;
		top:		3px;
	}
	#header_stripe_fbz:hover {
		background-position:	-129px -33px;
	}
	
	#header_stripe_friends {
		background-position:	-98px -19px;
		height:		17px;
		left:		312px;
		width:		30px;
	}
	#header_stripe_friends:hover {
		background-position:	-98px -36px;	
	}
	
	#header_stripe_faves {
		background-position:	-160px -19px;
		height:		17px;
		left:		232px;
		width:		19px;
	}
	#header_stripe_faves:hover {
		background-position:	-160px -37px;	
	}
	
	#header_stripe_diva_meter {
		background-position:	-165px -44px;
		height:		18px;
		left:		684px;
		width:		34px;
		z-index:	200;
	}
	
	.header_menu {width:979px; height:26px; background-color: #000000; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}	
	.header_menu li .top_list {
		font-size:	12px;
		font-weight:bold;
	}
	.header_menu li .menu_separator {
		background-color: white;
		width:5px;
		height: 30px;
	}
	.header_menu li .top_list:visited {
		font-size: 12px;
	}
	
	/* remove all the bullets, borders and padding from the default list styling */
	.header_menu ul {text-align:left; padding:0;margin:0;list-style-type:none;}
	.header_menu ul ul {width:149px;padding:0 0 0 10px;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.header_menu li {
		float:left;
		width:auto;
		position:relative;
	}
	/* style the links for the top level */
	.header_menu a,  .header_menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:auto; padding-right: 22px; height:24px; border:1px solid #000; border-width:1px 0 1px 1px; background:#000; padding-left:10px; line-height:29px; font-weight:normal;}
	
	/* style the second level background */
	.header_menu ul ul a.drop,  .header_menu ul ul a.drop:visited {color:white; background:black url(/images/header/ver2/white_arrow.png) no-repeat 130px center;}
	/* style the second level hover */
	.header_menu ul ul a.drop:hover{background:black url(/images/header/ver2/white_arrow.png) no-repeat 130px center;}
	.header_menu ul ul :hover > a.drop {background:black url(/images/header/ver2/pink_arrow.png) no-repeat 130px center;}
	/* style the third level background */
	.header_menu ul ul ul a,  .header_menu ul ul ul a:visited {background:black;}
	/* style the third level hover */
	.header_menu ul ul ul a:hover {background:#000;}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.header_menu ul ul {visibility:hidden; position:absolute;height:0;top:26px;left:0; width:auto;/*border-top:1px solid #000;*/}
	
	/* position the third level flyout menu */
	.header_menu ul ul ul{padding: 0px; left:149px; top:0px; width:149px;}
	
	/* position the third level flyout menu for a left flyout */
	.header_menu ul ul ul.left {left:-149px;}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.header_menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
	
	/* style the second level links */
	.header_menu ul ul a,  .header_menu ul ul a:visited {background:#000; color:#FFF; height:auto; /*line-height:1em;*/ padding:5px 10px; width:128px;border-top:1px dashed #E0E0E0}
	
	/* style the top level hover */
	.header_menu a:hover,  .header_menu ul ul a:hover{color:red; background:#000;}
	.header_menu :hover > a,  .header_menu ul ul :hover > a {color:red; background:#000;}
	
	/* make the second level visible when hover on first level list OR link */
	.header_menu ul li:hover ul,
	.header_menu ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.header_menu ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.header_menu ul :hover ul :hover ul{ visibility:visible;}

#board_wrapper {
	position: 	relative;
	top: 		0px;
	left:		0px;
	margin:		0 auto;
}
	#board_background {
		position:	relative;
		height: 	610px;
		width: 		980px;
		margin:		0 auto;
	}
	
	#contest_ad {
		position: 	absolute;
		top: 		91px;
		left: 		836px;
		cursor:pointer;
	}
	
	#banner_game_center {
		position:	absolute;
		top:		10px;
		left:		280px;
	}
	
	#board_table {
		position: 	absolute;
		top: 		4px;
		left: 		165px;
		margin: 	0px;
		margin-top: 0px;
	}
	
#ads {
	position:absolute;left: 0px;height: 560px;
}

	#ads td {
		vertical-align: top;
		text-align: left;
	}
	
	#ads .tl {
		padding-left: 10px;
	}
	#ads .tb {
		padding-left: 6px;
		padding-top: 8px;
	}
	#ads .r {
		padding-left: 4px;
	}
	#ads {
	}
	
	#ads .draggable {
		cursor: move;
	}
	
	#ads #ads_menu {
		font-size: 10px;
		padding: 5px;
		background-repeat: no-repeat;
		width: 190px; 
		height: 371px; 
		background-image: url('/images/ads/menu-bg.png');
	}
	#ads #ads_menu  .color_picker {
		width: 165px; 
		height: 60px; 
		overflow: auto;
	}
	#ads #ads_menu  .color_picker span {
		cursor: pointer;
	}
	#ads #ads_menu_options td {
		text-align: right;
	}
	
	#ads #ads_edit { padding: 15px; }
	
	#ads #ads_edit_logo { display: none; }
	#ads #ads_edit_tagline { display: none; }
	#ads #ads_edit_bodycopy { display: none; }
	#ads #ads_edit_background { display: none; }
	#ads #ads_choose_design { display: none; }
	#ads #ads_choose_store { display: none; }
	#ads #ads_upload_background { display: none; }
	#ads #ads_edit_headline { text-align: left; }
	
	#ads .half_cl { height: 24px; background-image: url('/images/ads/menu-item-bg.png'); background-position: center left; background-repeat: no-repeat; }
	#ads .half_cr { height: 24px; background-image: url('/images/ads/menu-item-bg.png'); background-position: center right; background-repeat: no-repeat; }
	
	#ads textarea {
		background-color: transparent; border: none; width: 220px; visibility: visible; color: rgb(0, 0, 0); font-family: Arial,Helvetica,sans-serif; font-size: 16px; overflow: auto;
	}
	#ads .menu_item {
		background-position: center right; height: 27px; background-repeat: no-repeat;
	}
	#ads span .label {
		font-size: 14px; font-weight: bold;
	}
	#ads #ads_edit_headline { text-align: left; }

div.avatardesign{
  display:inline;
  margin-left:40px;
}
a.sidebuttons{
        background-image:url('/images/showroom_new/your_style_highlights.png');
        background-repeat:no-repeat;
        color:#000000;
        font-size:12px;
        font-weight:bold;
        margin-bottom:5px;
        margin-left:3px;
        padding: 5px 10px 6px 5px;
        text-align:right;
        cursor:pointer;
        display:block;
        width:167px;
}
a.sidebuttons:hover{
        background-image:url('/images/showroom_new/your_style_highlights_a.png');
        background-repeat:no-repeat;
        color:#ED1E8D;
} 


#homepagePopup-dialog li{
  list-style: disc;

}
#homepagePopup-dialog ul{
  margin-left:27px;

}

#shopping_page {
	background: #9dffe8;
	position:	absolute;
	left: 		10px;
	top: 		90px;
	width: 		620px;
	height: 	450px;
	border: 	1px solid #a9a9a9;
}
	#shopping_page_wrapper {
		position: 	absolute;
		left: 		0px;
		top: 		0px;
		width: 		200px;
		height: 	430px;
		background:	yellow url(images/shopping/<?= $location_id ?>.png) no-repeat 5px 5px;
		margin: 	5px 5px 5px 8px;
	}
	
	#shopping_page_ul {
		text-align: left;
		margin: 	5px;
		padding: 	0px;
		position: 	absolute;
		top: 		65px;
		left: 		0px;
		width: 		185px;
	}
	
	#shopping_page_map_wrapper {
		overflow: 	hidden;
		position: 	absolute;
		top: 		-5px;
		left: 		207px;
		height: 	450px;
		width: 		405px;
	}
	#shopping_page_fly {
		margin-top:	-56px;
		width:		400px;
		height:		auto;
	}
	#banner_choose_neighborhood {
		position:	absolute;
		top:		0px;
		left:		106px;
	}

.blue-underline {
	color: blue;
	text-decoration: underline;
}

.bookmark-list{
	position: absolute;
	top: 67px;
	font-size: 10px;
	left: 791px;
	color:blue;
	font-weight:bold;
}

.bookmark-list a:hover{
	color: #FF00FF;
}

.bookmark-row{
	border: 1px solid #A9A9A9;
	height:20px;
	margin-top:2px;
	color: #FF66CC;
	font-weight:bold;
}

.bookmark-row .left{
	position:relative;
	float:left;
}

.bookmark-row .right{
	position:relative;
	float:right;
}

#online-container {
	background-color:white;
	width:100px;
	height:20px;
	cursor:pointer;
	position:absolute; 
	top:81px; 
	left:790px;
	font-size:11px;
	text-align:center;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	z-index:9001;
}

#online-list-box {
	background-color:white;
	width:180px;
	height:150px;
	position:absolute; 
	top:102px; 
	left:711px;
	z-index:9000;
	font-size:10px;
	overflow:hidden;
	border:1px solid black;
}

#online-list-box  #online-list {
	background-color:white;
	width:180px;
	height:132px;
	position:relative; 
	top:2px; 
	left:0px;
	font-size:12px;
	overflow:hidden;
	border-right:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

#online-list-box  #online-list li{
	border-color:#E0E0E0;
}

#online-list-box  #online-list-header {
	background-color:purple; 
	width:180px;
	color:white; 
	font-weight:bold;
	font-size:12px;

}

.tags { overflow: hidden; width: 480px; height: 415px; }
.tags a { text-decoration: none; }
.tags a:hover { text-decoration: underline; }

#addthis { 
    position:   absolute;
    top:        768px;
    left:       840px;
}

div.profile_suspended{
	position:absolute;
	top: 250px; 
	left: 180px;
	width: 610px;
	height: 450px;
	text-align: left;
	background:transparent;
}
div.store_suspended{
	position:absolute;
	top: 90px;
	left: 400px;
	width: 610px;
	height: 450px;
	text-align: left;
	background:transparent;
}
div.showroom_suspended{
	position:relative;
	float:left;
	top: 250px; 
	left: 180px;
}
div.suspended_message{
	height:65px;
	width:335px;
	background-image: url(/images/pink_pixel.png);
	color:white;text-align:center;
	font-size: 20px;
	font-family: arial;
	padding-top:30px;
}
.report_form td{
	padding:5px;
}
.admin_complaints td{
	padding-bottom:2px;
	padding-right:7px;
}
.pages {
	margin-top:10px;
}
.current{
	font-weight:bold;
}

#game-logo {
	cursor:		pointer;
	position: 	absolute;
	z-index: 	100;
	top: 		2px;
	left: 		79px;
}

#admin_btn {
	border:		2px solid white;
	cursor: 	pointer;
	position: 	absolute;
	z-index: 	120;
	top: 		2px;
	left: 		79px;
}

/* header */



/* blog page */
#blog_page {
	background:	url(/images/blog/blog_bkg.png) no-repeat #FFFFFF 114px 0px;
	height:		958px;
}

#blog_page #blog_inputs {
	background:	url(/images/blog/blog_inputs.png) no-repeat;
	height:		126px;
	width:		522px;
	position:	absolute;
	top:		67px;
	left:		136px;
}

#blog_page #quicknav_btns {
	left:		472px;
	position:	absolute;
	top:		2px;
	height:		40px;
	width:		auto;
	text-align:	left;
}

#blog_page #rating {
	left:		25px;
	position:	absolute;
	top:		92px;
	text-align:	left;
}

#blog_page #post_btn {
	left:		470px;
	position:	absolute;
	top:		5px;
	background:	url(/images/closet/btn_sprite.png) -1360px 0px no-repeat;
	height:		20px;
	width:		58px;
}
#blog_page #post_btn:hover {
	background-position:	-1360px -20px
}

#blog_page #post_share_btn {
	background:	url(/images/closet/btn_sprite.png) -1417px 0px no-repeat;
	height:		20px;
	width:		133px;
	position:	absolute;
	left:		534px;
	top:		5px;
}
#blog_page #post_share_btn:hover {
	background-position:	-1417px -20px;
}

#blog_page input {
	position:	absolute;
	top:		67px;
	left:		138px;
	background:	transparent none repeat scroll 0 0;
	border:		medium none;
	font-size:	12px;
	height:		14px;
	margin:		4px 0 0 5px;
	padding:	0;
}

#blog_page textarea {
	font-size:	12px;
	position:	absolute;
	top:		97px;
	height:		80px;
	left:		138px;
	background:	transparent none repeat scroll 0 0;
	border:		medium none;
	margin:		10px 5px 5px 5px;
	overflow:	auto;
	padding:	0;
}

#blog_page #entries {
	width: 		auto;
	height: 	auto;
	overflow:	hidden;
	top:		206px;
	position:	absolute;
	left:		130px;
}

#blog_page #entries-others {
	width: 		auto;
	height: 	auto;
	overflow:	hidden;
	top:		62px;
	position:	absolute;
	left:		130px;
}

#blog_page #fashion-log {
	width:		518px;
	margin: 	10px;
	margin-top: 5px;
	height: 	726px;
	overflow:	auto;
}

#blog_page #fashion-log-others {
	width:		518px;
	margin: 	10px;
	margin-top: 5px;
	height: 	866px;
	overflow:	auto;
}

#blog_page .fashionLog_link {
	font-size:	11px;
	color:		blue;
	cursor:		pointer;
}

#blog_page #fashion_log_back {
	position:	absolute;
	left:		12px;
	top:		6px;
}

/* sampleroom */
#sampleroom {
	position:	absolute;
	top: 		90px; 
	left: 		10px;
	height: 	440px;
}
	#sampleroom #sampleroom_wrapper {
		position:	relative;
		width: 		620px;
	}
	
	#sampleroom #sampleroom_wrapper #sampleroom_bkg {
		position:	absolute; 
		top: 		0px;
		left: 		0px;
		border: 	1px solid #a9a9a9;
		height: 	440px;
		width: 		620px;
		background: url(/images/designs-bkd.gif);
	}
	
	#sampleroom #sampleroom_wrapper .container {
	    position:   absolute;
	    top:        50px;
	    left:       0px;
	    /*background-color:   white;*/
	    height:     290px;
	    width:      622px;
	    display:    none;
	    border:     0 none;
	}
#divaPanel #divaArea {
	position:	absolute;
	background-repeat:	no-repeat;
	height:		458px;
	left:		66px;
	top:		60px;
	width:		240px;
}
#divaPanel #eyeChoice {
	width:		70px;
	background-image:url(/images/divas/eye_hair_sprite.png);	
	height:		11px;
	position:	absolute;
	top:		98px;
	left:		372px;
	background-repeat:	no-repeat
}
#divaPanel #hairChoice {
	width:		50px;
	background-image:url(/images/divas/eye_hair_sprite.png);	
	height:		42px;
	position:	absolute;
	top:		226px;
	left:		374px;
	background-repeat:	no-repeat;
}
#divaPanel #skinChoice {
	width:		90px;
	height:		90px;
	position:	absolute;
	top:		351px;
	left:		355px;
}
#divaPanel #savebtn {
	position:	absolute;
	top:		30px;
	left:		4px;
	height:		20px;
	width:		100px;
}
#divaPanel button#c_saveme {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -991px -33px;
    border:     0 none;
    color:      black;
    cursor:     pointer;
    font-size:  13px;
    font-weight:bold;
    height:     33px;
    letter-spacing:0;
    margin:     0;
    width:      68px;
}

#divaPanel button#c_saveme:hover {
    background-position: -991px 0px;
}

#divaPanel map#DivaMap area {
	cursor:		pointer;
}

#divaPanel #back_closet {
	position:	absolute;
	top:		30px;
	left:		200px;
	height:		20px;
	width:		auto;
}

#divaPanel #back_closet button#back_closet_btn {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -1221px -33px;
    border:     0 none;
    color:      black;
    cursor:     pointer;
    font-size:  13px;
    font-weight:bold;
    height:     33px;
    letter-spacing:0;
    margin:     0;
    width:      140px;
}

#divaPanel #back_closet button#back_closet_btn:hover {
    background-position: -1221px 0px;
}

/* closet */
/* overriding tabs */
#closet {
	background:	url(/images/closet/closet_bk.jpg) no-repeat;
	height:		560px;
	width:auto;
}
#closet #username {
	position:	absolute;
	top:		2px;
	left:		2px;
	width:		274px;
	height:		18px;
	font-weight:bold;
	font-size:	15px;
	color:		white;
	text-align:	left;
}
#closet #savebtn {
	position:	absolute;
	top:		30px;
	left:		0px;
	height:		20px;
	width:		100px;
}
#closet li:focus {
		outline:none;
}
#closet .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
    margin:     8px 0px 0px 20px;
    text-align:left;
}
#closet .yui-navset .yui-nav li {
    width:      75px;
}
#closet .yui-navset .yui-nav li a em {
    background-image:   url(/images/closet/tab.png);
    height:     17px;
    padding-top:0px;
    width:      71px;
    color:      white;
    font-weight:    bold;
}
#closet .yui-navset .yui-nav li[class=selected] a em {
    background-image:url(/images/closet/tab_a.png);
    color:      #FF0099;
}
#closet div.container {
    position:   absolute;
    top:        152px;
    left:       500px;
    /*background-color:   white;*/
    height:     290px;
    width:      457px;
    display:    none;
    border:     0 none;
}
#closet div.container .yui-carousel-element li {
    height:     240px;
    width:      110px;
    border:     0 none;
}

#closet #designDiva {
	cursor:		pointer;
	position:	absolute;
	left:		190px;
	top:		30px;
	background:	transparent;
	width:		auto;
	height:		33px;
	
}
#closet #designDiva button#designDiva_btn {	
    background: transparent url(/images/closet/btn_sprite.png) no-repeat -1059px -33px;
    border:     0 none;
    color:      black;
    cursor:     pointer;
    font-size:  13px;
    font-weight:bold;
    height:     33px;
    letter-spacing:0;
    margin:     0;
    width:      162px;
}
#closet #designDiva button#designDiva_btn:hover {
    background-position: -1059px 0px;
}

#closet div.container .yui-carousel-element .yui-carousel-item-selected,
#closet .yui-carousel .yui-carousel-item-selected {
    border:     2px solid #FF0099;
    margin:     0px;
}

#closet div.custom_loader {
    background: transparent url(/images/fileloading.gif) no-repeat scroll 50% 50%;
    position:   relative;
    text-indent:-150px;
}

#closet div.container div.yui-carousel-nav {
    background: none;
    padding:    0px 3px;
    left:224px;
    position:absolute;
    top:261px;
}

#closet div.container div.yui-carousel-nav span.yui-carousel-first-button {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -790px 0;
    float:      right;
    height:     23px;
    width:      24px;
    margin-left:-60px;
}
#closet div.container div.yui-carousel-nav span.yui-carousel-first-button:hover {
    background-position: -790px -24px;
}
#closet div.container div.yui-carousel-nav span.yui-carousel-next-button {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -814px 0;
    float:      right;
    height:     23px;
    width:      24px;
}
#closet div.container div.yui-carousel-nav span.yui-carousel-next-button:hover {
    background-position: -814px -24px;
}

#closet #editing_bar_wrapper {
    height:     441px;
    width:      126px;
    display:    block;
    overflow:   hidden;
    position:   absolute;
    left:       357px;
    *left:      347px;
    top:        20px;
    margin:     0px;
}
#closet #editing_bar_wrapper #editing_bar {
    margin:     0px;
    padding:    0px;
}
#closet #editing_bar_wrapper #editing_bar div.removeBtn {
    position:   relative;
    height:     15px;
    width:      15px;
    top:        1px;
    left:       83px;
    *left:      30px;
    background: url(/images/closet/btn_sprite.png) no-repeat -886px 0px;
}
#closet #editing_bar_wrapper #editing_bar div.removeBtn:hover {
    background-position: -886px -15px;
}
#closet #editing_bar_wrapper #editing_bar .yui-carousel-element {
    margin:     0px;
    padding:    0px;
}
#closet #editing_bar_wrapper #editing_bar .yui-carousel-element li{
    height:     160px; 
    width:      100px;
    margin:     0px;
    padding:    0px;
}
#closet #editing_bar_wrapper #editing_bar .yui-carousel-vertical,
#closet #editing_bar_wrapper #editing_bar .yui-carousel,
#closet #editing_bar_wrapper #editing_bar .yui-carousel-visible {
    width:      128px;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav {
    background: none;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav select {
    font-size:      12px;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav ul {
    display:    none;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav span.yui-carousel-first-button {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -838px 0;
    float:      right;
    height:     23px;
    width:      24px;
    margin-left:-60px;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav span.yui-carousel-first-button:hover {
    background-position: -838px -24px;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav span.yui-carousel-next-button {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -862px 0;
    float:      right;
    height:     23px;
    width:      24px;
}
#closet #editing_bar_wrapper #editing_bar div.yui-carousel-nav span.yui-carousel-next-button:hover {
    background-position: -862px -24px;
}

#closet button#saveme {
    background: transparent url(/images/closet/btn_sprite.png) no-repeat scroll -901px -33px;
    border:     0 none;
    color:      black;
    cursor:     pointer;
    font-size:  13px;
    font-weight:bold;
    height:     33px;
    letter-spacing:0;
    margin:     0;
    width:      90px;
}

#closet button#saveme:hover {
    background-position: -901px 0px;
}

#closet #closet_dragger {
    height:     480px;
    width:      220px; 
    left:       76px;
    position:   absolute;
    top:        78px;
    overflow:   hidden;
	background-image:	url(/images/divas/skinL_eyesBl_hairBla_closet.png);
	background-repeat:no-repeat;
}
#closet #garment_btns {
    left:       491px;
    position:   absolute;
    top:        17px;
    text-align: right;
    width:      474px;
}
#closet #quicknav_btns {
    left:6px;
    top:28px;
    position:absolute;
    text-align:left;
}

#closet #rating {
    left:159px;
    top:28px;
    padding:0 5px;
    position:absolute;
    background-color:black;
    color:white;
    font-size:15px;
    font-family: arial, helvetica, sans-serif;
    height:1.2em;
}

div.blackbutton
{
    float:left;
    background-color: black;
    color: white;
    padding: 0 7px;
    margin: 0px 3px;
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    cursor: pointer;
    line-height:1.2em;
}
div.blackbutton:hover
{
    background-color: red;
}

#closet #garment_btns div {
    float:          right;
    background-image:     url(/images/closet/btn_sprite.png);
    height:         20px;
    margin-right:   10px;
    margin-top:     10px;
    background-repeat:no-repeat;
}

#closet #garment_btns #outfits {
    background-position:    0px 0px;
    width:          80px;
}
#closet #garment_btns #outfits:hover {
    background-position:    0px -20px;
    width:          80px;
}
#closet #garment_btns #dresses {
    background-position:    -79px 0px;
    width:          93px;
}
#closet #garment_btns #dresses:hover {
    background-position:    -79px -20px;
    width:          93px;
}
#closet #garment_btns #tops {
    background-position:    -172px 0px;
    width:          58px;
}
#closet #garment_btns #tops:hover {
    background-position:    -172px -20px;
    width:          58px;
}
#closet #garment_btns #bottoms {
    background-position:    -228px 0px;
    width:          93px;
}
#closet #garment_btns #bottoms:hover {
    background-position:    -228px -20px;
    width:          93px;
}
#closet #garment_btns #bottoms:active {
    background-position:    -228px -20px;
    width:          93px;
}
#closet #garment_btns #shoes {
    background-position:    -320px 0px;
    width:          71px;
}
#closet #garment_btns #shoes:hover {
    background-position:    -320px -20px;
    width:          71px;
}
#closet #garment_btns #mystuff {
    background-position:    -390px 0px;
    width:          93px;
}
#closet #garment_btns #mystuff:hover {
    background-position:    -390px -20px;
    width:          93px;
}
#closet #garment_btns #accessories {
    background-position:    -483px 0px;
    width:          133px;
}

#closet #garment_btns #accessories:hover {
    background-position:    -483px -20px;
    width:          133px;
}

#closet #model_btns #model_eyes {
    background-position:    -616px 0px;
    width:          58px;
}
#closet #model_btns #model_skin {
    background-position:    -674px 0px;
    width:          58px;
}
#closet #model_btns #model_hair {
    background-position:    -732px 0px;
    width:          58px;
}
#closet #model_btns #model_eyes:hover {
    background-position:    -616px -20px;
}
#closet #model_btns #model_skin:hover {
    background-position:    -674px -20px;
}
#closet #model_btns #model_hair:hover {
    background-position:    -732px -20px;
}


/* shadows for boxes */ 
.cbb {
    padding:0 10px;
    margin:1em 0;
    background:#fff;
    border:1px solid #666;
}

.cbb h1 {
    margin:0 -10px;
    padding:0.3em 10px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
cb {
    margin:0.5em 0;
}
.two {
    width:45%;
    float:left;
}
.three {
    width:45%;
    float:right;
}
/* Rules for the top corners and border */
.bt {
    background:url(/images/profile/box.png) no-repeat 100% 0;
    margin:0 0 0 18px;
    height:6px;
    z-index:1;
}

.bt div {
    height:6px;
    width:18px;
    position:relative;
    left:-18px;
    z-index:1;
    background:url(/images/profile/box.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
    background:url(/images/profile/box.png) no-repeat 100% 100%;
    margin:0 0 0 12px;
    height:7px;
}
.bb div {
    height:7px;
    width:12px;
    position:relative;
    left:-12px;
    background:url(/images/profile/box.png) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
    padding:0 0 0 7px;
    background:url(/images/profile/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
    padding:0 7px 0 0;
    background:url(/images/profile/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
    background:#fff;
    border:1px solid #fff;
    border-width:1px 0;
    padding:0 6px;
}
/* CSS for the box ends here */

/* You can use different borders for different boxes on the same page. Just adjust the CSS. The following is an example that uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
.three .i1,
.three .i2 {
    background-image:url(/images/profile/borders.gif);
}
.three .bt,
.three .bt div,
.three .bb,
.three .bb div {
    background-image:url(/images/profile/box.gif);
}

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
    margin:0 -10px;
    padding:0.3em 10px;
    background:#efece6;
    font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

.checklist_checkbox {
	text-align:		left;
	padding-left:	28px;
	background-image: url(/images/buttons/checkmark.png?a);
	background-repeat:no-repeat;
	height:			23px;
	line-height:	22px;
	width:			300px;
}

.checklist_checkbox_checked {
	background-position:	0px -24px;
}

.checklist_checkbox_unchecked {
	background-position:	0px 0px;
}

/* contest page CSS */
#contest_page {
	position:	absolute;
	top: 		0px;
	left: 		0px;
	width: 		960px;
	height: 	600px;
	text-align: left;
	background:	white;
}

#contestTabs {
	position:	absolute;
	top:		6px;
	left:		10px;
	display:	block;
}

#contest_body {
	position:	relative;
	top: 		39px;
	left: 		0px;
	width: 		960px;
	height: 	558px;
	text-align: left;
	background-color:	white;
	overflow-y:	auto;
	border-top:	3px solid black;
	z-index:	1
}

#contest_instructions {
	padding-left:	86px;
	position:		relative;
	background-image:url(/images/contests/contest_bkg.png);
	background-repeat:repeat-y;
	min-height:		560px;
	clear: 			both;
}

#contest_summary {
	text-align:		center;
	width:		720px;
	font-size:	30px;
	font-weight:bold;
	text-align:	center;
}

#contest_winners_announced {
	width:		320px;
	padding-top:15px;
	font-size:	14px;
}
#contest_special_winners_announced {
	width:		320px;
	margin-top:	-5px
}
.contest_individual {
	width:		inherit;
	height:		auto;
	position:	relative;
	margin:		10px;
}
.contest_individual_name {
	position:	relative;
	background-image:url(../images/contests/banner_background.png);
	background-repeat:no-repeat;
	color:		white;
	height:		26px;
	width:		auto;
	padding-left:10px;
	padding-top:5px;
	border-bottom:1px solid #00AE89;
}
.contest_individual_body {
	position:	relative;
	border-bottom:1px solid #2FD0AC;
	border-left:1px solid #2FD0AC;
	border-right:1px solid #2FD0AC;
	height:		auto;
	width:		921px;
}
	.contest_individual_main {
		width:100%;
	}
	.contest_individual_main_wrap {
		width:		auto;
		height:		auto;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		min-height:	185px;
		background-color:white;
	}
	.contest_individual_box {
		float:		right;
		margin-left:0%;
		width:		300px;
	}
	
	.contest_individual_box_text {
		position:	relative;
		background-color:#DDEEFD;
		height:		inherit;
		min-height:	115px;
		padding:	20px;
		border-left:1px solid #2FD0AC;
		border-bottom:1px solid #2FD0AC;
	}
	.contest_individual_text_started {
		text-align:	center;
		width:		inherit;
		font-size:	14px;
		color:		#9200C3;
		font-weight:bold;
	}
ul#contestTabs {
	list-style: none;
	padding:0px;
	margin:0px;
	display: block;
	padding-top:  10px;
}

ul#contestTabs li {
	color:	white;
	float:	left;
	background:  black;
	width:  168px;
	line-height: 25px;
	margin-left:  4px;
	cursor: pointer;    
    text-align:center;
    border: 1px solid #C0C0C0;
    height: 24px;
    display:block;
    font-size:15px;
}

ul#contestTabs li em {
	display: block;
	width:  168px;
	text-align: center;
	font-weight: bold;
}


ul#contestTabs li.active {
	color:	black;
    background-color:   #ED1BC0;
}

#contest-store-wrapper {
	position:relative;
	top: 0px;
	left: 0px;
	width:980px;
	height:500px;
	text-align: left;
	background-image:url(/images/contests/fullscreen_store_r2.png);
	background-repeat:no-repeat; 
	margin:0px;
}

#contest-store-wrapper button{
	width:120px;
	height:auto;
}

#prom_contests_text {
    float:      left;
    width:      356px;
    background-color:white;
    font-size:  13px;
    padding-left:8px;
}

div#prom_contests_text div#pad_ul li {
    padding-left:14px;
}

#prom_contests_text p {
   font-size:  13px;
}

.prom_form {
    position:   absolute;
    top:        50px;
    left:       556px;
}

.prom_tab_active {
    cursor:     pointer;
    position:   absolute;
    top:        2px;
    left:       434px;
    background: url(/images/contests/prom_sprite.png) no-repeat 0px -139px;
    height:     47px;
    width:      153px;
    z-index:    10;
}

.prom_tab_active_on {
    cursor:     pointer;
    position:   absolute;
    top:        2px;
    left:       434px;
    background: url(/images/contests/prom_sprite.png) no-repeat 0px -185px;
    height:     47px;
    width:      153px;
    z-index:    10;
}

.voting-booth  div#left-frame {
    width:  210px;
    height: 100px;
    float:  left;
    padding-top:8px;
}

.voting-booth  div#left-frame div.black-title-bar {
    position:   relative;
    background: black;
    width:      200px;
    height:     18px;
    padding-top:2px;
    border:     1px solid #C0C0C0;
    font-weight:bold;
    color:      white;
    font-size:  14px;
    margin-left:4px;
}

.voting-booth  div#left-frame div.text-wrapper {
    position:   relative;
    padding-left:20px;
    font-size:  12px;
    padding-top:2px;
    padding-bottom:6px;
}

.voting-booth  div#left-frame div#banner-container div#banner {
    background: transparent url(/images/contests/voting_booth_sprite.png) repeat scroll 0 -89px;
    height:     46px;
    margin-left:5px;
    position:   absolute;
    width:      188px;
    z-index:    100;
    cursor:     pointer;
}

.voting-booth  div#left-frame div#banner-container div#banner:hover {
    background: transparent url(/images/contests/voting_booth_sprite.png) repeat scroll 0 -42px;
}

.voting-booth  div#left-frame div#banner-container div#text-wrapper {
    background: red none repeat scroll 0 0;
    position:   absolute;   
    height:     94px;
    width:      192px;
    margin:     40px 0 0 4px;
    color:      white;
    padding:    4px;
    z-index:1;
}

.voting-booth div#middle-frame {
    width:  260px;
    height: 100px;
    float:  left;
    padding:8px 6px 0 0;
}
.voting-booth div#middle-frame div#top-wrapper {
    position:   relative;
}

.voting-booth div#middle-frame div#top-wrapper div#vote {
    background: url(/images/contests/voting_booth_sprite.png) 0px 0px;
    float:      right;
    width:      89px;
    height:     34px;
    cursor:     pointer;
}
.voting-booth div#middle-frame div#top-wrapper div#vote:hover {    
    background: url(/images/contests/voting_booth_sprite.png) -90px 0px;
}
.voting-booth div#middle-frame div#vb_image {
    background: url(/assets/blank.gif);
    width:      260px;
    height:     320px;
    background-repeat:no-repeat;
    margin-bottom:4px;
}

.voting-booth div#middle-frame div#vb_description_wrapper {
    background:black;
    width:      252px;
    height:     36px;
    overflow:   hidden;
    color:      white;
    padding:    4px;
    font-size:  13px;
}

.voting-booth div#middle-frame div#user-input-wrapper {
    position:   relative;
    margin-top: 4px;
}

.voting-booth div#middle-frame div#user-input-wrapper div#input-btn-wrapper {
    position:   relative;
    top:        1px;
    left:       200px;
}

.voting-booth div#middle-frame div#user-input-wrapper div#input-btn-wrapper input {
    background: url(/images/contests/voting_booth_sprite.png) -181px 0px;
    height:     21px;
    width:      60px;
    border:     0 none;
    color:      black;
    letter-spacing:1px;
    cursor:     pointer;
    font-size:  11px;
    font-weight:bold;
    height:     21px;
    width:      60px;
    margin:     0;
}
.voting-booth div#middle-frame div#user-input-wrapper div#input-btn-wrapper input:hover {
    background: url(/images/contests/voting_booth_sprite.png) -181px -21px;
}

.voting-booth div#right-frame {
    width:  460px;
    height: auto;
    float:  left;
    padding-top:8px;
}

.voting-booth div#right-frame div#top-wrapper {
    width:  100%;
    height: 40px;
    border-bottom:4px solid #FF0099;
}

.voting-booth div#right-frame div#top-wrapper ul {
    font-size:  12px;
    float:      right;
    height:     10px;
    width:      188px;
    background-color:transparent;
    margin-top: 25px;
}

.voting-booth div#right-frame div#top-wrapper ul li {
    display:    inline;
    text-align: center;
    padding:    0px 6px;
}

.voting-booth div#right-frame div#top-wrapper ul li.active {
    background-color:   #ff0099;
}

.voting-booth div#right-frame div#prom_entries_wrapper img {
    display:inline;
    padding:4px;    
}

/* end contest */

.rating {
    cursor: pointer;
    clear: both;
    display: block;
	margin:auto;
	width:95px;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.star,
.star a { background: url(../images/stars.png) no-repeat 0 0px; }

.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

.star_1_4 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.star_1_4 a { background: url(../images/stars_1-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.star_1_2 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.star_1_2 a { background: url(../images/stars_1-2.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.star_3_4 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.star_3_4 a { background: url(../images/stars_3-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

div.rating div.on a {
    background-position: 0 -16px;
}

div.rating div.hover a,
div.rating div a:hover {
	background-image: url(../images/stars.png);
    background-position: 0 -32px;
}

div.notifytext {
    margin-top: 5px;
    font-size: .8em;
    clear: both;
}

/* yellow stars */
.yellow_rating {
    clear: both;
    display: block;
	margin:auto;
	width:95px;
}

.yellow_rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}


.yellow_star {
    float: left;
    width: 17px;
    height: 20px;
    overflow: hidden;
    text-indent: -999em;
}

.yellow_star,
.yellow_star a { background: url(../images/yellow_stars.png) no-repeat 0 0px; }

.yellow_star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}
.yellow_star_1_4 { float: left; width: 17px; height: 20px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.yellow_star_1_4 a { background: url(../images/yellow_stars_1-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.yellow_star_1_2 { float: left; width: 17px; height: 20px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.yellow_star_1_2 a { background: url(../images/yellow_stars_1-2.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.yellow_star_3_4 { float: left; width: 17px; height: 20px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.yellow_star_3_4 a { background: url(../images/yellow_stars_3-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

div.yellow_rating div.on a {
    background-position: 0 -19px;
}

/* white stors */
.white_rating {
    cursor: pointer;
    clear: both;
    display: block;
	margin:auto;
	width:95px;
}

.white_rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}

.white_star {
    float: left;
    width: 17px;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.white_star,
.white_star a { background: url(../images/white_stars.png) no-repeat 0 0px; }

.white_star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0px;
}

.white_star_1_4 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.white_star_1_4 a { background: url(../images/white_stars_1-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.white_star_1_2 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.white_star_1_2 a { background: url(../images/white_stars_1-2.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

.white_star_3_4 { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
.white_star_3_4 a { background: url(../images/white_stars_3-4.png) no-repeat 0px 0px; display: block; width: 100%; height: 100%; }

div.white_rating div.on a {
    background-position: 0 -16px;
}

div.white_rating div.hover a,
div.white_rating div a:hover {
	background-image: url(../images/white_stars.png);
    background-position: 0 -32px;
}

#ratingdiv {
    height: 35px;
}
/* Profile styles */
div#profile {
	font-size:10pt;
}

div#profile hr {
    border:     dotted #D9D9D9; 
    border-width:1px 0 0 0; 
    height:     0;
    line-height:0px;
    font-size:  0;
    margin:     0;
    padding:    10px 0 10px 0;
}

div#profile-view {
	text-align: left;
    position:   relative;
    top:        0px;
    left:       10px;
    width:      auto;
    height:     auto;    
}
    div#profile-view div.spacer {
        height: 4px;
        width:  1px;
    }

    div#profile-view .clearme {
        border-top: 1px dashed #C0C0C0;
        clear:      both;
    }

    div#profile-view .head-text {
        font-size:  12px;
        font-weight:bold;
        letter-spacing:1px;
    }

	div#profile-view div#top-wrapper {
		position:	relative;
        width:      900px;
        height:     304px;
        background-color:white;
        text-align: left;
	}
    
    div#profile-view div#top-wrapper .title-text {
        font-size:  14px;
        font-weight:bold;
        letter-spacing:0;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#edit-profile-text {
        float:right;
        margin-top:0px;
        font-size:12px;
        font-weight:bold;
        color:red
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#edit-profile-text {
        color:  red;
    }
    
div#profile-view div#top-wrapper div#right-side {
    float:  right;
    width:  262px;
    height: 300px;
    overflow:hidden;
}
    
    div#profile-view div#top-wrapper div#right-side div.garment-wrapper {
        float:      left;
        position:   relative;
    }
    
    div#profile-view div#top-wrapper div#right-side div.garment-wrapper-image {
        background: url(/images/profile/garment-bg.png) no-repeat; 
        height:     279px; 
        width:      130px;
        padding-top:12px;
        text-align: center;
        margin-top: -20px;
        position:   relative;
        z-index:    1
    }
    
    div#profile-view div#top-wrapper div#right-side div.plus-minus-wrapper {
        position:   absolute;
        top:        258px;
        width:      30px;
        left:       92px;
        z-index:    100px;
    }

    div#profile-view div#top-wrapper div#right-side div.plus {
        float:  left;
        width:  15px; 
        height: 14px;
        background:url(/images/profile/plusminus.png) no-repeat 0px -14px;
    }

    div#profile-view div#top-wrapper div#right-side div.plus:hover {
        background-position:    0px 0px;
    }

    div#profile-view div#top-wrapper div#right-side div.minus {
        float:  left;
        width:  15px; 
        height: 14px;
        background:url(/images/profile/plusminus.png) no-repeat -15px -14px;
    }

    div#profile-view div#top-wrapper div#right-side div.minus:hover {
        background-position:    -15px 0px;
    }
    
    div#profile-view div#top-wrapper div#right-side div.garment-wrapper-image div.garment-wrapper-clothes {
        height: 255px;
        width:  124px;
        overflow:hidden;
        margin-left:3px;
    }
    
        div#profile-view div#top-wrapper div#right-side div.garment-wrapper-image div.garment-wrapper-clothes img {
            cursor: pointer;
            margin-top:16px;
            position:absolute;
            top:    17px;
            left:   11px;
        }
    
    div#profile-view div#top-wrapper div#right-side div.garment-wrapper-title {
        background-color:black;
        height:         25px;
        width:          117px;
        margin-left:    6px;
        margin-top:     6px;
        z-index:        100;
        position:       absolute;
        border-bottom:  1px solid #4F4F4F;
    }

div#profile-view div#top-wrapper div#left-side div#button-wrapper {
    height: 32px;
    width:  auto;
}

    div#profile-view div#top-wrapper div#left-side div#button-wrapper div.button {
        background-image:   url(/images/profile/profile_btns.png);
        background-repeat:  no-repeat;
        cursor:             pointer;
        float:              left;
        margin-left:       4px;
    }

    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#player_btn_s{
        background-position: 0px -20px;
        width:      65px;
        height:     20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#player_btn_s:hover{
        background-position:    0px 0px;
    } 

    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#player_btn_d{
        background-position: -65px -20px;
        width:      111px;
        height:     20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#player_btn_d:hover{
        background-position:    -65px 0px;
    }    
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#stuff_btn{
        background-position: -176px -20px;
        width:      65px;
        height:     20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#stuff_btn:hover{
        background-position:    -176px 0px;
    }    

    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#closet_btn{
        background-position:    -241px -20px;
        width:      77px;
        height:     20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#closet_btn:hover{
        background-position:    -241px 0px;
    }        
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#blog_btn{
        background-position: -319px -20px;
        width:      59px;
        height:     20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#button-wrapper div#blog_btn:hover{
        background-position:    -319px 0px;
    }      

div#profile-view div#top-wrapper div#left-side div#heading-bar {
    border: 1px solid;
    border-color: #808080 #7D7D7D #404040 #808080;
    height: 82px;
    width:  99%;
    position:relative;
}

div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper {
    float:  right;
    width:  200px;
    height: 76px;
    position:relative;
}

    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div.elements {
        position:   relative;
    }
    
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#style-rating-input, 
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#design-rating-input, 
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#profile-rating-input  {
        float:  right;
        padding-top:4px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#style-rating-text, 
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#design-rating-text, 
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#profile-rating-text {
        float:          left;
        font-weight:    bold;
        padding-top:    4px;
/*        text-align:     right;*/
        font-size:      12px;
        width:          96px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div.elements p, 
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#style-rating-input div,
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#design-rating-input div,
    div#profile-view div#top-wrapper div#left-side div#heading-bar div#ratings-wrapper div#profile-rating-input div {
        float:  left;
    }
    
    div#profile-view div#top-wrapper div#left-side div#heading-bar p {
        color:  white;
        padding-top:4px;
    }

    div#profile-view div#top-wrapper div#left-side div#heading-bar div#logo-wrapper {
        float:  left;
        padding-right:6px;
        margin: 3px 0 0 3px;
    }

div#profile-view div#top-wrapper div#left-side div#info-wrapper {
    height: 180px;
}

div#profile-view div#top-wrapper div#left-side div#info-wrapper .titles {
    margin-top:8px;
}

div#profile-view div#top-wrapper div#left-side div#info-wrapper .data,
div#profile-view div#top-wrapper div#left-side div#info-wrapper div#infocell .data {
    margin-top:8px;
	font-weight:normal;
	font-style:italic;
	color:gray;
}

div#profile-view div#top-wrapper div#left-side div#info-wrapper div.divameter-wrapper {
	float: left;
	width: 140px;
	height: 80px;
	border-left-style:solid;
	border-width:1px;
	padding-left:5px;
	margin-top:3px;
}

div#profile-view div#top-wrapper div#left-side div#info-wrapper div.infocell {
	float: left;
	width: 140px;
	height: 80px;
	border-left-style:solid; 
	border-width:1px; 
	padding-left:5px; 
	margin-top:3px;
}

div#profile-view div#top-wrapper div#left-side div#info-wrapper hr {
    margin: 0px;
    padding:0px;
}
    div#profile-view div#top-wrapper div#left-side div#info-wrapper div.total-rankings {
        float:  right;
        padding-top:6px;
    }
    div#profile-view div#top-wrapper div#left-side div#info-wrapper div.total-rankings a {
        cursor: default;
    }
    div#profile-view div#top-wrapper div#left-side div#info-wrapper div#infoline-wrapper {
        height: 40px; 
        float:  left;
        width:  100%;
        padding-top:0px
    }
    
    div#profile-view div#top-wrapper div#left-side div#info-wrapper div.actions-wrapper {
        font-size:  12px;
        float:      right;
        padding-right:20px;
    }
    
    div#profile-view div#top-wrapper div#left-side div#info-wrapper div.actions-wrapper a {
        font-weight:normal;
    }


div#profile-view div#content-wrapper {
    margin:     0px 6px 6px 6px;
    position:   relative;
    display:    block;
    width:      914px;
    height:     auto;
    overflow:   none;
    text-align: left;
}
    
    div#profile-view div#top-wrapper div#left-side {
        float:  left;
        width:  630px;
        height: 100%;
        overflow:hidden;
        margin-left:4px;
    }

    div#profile-view  div.title-bar {
        background-color:black;
        border-color:#C0C0C0 #7D7D7D #404040 #808080;
        border-style:solid;
        border-width:1px;
        margin-top: 0px;
        padding-top:3px;
        color:      white;
        height:     15px;
    }

    div#profile-view div#content-wrapper div#left-wrapper {
        float:  left;
        width:  220px;
        height: auto;
        position:relative;
    }
    
    div#profile-view div#content-wrapper div#left-wrapper div.white-box {
        height:     330px; 
        width:      193px;
        background-color:white;
    }

        div#profile-view div#content-wrapper div#left-wrapper div#favorite-image {
            width:  192px;
            height: 143px;
            background-color:black;
            text-align:center;
        }

    div#profile-view div#content-wrapper div#right-wrapper {
        float:  right;
        width:  694px;
        height: auto;
    }
    
    div#profile-view div#content-wrapper div#right-wrapper td.border-sides {
        border:         dotted #C0C0C0;
        border-width:   0px 1px 1px 0px;
    }
    
    div#profile-view div#content-wrapper div#right-wrapper td.border-bottom {
        border-bottom:  1px dotted #C0C0C0;
    }
    
    div#profile-view div#content-wrapper div#right-wrapper td.column-heading {
        border-right:   1px dotted #C0C0C0;
        font-size:      11px;
        font-weight:    bold;
        padding-left:   4px;
    }

/* edit profile */
.align_top {
	vertical-align:top;
}

.colorSelector li {
	
	float: left;
	height: 34px;
	width: 34px;
	display: block;
	margin: 1px;
}
.colorSelector li div {
	margin: 1px;	
}
#contentTable {
	table-layout:auto; 
	width:378px;}
	
#contentTable td {padding:0.5em; vertical-align:top;}

#edit-profile {
	position:	absolute;
	top: 		90px; 
	left: 		10px;
	width: 		610px;
	height: 	450px;
	text-align: left;
	border: 	1px solid #a9a9a9;
	background-color: #CCFFFF;
	padding:	10px;
}

	#edit-profile a {
		color:		blue; 
		font-size:	14px; 
	}

	#edit-profile #status {
		color:		red; 
		font-size:	9px;
	}
	
	#edit-profile #change-password {
		position: 	absolute; 
		top: 		20px; 
		left: 		320px;
	}
	
	#edit-profile #change-password a {
		font-size:	11px;
	}


#MYACCOUNT a {
	color:		blue; 
}

ul.bulleted li {
	list-style: disc inside;
}

.asset_group_on {
	font-size:13px;
	font-weight:bold;
	color:purple;
}

.asset_group_off {
	font-size:13px;
	font-weight:bold;
	color:yellow;
}

		
div#backBtn {
	position:			absolute;
	top:				495px;
	left:				0px;
	height:				49px;
	width:				85px;
	background:			url(/images/designer/back_bttn.png);
	background-position:0 -49px;
	display:			none;
	z-index:			2;
}

div#backBtn:hover {
	background-position: 0 0px;
}

img.designerBtn {
	cursor:		pointer;
	cursor:		hand;
}

div#costSheet_tbl {
	height:		300px;
	width:		250px;
	padding:	10px;
	overflow:	auto; 
	margin-top:	45px;
}

div#costSheet_tbl table {
	width:			245px;
	font-weight:	bold;
}

div#model_area {
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		269px;
	height:		561px;
	background:	transparent url(/images/designer/new/model_fitter_bg.png);
}

	div#costsheet {
		position:	absolute;
		top:		0px;
		left:		0px;
		display:	none;
		width:		268px;
		height:		560px;
		z-index:	1;
	}

		div#costsheet div.yellowbg {
			width:		200px;
		}

	img#saveimg {
		position:	absolute;
		right:		0px;
		top:		495px;
		cursor:		pointer;
		cursor:		hand;
	}

	div#costdiv {
		position:	absolute;
		left:		0px;
		top:		495px;
		height:		49px;
		width:		193px;
		background:	transparent url(/images/designer/new/cost_button_bg.png);
	}
		
		div#costdetails {
			background-image:	url(/images/designer/new/costsheet_dual.png);
			background-position:0 0px;
			height:				49px;
			width:				85px;
			position:	absolute;
			top:		0px;
			left:		0px;
			cursor:				pointer;
			cursor:				hand;
		}
		
		/*img#costdetails {
			position:	absolute;
			top:		0px;
			left:		0px;
			cursor:		pointer;
			cursor:		hand;
		}*/
		
div#preview_bar {
	position:	absolute;
	left:		272px;
	top:		0px;
	width:		108px;
	height:		561px;
	text-align:	center;
	background:	transparent url(/images/designer/new/preview_bar_bg.png);
}

	div#preview_list {
		position:	absolute;
		top:		50px;
		left:		5px;
	}

		div#preview_bar ul {
			margin:		0px;
			padding:	0px;
		}

			div#preview_bar li {
				width:		99px;
				height:		107px;
				padding:	0px;
				margin:		0px;
			}
			div#preview_bar li div.preview_item {
				background:	transparent url(/images/designer/new/preview_bar_item_bg.png);
				width:		99px;
				height:		107px;
				position:	relative;
			}
			
			div#preview_bar li.active div.preview_item {
				border:		2px solid #FFF200;
				width:		95px;
				height:		103px;
			}
		
			div#preview_bar img {
				border:		0px;
			}

			div#preview_bar img.remimg {
				position:	absolute;
				top:		2px;
				right:		2px;
			}
	
	img#preview-prev {
		position:	absolute;
		top:		504px;
		left:		45px;
	}

	img#preview-next {
		position:	absolute;
		top:		528px;
		left:		45px;
	}

div#assets_area {
	position:	absolute;
	left:		384px;
	top:		0px;
	width:		587px;
	height:		441px;
	z-index:	100px;
}

	ul#asset_groups_menu_top {
		position:	absolute;
		top:		0px;
		left:		33px;
		list-style:	none;
		height:		40px;
		width:		587px;
	}

	ul#asset_groups_menu_bottom {
		position:	absolute;
		top:		20px;
		left:		0px;
		list-style:	none;
		height:		44px;
		width:		587px;
	}

		div#asset_groups_menu ul li {
			float:		left;
			margin:		0px 2px 0px 0px;
			height:		40px;
			background:	transparent url(/images/designer/new/asset_finder_cat_bg_right.png) no-repeat top right;
			z-index:	0;
			cursor:		pointer;
			cursor:		hand;
		}
		
		div#asset_groups_menu  li.active {
			background:	transparent url(/images/designer/new/asset_finder_cat_bg_active_right.png) no-repeat top right;
		}
		

			div#asset_groups_menu  div {
				background:	transparent url(/images/designer/new/asset_finder_cat_bg_left.png) no-repeat top left;
				height:			40px;
				margin-right:	9px;
				padding:		3px 0 0 9px;
				color:			purple;
				font-weight:	bold;
				font-size:		13px;
			}
			div#asset_groups_menu div:hover{
				color:	yellow;
			}

			div#asset_groups_menu li.active div {
				background:	transparent url(/images/designer/new/asset_finder_cat_bg_active_left.png) no-repeat top left;
				color:yellow;
			}


	div#groups_wrapper {
		position:	absolute;
		top:		40px;
		left:		0px;
		background:	transparent url(/images/designer/new/asset_finder_bg.png);
		height:		401px;
		width:		587px;
		z-index:	100;
	}

	div#elements_selector {
		width:		110px;
		float:		left;
	}

		div#asset_types_menu_wrapper ul{
			width:		120px;
			height:		380px;
			text-align:	right;
			overflow-x:	hidden;
			overflow-y: scroll;
			margin:		5px 2px;
		}

		div#asset_types_menu_wrapper ul li {
			height:		18px;
			width:		103px;
			font-size:	12px;
			line-height:	18px;
			font-weight:	bold;
			margin-top:	5px;
			color:		#EC008C;
			text-align:	center;
			padding:	0px 2px 0px 0px;
			overflow:	hidden;
			background:	transparent url(/images/designer/new/asset_finder_type_bg.png);
			background-repeat:	no-repeat;
			cursor:		pointer;
			cursor:		hand;
		}
	
		div#asset_types_menu_wrapper ul li.active {
			background:	transparent url(/images/designer/new/asset_finder_type_bg_active.png);
			background-repeat: no-repeat;
		}

	div#assets-carousel-container div.carousel-component {
		width:		452px;
		height:		366px;
		overflow:	hidden;
		margin:		9px 0px 0px 13px;
		float:		left;
	}

		div#assets-carousel-container ul.carousel-list {
			position:	relative;
		}

		div#assets-carousel-container ul.carousel-list li {
			width:		113px;
			padding:	0px;
			margin-right:	0px;
		}

		div#assets-carousel-container ul.carousel-list li li {
			width:		113px;
			height:		122px;
			background:	transparent url(/images/designer/new/asset_finder_item_bg.png);
			cursor:		pointer;
			cursor:		hand;
		}

		div#assets-carousel-container ul.carousel-list img {
			margin:		auto;
			border:		0px none;
		}

		div.asset-extras {
			position:	absolute;
			left:		3px;
			top:		92px;
			width:		108px;
			cursor:		pointer;
			cursor:		hand;
		}
			div.asset-extras div {
				border:		1px solid #999999;
				font-weight:	bold;
				color:		black;
				text-align:	center;
			}
		
		img.sold-out {
			position:	absolute;
			left:		7px;
			top:		20px;
		}

		img.rare-asset {
			position:	absolute;
			left:		7px;
			top:		20px;
		}

		img.new-asset {
			position:	absolute;
			left:		5px;
			top:		14px;
		}

	div.asset-pagination {
		position:	absolute;
		top:		385px;
		left:		290px;
		width:		290px;
		text-align:	right;
	}

div#color_pattern_picker {
	position:	absolute;
	left:		384px;
	top:		431px;
	width:		587px;
	height:		127px;
	z-index:	2;
}

	ul#pattern_groups_menu li {
		float:		left;
		margin:		0px 2px 0px 0px;
		height:		40px;
		background:	transparent url(/images/designer/new/pattern_cat_bg_right.png) no-repeat top right;
		z-index:	0;
		cursor:		pointer;
		cursor:		hand;
	}
	
	ul#pattern_groups_menu  li.active {
		background:	transparent url(/images/designer/new/pattern_cat_bg_active_right.png) no-repeat top right;
	}

		ul#pattern_groups_menu  div {
			background:	transparent url(/images/designer/new/pattern_cat_bg_left.png) no-repeat top left;
			height:		45px;
			margin-right:	9px;
			padding:		3px 0 0 9px;
			color:			purple;
			font-weight:	bold;
			font-size:		13px;
		}

		ul#pattern_groups_menu div:hover {
			color:yellow;
		}
		
		ul#pattern_groups_menu li.active div {
			background:	transparent url(/images/designer/new/pattern_cat_bg_active_left.png) no-repeat top left;	
			color:yellow;
		}


	div#pattern_types_menu_wrapper {
		width:		110px;
		float:		left;
	}

		div#pattern_types_menu_wrapper ul{
			width:		103px;
			height:		92px;
			overflow:	hidden;
			margin:		6px 3px;
		}

		div#pattern_types_menu_wrapper ul li {
			height:		18px;
			width:		103px;
			font-size:	12px;
			line-height:	18px;
			font-weight:	bold;
			margin-top:	5px;
			color:		#EC008C;
			text-align:	left;
			padding:	0px 2px 0px 10px;
			overflow:	hidden;
			background:	transparent url(/images/designer/new/asset_finder_type_bg.png);
			cursor:		pointer;
			cursor:		hand;
		}
	
		div#pattern_types_menu_wrapper ul li.active {
			background:	transparent url(/images/designer/new/asset_finder_type_bg_active.png);
		}

	div#pattern_wrapper {
		position:	absolute;
		top:		20px;
		left:		0px;
		background:	transparent url(/images/designer/new/color_pattern_picker_bg.png);
		height:		108px;
		width:		587px;
		z-index:	3;
	}

		div.pattern-carousel-container div.pattern-type-container {
			height:		97px;
			width:		477px;
			float:		left;
			text-align:	left;
		}

			div.pattern-type-container ul.pattern-categories li {
				float:		left;
				cursor:		hand;
				cursor:		pointer;
				font-size:	12px;
				font-weight:bold;
				padding-left:10px;
				color:		#FFF200;
				display:	block;
			}

			div.pattern-type-container ul.pattern-categories li.active {
				color:		#EC008C;
			}

			div.pattern-type-container ul.carousel-list li {
				width:		56px;
				padding:	0px;
			}

				div.pattern-type-container ul.carousel-list li li {
					cursor:		pointer;
					cursor:		hand;
					padding:	0px 2px 2px 0px;
				}

			div.pattern-pagination {
				text-align:	right;
				padding:	0px 7px 3px 0px;
				position:	absolute;
				bottom:		0px;
				right:		0px;
			}


ul#pattern_groups_menu {
	list-style:	none;
	height:		16px;
	width:		446px;
}

ul#pattern_groups_menu li {
	float:		left;
	margin:		0px 2px 0px 0px;
	font-size:	14px;
}

div#sell-design-msg {
	margin-bottom: 10px;
}
div#personal-library {
	position:	relative;
	top:		2px;
	text-align:	left;
	width:		974px;
	height:		566px;
	background-image:	url(/images/library/personal_library_bg.png);
}
div#personal-library-others {
	position:	relative;
	top:		2px;
	text-align:	left;
	width:		974px;
	height:		566px;
	background-image:	url(/images/library/personal_library_bg_others.png);
}

	div#personal-library div#library-buttons {
		position:	absolute;
		top:		35px;
		left:		520px;
		width:		207px;
		height:		30px;
	}

	div#personal-library-others div#library-buttons {
		position:	absolute;
		top:		35px;
		left:		660px;
		width:		207px;
		height:		30px;
	}

	div#personal-library div#library-select-view ,
	div#personal-library-others div#library-select-view {
		position:	absolute;
		top:		105px;
		left:		72px;
		height:		200px;
		width:		188px;
	}

		div#library-select-view div.view-library-btn {
			position:	relative;
			padding-top:	5px;
			z-index:	1;
		}

		div#library-select-view div.view-library-btn img {
			position:	relative;
			left:		16px;
		}

		div#library-select-view div.view-library-btn img.active {
			position:	relative;
			left:		29px;
		}

		div#library-select-view div#library-friends-list {
			position:	relative;
			top:		-50px;
			height:		181px;
			background-image:	url(/images/library/friends_bg.png);
			overflow:	hidden;
		}

			div#library-friends-list ul {
				display:	block;
				overflow-x:	hidden;
				overflow-y:	scroll;
				width:		183px;
				height:		120px;
				position:	relative;
				top:		53px;
				left:		6px;
			}

				div#library-friends-list ul li {
					padding-bottom:		4px;
					cursor:			pointer;
					cursor:			hand;
				}


				div#library-friends-list div {
					width:		154px;
					text-align:	left;
					padding-left:	8px;
				}

					div#library-friends-list div.menu-item {
						height:			24px;
						line-height:		24px;
						background-image:	url(/images/library/menu_item_bg.png);
					}

					div#library-friends-list li.active div.menu-item {
						background-image:	url(/images/library/menu_item_active_bg.png);
					}
				

	div#personal-library div#library-menu ,
	div#personal-library-others div#library-menu {
		position:	absolute;
		bottom:		30px;
		left:		72px;
		height:		189px;
		width:		195px;
		overflow:	auto;
		z-index:	2;
		background-image:	url(/images/library/menu_bg.png);
	}

		div#library-menu div.library-menu {
			width:		168px;
			height:		169px;
			display:	none;
			text-align:	left;
			padding:	10px 0 10px 5px;
			background-image:	url(/images/library/menu_bg.png);
		}
		
		div#library-menu div#library-menu-loader{
				position:	absolute;
				top:		0px;
				left:		0px;
				background:	transparent;
				height:		100px;
				display:	none;
			}
			
			div#library-menu ul {
				display:	block;
				overflow-x:	hidden;
				overflow-y:	scroll;
				width:		183px;
			}

				div#library-menu ul li {
					cursor:			pointer;
					cursor:			hand;
				}

				div#library-menu ul li div {
					margin-bottom:		4px;
				}

			div#library-menu ul.asset-menu {
				height:		166px;
			}

			div#library-menu div.library-menu div {
				width:		154px;
				text-align:	left;
				padding-left:	8px;
			}

			div.menu-item {
				height:			24px;
				line-height:		24px;
				font-size:		14px;
				font-weight:		bold;
				color:			#231f20;
				background-image:	url(/images/library/menu_item_bg.png);
			}

			li.active div.menu-item {
				background-image:	url(/images/library/menu_item_active_bg.png);
				color:			#ec008c;
			}

				ul.submenu li {
					margin-left:		27px;
				}

				div#library-menu div.library-menu ul.submenu div.submenu-item {
					width:			128px;
					font-size:		14px;
					font-weight:		bold;
					color:			#231f20;
					height:			24px;
					line-height:	24px;
					background-image:	url(/images/library/submenu_item_bg.png);
					padding-left:	8px;
				}

				div#library-menu div.library-menu ul.submenu li.active div.submenu-item {
					background-image:	url(/images/library/submenu_item_active_bg.png);
				}


	div#personal-library div#library-main ,
	div#personal-library-others div#library-main {
		text-align:	center;
	}

		div#library-main div#library-items {
			position:	absolute;
			top:		67px;
			left:		264px;
			height:		482px;
			width:		490px;
			overflow:	auto;
			background-image:	url(/images/library/active_bg.png);
		}

		div#personal-library-others div#library-main div#library-items {
			width:		620px;
			background-image:	url(/images/library/active_bg_others.png);
		}

			div#library-items div.library-items {
				clear:		both;
				width:		480px;
				height:		470px;
				margin:		5px;
			}

			div#personal-library-others div#library-items div.library-items {
				width:		610px;
			}
			
			div#library-items div#library-items-mine {
			}
			
			div#library-items div#library-items-theirs {
			}
			
			div#library-items div#library-items-loader{
				position:	absolute;
				top:		0px;
				left:		0px;
				background:	transparent;
				height:		100px;
				display:	none;
			}		

				div.library-items div.library-item {
					position:		relative;
					float:			left;
					width:			110px;
					background-image:	url(/images/library/item_bg.png);
					margin-left:		2px;
					margin-top:		25px;
					border:			2px solid #017CFF;
				}
				

				div.library-items div.fabric-item {
					position:		relative;
					float:			left;
					width:			110px;
					height:			125px;
					background-image:	url(/images/library/item_bg.png);
					margin-left:		2px;
					margin-top:		25px;
					border:			2px solid #017CFF;
				}

				
					div.library-items div.fabric-item  img{
						margin-top:7px;
					}				

				div.library-items div.swap-items {
					clear:		both;
					overflow:	auto;
					width:		480px;
					height:		210px;
				}

					div.library-items div.swap-item {
						position:		relative;
						float:			left;
						width:			110px;
						background-image:	url(/images/library/item_bg.png);
						margin-left:		4px;
						margin-top:		25px;
					}

				div.library-items div.ad-item {
					padding:	5px;
				}

					div.library-items table {
						height:		125px;
						width:		110px;
					}

						div.library-items td.price {
							text-align:	right;
							color:		gray;
							font-size:	10px;
							height:		15px;
						}
	
		div#library-main div#library-swapbox {
			position:	absolute;
			top:		100px;
			right:		15px;
			height:		500px;
			width:		185px;
			text-align:	left;
		}

			div#library-swapbox-mine {
				background-image:	url(/images/library/mine_bg.png);
				height:				205px;
			}
			


			div#library-swapbox-theirs {
				background-image:	url(/images/library/theirs_bg.png);
				height:				205px;
			}
			
			
			
			.library-swapbox-area {
				position:	relative;
				top:		61px;
				left:		10px;
				height:		132px;
				width:		168px;
				overflow-y:	scroll;
				text-align:	center;
			}

			div#library-swapbox div.library-swapbox {
				clear:		both;
				overflow-y:	auto;
				width:		185px;
				height:		205px;
			}

				div.library-swapbox div.swapbox-item {
					float:	left;
					width:	150px;
					height:	250px;
				}
/* dollar store css */
div#two-dollar-store {

}

div.dollar-store-item {
	position:		relative;
	float:			left;
	width:			135px;
	height:			140px;
	background-image:	url(/images/2store/bluebox.png);
	margin-left:		20px;
	margin-top:		25px;
}
div.dollar-store-bundle {
	position:		relative;
	float:			none;
	clear:			both;
//	background-image:	url(/images/2store/bundlehead.png);
	padding-left:		2px;
	padding-right:		2px;
}

td.bundle_name {
	text-align:		center;
}
				
td.price {
	text-align:	right;
	color:		gray;
	font-size:	10px;
	height:		15px;
}

.dollar-store-menu-item {
	height:			24px;
	line-height:	24px;
	font-size:		14px;
	font-weight:	bold;
	color:			#231f20;
	background-image:	url(/images/library/menu_item_bg.png);
	margin-left:	2px;
	padding-left:	4px;
}

.mactive {
	height:				24px;
	line-height:		24px;
	font-size:			14px;
	font-weight:		bold;
	color:				#ec008c;
	background-image:	url(/images/library/menu_item_active_bg.png);
	background-repeat:	no-repeat;
}

.dollar-store-submenu-item {
					width:			120px;
					font-size:		14px;
					font-weight:	bold;
					color:			#231f20;
					height:			24px;
					line-height:	24px;
					background-image:	url(/images/library/submenu_item_bg.png);
					padding-left:	8px;
					margin:			8px;
					cursor:			hand;
					cursor:			pointer;
				}

.dollar-store-submenu-item-active{
					width:			120px;
					font-size:		14px;
					font-weight:	bold;
					color:			#231f20;
					height:			24px;
					line-height:	24px;
					padding-left:	8px;
					margin:			8px;
					background-image:	url(/images/library/submenu_item_active_bg.png);
				}
div.clearer{
  clear:both;
  height:0px;
  overflow:none;
  font-size:1px;
}
div.myshowroom{
  width:735px;
  height:543px;
  overflow:hidden;
  background:url(/images/showroom_new/background.png);
  position:relative;
  text-align:left;
  float:left;
}
div.myshowroom img.meetDesignerlogo{
  position: absolute;
  left:2px;
  top:35px;
  cursor:pointer;
}
div.myshowroom img.buy4storeLogo{
  position: absolute;
  left:13px;
  top:30px;
  cursor:pointer;
}
div.myshowroom div.yellow_btn{
	width:43px;
	height:29px;
	position:absolute;
	
}
div.myshowroom div.yellow_btn div.piece{
   float:left;
   cursor:pointer;
}
div.myshowroom div.yellow_btn a{
  float:left;
}
div.myshowroom div.yellow_btn a img{
  border:none;
}
/**********************
 *  Left column stuff
 **********************/
div.myshowroom div.leftcol{
	width:100px;
	height:400px;
	position:absolute;
	left: 6px;
	top: 131px;
}
div.myshowroom div.leftcol div.title{
  font-size: 12px;
  font-weight: bold;
  margin-left:8px;
}

div.myshowroom div.leftcol div.details{
   font-size: 12px;
     margin-left:8px;
}
div.myshowroom div.leftcol div.logo{
  margin:4px 0px 4px 8px;
  cursor:pointer;
}
div.myshowroom div.leftcol div.buttons{
	margin-top:5px;
}
div.myshowroom div.leftcol div.buttons a{
  background-image:url('/images/showroom_new/left_nav_highlight_long.png');
  background-repeat:no-repeat;
  color:#000000;
  float:left;
  font-size:12px;
  font-weight:bold;
  padding:5px 0px 15px 4px;
  text-decoration:none;
  width:95px;
  height:10px;
}
div.myshowroom div.leftcol div.buttons a:hover{
  background-image:url('/images/showroom_new/left_nav_highlight_long_a.png');
  background-repeat:no-repeat;
  color:#ED1E8D;
  height:10px;
}
div.myshowroom div.leftcol div.buttons img{
  border:none;
  margin-bottom:10px;
}



/*************************
 *  Main Panel
 *************************/
div.myshowroom div.clothespanel{
	position:absolute;
	width:570px;
	height:322px;
	left: 123px;
	top: 103px;

}
div.myshowroom div.clothespanel div.yellow_btn{
   top:145px;
   left:528px;
   z-index:500;
}
div.myshowroom div.clothespanel div.yellow_btn div.piece{
   float:left;
   cursor:pointer;
}
div.myshowroom div.clothespanel div.available_items{
  cursor:default;
  float:left;
  font-size:11px;
  left:448px;
  position:absolute;
  top:-2px;
}
div.myshowroom div.clothespanel div.tabs{
  padding-left:2px;
}

div.myshowroom div.clothespanel div.tabs img{
  border:none;
  float:left;
  cursor:pointer;
}
div.myshowroom div.clothespanel div.clothes{
	position:absolute;
	left: 12px;
	top: 28px;
	width: 570px;
	height: 278px;
	overflow:hidden;

}
div.myshowroom div.clothespanel div.clothes img.design{
  border:none;
  left:-12px;
  position:absolute;
  top:7px;
  width:128px;
}
div.myshowroom div.clothespanel div.clothes img.design_old{
  border:none; 
  width:84px; 
  position:absolute; 
  top:18px; 
  left:11px;
}
div.myshowroom div.clothespanel li{
  padding-top:0px
}
div.myshowroom div.clothespanel div.selector{
	position:absolute;
	background:url(/images/showroom_new/select_ring.png);
	width:105px;
	height:280px;
	left: 0px;
	top: 0px;
	z-index:-1;

}
div.myshowroom div.clothespanel div.pages{
	position:absolute;
	left: 472px;
	top: 298px;
	width: 100px;
	height: 10px;
	font-size:11px;

}
ul.caroPag{

}
ul.caroPag li{
  float:left;
  color:#31343E;
  margin-right:8px;
  cursor:pointer;
}
ul.caroPag li.current{
  color:#000000;
  cursor:default;
}

/****************************
 *  Item details box
 ****************************/
div.myshowroom div.itemdetails{
	width:178px;
	height:114px;
	position:absolute;
	background:url(/images/showroom_new/item_details_bg.png);
	left: 123px;
	top: 422px;
}
div.myshowroom div.itemdetails div.content{
  margin-top:30px;
  width:145px;
  margin-left: 15px;
}
div.myshowroom div.itemdetails div.content span.title{
  font-size:12px;
  float:left;
  clear:both;
  margin-right:6px;
  font-weight:bold;
}
div.myshowroom div.itemdetails div.content span.details{
  font-size:12px;
  
  float:left;
}
div.myshowroom div.itemdetails div.content span.detailsNL{
  font-size:12px;
  float:left;
  clear:both;
}
div.myshowroom div.itemdetails div.content div.rating{
  margin:0px;
  float:left;
  clear:none;
}
div.myshowroom div.itemdetails div.content div.orangebox_small{
  width:34px;
  height:13px;
  border:1px solid #B68EC4;
  background-color: #FDE8D9;
  float:left;
  font-size:10px;
  font-weight:bold;
  padding-left: 4px;
}
/****************************
 *  Where 2 Buy box
 ****************************/
div.myshowroom div.where2buy{
	background:url(/images/showroom_new/where_2_buy_bg.png);
	width:381px;
	height:114px;
	position:absolute;
	left: 309px;
	top: 422px;
}
div.myshowroom div.where2buy div.yellow_btn{
   left: 359px;
	top: 55px;
}
div.myshowroom div.where2buy div.content{
  margin-top:30px;
  width:300px;
  margin-left: 15px;
}
div.myshowroom div.where2buy div.store{
  width:80px;
  float:left;
  cursor:pointer;
}
div.myshowroom div.where2buy div.store div.logo{
  margin-bottom:5px;
  margin-left:12px;
  height:55px;
  width:85px;
  overflow:hidden;
}
div.myshowroom div.where2buy div.store div.name{
  color:black;
  font-size:10px;
  font-weight:bold;
}
div.myshowroom div.where2buy li{
  width:80px;
  margin:0px 2px;
  padding:0px;
}
/****************************
 *  Buy 4 Store
 ****************************/
div.myshowroom div.buy4store{
	background:url(/images/showroom_new/buy_4_store_bg.png);
	width:381px;
	height:114px;
	position:absolute;
	left: 309px;
	top: 422px;
	font-size:12px;
}
div.myshowroom div.buy4store div.content{
  margin-top:30px;
  width:351px;
  margin-left: 15px;
}
div.myshowroom div.buy4store div.content div.button{
  position:absolute;
  left:355px;
  top:45px;
  cursor:pointer;
}
div.myshowroom div.buy4store div.content div.buy_leftcol{
  width:200px;
  float:left;
  font-weight:bold;
}
div.myshowroom div.buy4store div.content div.buy_rightcol{
  width:140px;
  float:left;
  font-weight:bold;
}
div.myshowroom div.buy4store div.content div.total{
  font-size:16px;
}
div.myshowroom div.buy4store div.content div.remaining{
  margin-top:6px;
}
div.myshowroom div.buy4store div.content span.fbkz{
  font-weight:bold;
  font-size:11px;
  margin-left:5px;
}
div.myshowroom div.buy4store div.content a.reccomend{
  color:#FFF200;
  text-decoration:none;
}
div.myshowroom div.buy4store div.content td.title{
  padding-right:5px;
}
div.myshowroom div.buy4store div.content input.purplebox_small{
  width:79px;
  height:13px;
  border:1px solid #B68EC4;
  background-color: #F6D9FF;
  font-size:10px;
  font-weight:bold;
  padding-left: 4px;
  
}
div.myshowroom div.buy4store div.content div.purplebox_small{
  width:79px;
  height:13px;
  border:1px solid #B68EC4;
  background-color: #F6D9FF;
  float:left;
  font-size:10px;
  font-weight:bold;
  padding-left: 4px;
}
div.myshowroom div.buy4store div.content select.purple{
  height:18px;
  border:1px solid #B68EC4;
  background-color: #F6D9FF;
  font-size:10px;
  
}
div.myshowroom div.buy4store div.content div.sostamp{
  position:absolute;
  left:40px;
}
div.myshowroom div.buy4store div.content div.reordertxt{
  position:absolute;
  cursor:pointer;
  font-weight:bold;
  top:80px;
  left:250px;
}


/***********************
 * Side Panel for my showroom
 ***************************/
div.yourstyle{
  background: url('/images/showroom_new/your_style_bg.png');
  width:186px;
  height:521px;
  position:relative;
  float:right;
  margin-left:30px;
  margin-top:22px;  
  text-align:left;
}
div.yourstyle div.design{
  position:relative;
}
div.yourstyle div.design img.design{
  left:37px;
  position:absolute;
  top:78px;
}
div.yourstyle div.button_block{
  position:absolute;
  top:385px; 
  width:100%;
  left:0px;
}
div.yourstyle div.button_block a.button{
  background-image:url('/images/showroom_new/your_style_highlights.png');
  background-repeat:no-repeat;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  margin-bottom:0px;
  margin-left:3px;
  padding: 5px 10px 6px 5px;
  text-align:right;
  cursor:pointer;
  display:block;
  width:167px;
}
div.yourstyle div.button_block a.button:hover{
  background-image:url('/images/showroom_new/your_style_highlights_a.png');
  background-repeat:no-repeat;
  color:#ED1E8D;

} 
div.give-design{
	margin-top:5px;
}
div.give-design div.left{
	float:left;
	width:200px;
	text-align:center;
}
div.give-design div.right{
	position:relative;
	float:right;
	margin-left:0px;
	margin-top:10px;
}
div.give-design .text-area{
	width:250px;
	height:110px;
}
div.give-design div.right div.top{
	float:left;
}
div.give-design div.right div.bottom{
	margin-top:60px;
}
div.give-design .title{
	text-align:left;
	padding-bottom:2px;
}
/*************************************
 *  YUI dialogue style overides
 *************************************/ 
#magazine-window{
  background-color:transparent;
  border:none;
}
#magazine-window div.hd{
  display:none;
}
#magazine-window_c div.underlay{
  background-color:transparent;
}
div.magazine_dragger{
 cursor: move; 
 width:721px;
 height:508px;
 position:absolute;
 top:0px;
 left:0px;

}
/*************************************
 *  Actual Window
 *************************************/ 
div.magazine_popup{
  margin-bottom:12px;
  margin-top:50px;

}
div.magazine_panel{
  width:721px;
  height:508px;
  background-image: url('/images/magazine/background.png');
  position:relative;
  

}
div.magazine_panel div.page_buttons{
  position:absolute;
  top:490px;
  left:335px;
  cursor:pointer;
}
div.magazine_panel div.page_buttons img{
  float:left;
}
div.magazine_panel div.close_button{
  position:absolute;
  top:5px;
  left:692px;
  cursor:pointer;
}
div.magazine_panel div.minimize_button{
  position:absolute;
  top:13px;
  left:649px;
  cursor:pointer;
}
/*************************************
 *  Minimized Window
 *************************************/ 
div.magazine_panel_minimized{
  height:37px;
  width:721px;
  background-image: url('/images/magazine/background_minimized.png');
  position:relative;
} 
div.magazine_dragger_minimized{
  height:37px;
  width:px;
  cursor: move; 
  position:relative;
}
div.magazine_dragger_minimized div.bartitle{
  padding-top:7px;
  font-size:18px;
}
div.magazine_panel_minimized div.close_button{
  position:absolute;
  top:5px;
  left:692px;
  cursor:pointer;
}
div.magazine_panel_minimized div.restore_button{
  position:absolute;
  top:8px;
  left:649px;
  cursor:pointer;
}


/*************************************
 *  Magazine Contents
 *************************************/ 
img.magazine_cover{
  left:359px;
  position:absolute;
  top:46px;
  cursor:pointer;
}  

div.magazine-contents div.leftpage{
  width:342px;
  height:432px;
  position:absolute;
  top:53px;
  left:16px;
}
div.magazine-contents img.ad{
  cursor:pointer;
}
div.magazine-contents div.rightpage{
  width:342px;
  height:432px;
  position:absolute;
  top:53px;
  left:362px;
}
div.magazine-contents div.page_number_left{
  position:absolute;
  top:446px;
  left:23px;

}
div.magazine-contents div.page_number_right{
  position:absolute;
  top:446px;
  left:679px;

}
div.magazine-top-decor{
  float:left;
  margin-top:-45px;
  margin-left:80px;
}
div.full_add{
  position:relative;
}
div.half_add{
  position:relative;
}
div.full_add div.ad_links{
  position:absolute;
  top:409px;
  left:0px;
  text-align:right;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}
div.full_add div.vogue_ad_links{
  position:absolute;
  top:576px;
  left:0px;
  text-align:right;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
}

div.half_add div.ad_links{
  position:absolute;
  padding-top:5px;
  top:193px;
  left:0px;
  text-align:right;
  width:100%;
  padding-bottom:5px;
}
div.full_add div.ad_rating_left{
  position:absolute;
  top:414px;
  left:251px;
  width:95px /*IE fix */
}
div.half_add div.ad_rating_left{
  position:absolute;
  top:198px;
  left:251px;
  width:95px /*IE fix */
}
div.full_add div.ad_rating_right{
  position:absolute;
  top:414px;
  left:5px;
  width:95px /*IE fix */
}
div.half_add div.ad_rating_right{
  position:absolute;
  top:198px;
  left:5px;
  width:95px /*IE fix */
}
div.ad_links a{
  background-image:url('/images/magazine/pink_transparent.png');
  color:black;
  font-size:12px;
  padding:2px 5px;
  text-decoration:none;
  margin:0px 0px 0px 5px;
  border:1px solid purple;
}
div.ad_links a:hover{
  background-image:none;
  background-color:#FDFF4C;
  color:#EC008B;
}
div.vogue_ad_links a{
  background-image:url('/images/magazine/pink_transparent.png');
  color:black;
  font-size:12px;
  padding:2px 5px;
  text-decoration:none;
  margin:0px 0px 0px 5px;
  border:1px solid purple;
}
div.vogue_ad_links a:hover{
  background-image:none;
  background-color:#FDFF4C;
  color:#EC008B;
}
div.magazine_rating{
  float:right;
}
div.cafe{
  width:830px;
  height:600px;
  background-image:url('/images/cafe/background4.png');
  position:relative;
  left:165px;
}
div.cafe_button{
  position:absolute;
  cursor:pointer;
}
div.newstand_magazine{
  height:104px;
  left:36px;  
  top:260px;
  width:93px;  
}

div.bulletin_board_magazine{
  height:35px;
  left:243px;
  top:404px;
  width:238px;
}
div.bulletin_board_lattes{
  height:49px;
  left:255px;
  top:459px;
  width:306px;
}
div.bulletin_board_chat{
  height:23px;
  left:578px;
  top:500px;
  width:84px;
}
div.computer_chat{
  height:68px;
  left:773px;
  top:453px;
  width:101px;
}

div.rlilly_cafe_drinks{
	height:130px;
	width:120px;
	top: 22px;
	left:120px;
}

div .rlilly_cafe_board {
	position:absolute;
	top:281px;
	left:180px;
	z-index:20;
}

div.waiting_item{
  height:100px;
  left:3px;
  top:92px;
  width:101px;
  text-align:right;
  z-index:22;
}

div.cafe_menu_col {
	width:		350px;
	height:		510px;
	border:		1px solid #DD0099;
	padding:	20px 3px;
	background-color:black;
}

.left { float: left; }

.right { float: right; }

div.cafe_menu_col ul {
	padding:	2px 10px;
}

div.cafe_menu_col li {
	position:	relative;
	padding-bottom:	0px;
	font-size:	12px;
	font-weight:	bold;
	color:white;
}

div.cafe_menu_col li a{
	text-decoration: underline;
	color: lightBlue;
}

div.cafe_menu_col div {
	position:	relative;
	z-index:	1;
}

div.cafe_menu_col div.cafe-name {
	text-align:	left;
	margin-left:	30px;
}

div.cafe_menu_col div.cafe-price {
	text-align:	right;
	margin:		0px 15px;
}

div.cafe_menu_col div.cafe-purchase {
	text-align:	right;
	margin:		0px 15px;
}

.buyItem_window {
	padding:  5px;
	background-color:black;
	color:		white;
	border:		1px solid #DD0099;
	text-align:	left;
	font-size:	20px;
}
.board_top{
	position:relative;
	_top:5px;
	*top:5px;
}
.board_button {	
	position:relative;
	float:left;
	cursor:pointer;
	cursor:hand;
}
.board_top_right{	
	position:relative;
	float:left;
}
.board{
	position:relative;
	clear:both;
	background-image: url(/images/cafe/board1.png);
	width:426px;
	height:219px;
	background-repeat:no-repeat;
}
.board a{
	color:pink;
}

.board a:hover{
	color: white;
}
.board_area{
	color:white;
	position:relative;
	left:4px;
	top:6px;
	width:305px;
	height:194px;
	overflow:hidden;
}
.board_top_right_image{
	background-color:black;
	border:2px solid #FF0099;
	color:white;
	display:block;
	float:right;
	font-weight:bold;
	height:65px;
	text-align:center;
	vertical-align:bottom;
	width:135px;
	overflow:hidden;
	margin-left:2px;
}

.board_fireworks{ background-image:url(/images/fireworks.gif); }
.board_bb_text{ background-image:url(/images/cafe/bb_text.png); background-repeat:no-repeat; border:none; }

.runaway_magazine{
	position:absolute;
	top:280px;
	left: 20px;
	z-index:10;
	cursor:hand;
	cursor:pointer;	
}
.teenvogue_magazine{
	position:absolute;
	top:406px;
	left: 20px;
	z-index:10;
	width:100px;
	height:110px;
	cursor:hand;
	cursor:pointer;	
}
.bbl_news{
	position:absolute;
	top:223px;
	left: 40px;
	z-index:5;
	cursor:hand;
	cursor:pointer;
}
.bbl_vip{
	position:absolute;
	top:100px;
	left: 826px;
	z-index:5;
	cursor:hand;
	cursor:pointer;	
}
.bbl_chat{
	position:absolute;
	top:130px;
	left: 735px;
	z-index:5;
	cursor:hand;
	cursor:pointer;
}
.bbl_cafe{
	position:absolute;
	left:125px;
	top:15px;
	cursor:hand;
	cursor:pointer;	
}

.cafe_menu_buttons{
	height: 100px;
}
.cafe_menu_next_btn {
	position: absolute; 
	left: 674px; 
	top: 550px;
}
.cafe_menu_prev_btn {
	position: absolute; 
	top: 550px; 
	*left: 8px;
}

/* new panel styles */

.s1-game-panel{
	width: 820px;
	height: 600px;
	position: absolute;
	top: 4px;
	left: 160px;
	font-size: 15px;
	text-align: left;
	
}
.s1-panel-heading {
	margin:0; border:0; padding:0 0.5em;
	background-color: #FF002B;
	font: bold 12px/1.4em Helvetica, Arial, sans-serif;
	letter-spacing:2px;
	color:white;
}

.s1-whitebox {
	position: absolute;
	padding: 4px 4px 4px 4px;
	background: white;
}

.s1-greytext {
	color: #666666
}

.s1-textheading_u{
	border: 1px dotted;
	border-style: none none dotted;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 8px;
}

.s1-hottext{
	font-weight:bold;
	color: black;
	cursor:pointer;
}

.s1-redtext{
	font-weight: bold;
	color: #FF002B;
}

.s1-popupbox{
	position: absolute;
	z-index: 1000;
	display: none;
	padding: 0px;
	background: white;
	border: 1px solid;
}

/* v2 style model chooser panel */

.model-game-panel{
	background-color:#F6A8E4;
	width: 820px;
	height: 600px;
	position: absolute;
	top: 4px;
	left: 160px;
	font-size: 15px;
	text-align: left;
}

.model-game-panel-heading {
	margin:0; border:0; padding:0 0.5em;
	background-color: white;
	font: bold 12px/1.4em Helvetica, Arial, sans-serif;
	letter-spacing:2px;
	color:black;
}

.plaque {
	position: absolute;
	left:	0px;
	top:	60px;
	width:	100%;
	height:	60px;
}