/*
	Generic sheshops styles goes here
*/
div#container {  margin: 0px auto; width: 973px; }


/*div#header { padding:0px 5px; background:#fff url(/img/hd_bkg.gif) repeat-y; color:#fff; position:relative; z-index:0; }*/
div#header { padding-top:30px; background:#242424; color:#fff; position:relative; z-index:0; }
div#header a#header_link { display:block; position:absolute; left:0px; top:0px; }
div#header div.separator_dash { background-color:#000; }

div#header_top {  }
div#header_top div.logo { margin: 0 0 18px 25px; text-align:left; width:130px; height:70px; float:left; display:inline; }/* IE6 doubled-margin bug, have to add display:inline */
div#header_top #greetings, div#header_top #main_navigation, div#header_top #search_box { float:right; width:455px; margin-right:25px; display:inline; }/* IE6 doubled-margin bug, have to add display:inline */

div#greetings { text-align:right; font-weight:bold; }
div#greetings a, div#greetings a:hover { color:#fff; text-decoration:none; }
div#greetings a:active { color:#000; }
div#greetings a#main_navigation_logout, div#greetings a#main_navigation_edit_conn 
{ font-size:10px; font-weight:normal; text-decoration:none; color:#e91c6b; }
div#greetings a#main_navigation_logout:hover, div#greetings a#main_navigation_edit_conn:hover
{ text-decoration:underline; color:#fff; }
div#greetings span#joinus { font-size:10px; font-weight:normal; padding-left:15px; margin-right:5px; background:transparent url(/img/main_navs/div-header.gif) no-repeat 5px 50%; }
div#greetings div#g_connections { float:right; padding-left:15px; background:transparent url(/img/main_navs/div-header.gif) no-repeat 5px 50%; }
div#greetings div#edit_connections { float:right; padding-top: 4px }
div#greetings div#username_section { float:right; padding-top:2px }
div#greetings div#joinus_wrapper { float:right; padding-top:4px }
div#greetings span#joinus img { vertical-align:middle; margin-left:5px; }

div#main_navigation { text-align:right; margin-right:5px; }
div#main_navigation * { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; }
div#main_navigation div a { color:#fff; text-decoration:none; }
div#main_navigation div a:active { color:#000; }
div#main_navigation div span { padding:2px; color:#666; background:transparent url(/img/main_navs/div-header.gif) no-repeat 50% 50%; }

a#main_navigation_home { padding:2px 5px 2px 23px; background:transparent url(/img/main_navs/home.gif) no-repeat 0px 50%; }
a#main_navigation_home:hover, a#main_navigation_home.active  { color:#e91c6b; background:transparent url(/img/main_navs/home-active.gif) no-repeat 0px 50%; }
a#main_navigation_profile { padding:2px 5px 2px 23px; background:transparent url(/img/main_navs/profile.gif) no-repeat 0px 50%; }
a#main_navigation_profile:hover, a#main_navigation_profile.active  { color:#e91c6b; background:transparent url(/img/main_navs/profile-active.gif) no-repeat 0px 50%; }
a#main_navigation_inbox { padding:2px 5px 2px 23px; background:transparent url(/img/main_navs/inbox.gif) no-repeat 0px 50%; }
a#main_navigation_inbox:hover, a#main_navigation_inbox.active  { color:#e91c6b; background:transparent url(/img/main_navs/inbox-active.gif) no-repeat 0px 50%; }
a#main_navigation_inbox.highlight, a#main_navigation_inbox.highlight:hover { background:#e91c6b url(/img/main_navs/inbox-highlight.gif) no-repeat 0px 50%; color:#fff; }
a#main_navigation_inbox.highlight:hover { color:#333; }
a#main_navigation_friends { padding:2px 5px 2px 23px; background:transparent url(/img/main_navs/friends.gif) no-repeat 0px 50%; }
a#main_navigation_friends:hover, a#main_navigation_friends.active  { color:#e91c6b; background:transparent url(/img/main_navs/friends-active.gif) no-repeat 0px 50%; }
a#main_navigation_friends.highlight, a#main_navigation_friends.highlight:hover { background:#e91c6b url(/img/main_navs/friends-highlight.gif) no-repeat 0px 50%; color:#fff; }
a#main_navigation_friends.highlight:hover { color:#333; }
a#main_navigation_explore { padding:2px 5px 2px 23px; background:transparent url(/img/main_navs/explore.gif) no-repeat 0px 50%; }
a#main_navigation_explore:hover, a#main_navigation_explore.active  { color:#e91c6b; background:transparent url(/img/main_navs/explore-active.gif) no-repeat 0px 50%; }

/* Main Tabs */
a#main_navigation_mycloset { width:125px; background:transparent url(/img/main_navs/tab_closet.gif) no-repeat bottom center; }
a#main_navigation_mycloset:hover { background:transparent url(/img/main_navs/tab_closet_hover.gif) no-repeat bottom center; }
a#main_navigation_mycloset.active, a#main_navigation_mycloset.active:hover { background:transparent url(/img/main_navs/tab_closet_active.gif) no-repeat bottom center; }
a#main_navigation_mylookbook { width:160px; background:transparent url(/img/main_navs/tab_lookbook.gif) no-repeat bottom center; }
a#main_navigation_mylookbook:hover { background:transparent url(/img/main_navs/tab_lookbook_hover.gif) no-repeat bottom center; }
a#main_navigation_mylookbook.active, a#main_navigation_mylookbook.active:hover { background:transparent url(/img/main_navs/tab_lookbook_active.gif) no-repeat bottom center; }
a#main_navigation_mywall { width:95px; background:transparent url(/img/main_navs/tab_wall.gif) no-repeat bottom center; }
a#main_navigation_mywall:hover { background:transparent url(/img/main_navs/tab_wall_hover.gif) no-repeat bottom center; }
a#main_navigation_mywall.active, a#main_navigation_mywall.active:hover { background:transparent url(/img/main_navs/tab_wall_active.gif) no-repeat bottom center; }

div.profile_box { position:relative; width:200px; height:200px; border:1px solid #fff; padding:5px; margin:8px auto 0px; }
div.profile_box a { display:block; }

.separator_tab { font-size:14px; background:transparent url(/img/tab_bkg.gif) repeat-x left bottom; height:35px; }
.separator_tab div { float:left; height:26px; padding:9px 0px 0px 35px; background:transparent; } /* background image depends on the content */

.separator_dash { background:transparent url(/img/line_dash.gif) repeat-x bottom left; height:14px; border:0; }

.hidden { display:none; }


/*
	Form validation classes
*/
.error-message { color:red; }


/*
	background colors for identifying blocks
	each block a little different color
*/
.bg1 { background:#666; }
.bg2 { background:#777; }
.bg3 { background:#888; }
.bg4 { background:#999; }
.bg5 { background:#aaa; }
.bg6 { background:#bbb; }
.bg7 { background:#ccc; }
.bg8 { background:#ddd; }
.bg9 { background:#eee; }

/*
	standard colors used in sheshops
	f for foreground
	b for background
	fh for hover (mouse over)
	bh for hover (mouse over)
*/
.black_f, .black_fh:hover { color:#000; }
.black_b, .black_bh:hover { background:#000; }
.pink_f, .pink_fh:hover { color:#e91c6b; } 
.pink_b, .pink_bh:hover { background:#e91c6b; }
.white_f, .white_fh:hover { color:#fff; }
.white_b, .white_bh:hover { background:#fff; }
.grey_f, .grey_fh:hover { color:#666; }
.grey_b, .grey_bh:hover { background:#666; }

/* from mich */
.hdblack { color: black; font-family: 'Times New Roman', Times, serif; font-size: 25px; font-style: normal; }
.body_black {  }

/*
	Grey button
*/

.grey_button { 
	background:#777;
	color:#fff;
	border:0px;
	border-bottom:2px solid #740e35;
	padding: 4px 2px 2px;
	margin:5px;
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration:none;
	-moz-border-radius:4px;
	border-radius:4px;
	font-family: Arial,Helvetica,sans-serif;
}
.grey_button:active {
	position:relative;
	top:1px;
	left:1px; 
}

/*
	Pink button table style
*/
table.pink_button { display:inline-block; border:0px; border-collapse:collapse; background:transparent; }
table.pink_button td, table.pink_button th { border:0px; padding:0px; font-size:11px; }
table.pink_button td.pb_tl { height:4px; width:3px; background:transparent url(/img/buttons/p_ltop.gif) no-repeat; }
table.pink_button td.pb_t  { height:4px; background:#e91c6b; }
table.pink_button td.pb_tr { height:4px; width:3px; background:transparent url(/img/buttons/p_rtop.gif) no-repeat; }
table.pink_button td.pb_l  { background:#e91c6b; width:3px; }
table.pink_button td.pb_c  { background:#e91c6b; padding:0px; }
table.pink_button td.pb_r  { background:#e91c6b; width:3px; }
table.pink_button td.pb_bl { height:4px; width:3px; background:transparent url(/img/buttons/p_lbtm.gif) no-repeat; }
table.pink_button td.pb_b  { height:4px; background:#e91c6b url(/img/buttons/p_btm.gif) repeat-x left bottom; }
table.pink_button td.pb_br { height:4px; width:3px; background:transparent url(/img/buttons/p_rbtm.gif) no-repeat; }
table.pink_button td.pb_c * { 
	background:#e91c6b;
	color:#fff;
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration:none;
	border:0px;
	padding:0px;
	margin:0px;
}
table.pink_button td.pb_c *:active { position:relative; top:0px; left:0px; }

/*
	Grey button table style
*/
table.grey_button { display:inline-block; border:0px; border-collapse:collapse; background:transparent; }
table.grey_button td, table.grey_button th { border:0px; padding:0px; font-size:11px; }
table.grey_button td.pb_tl { height:4px; width:3px; background:transparent url(/img/buttons/p_ltop.gif) no-repeat; }
table.grey_button td.pb_t  { height:4px; background:#777; }
table.grey_button td.pb_tr { height:4px; width:3px; background:transparent url(/img/buttons/p_rtop.gif) no-repeat; }
table.grey_button td.pb_l  { background:#777; width:3px; }
table.grey_button td.pb_c  { background:#777; padding:0px; }
table.grey_button td.pb_r  { background:#777; width:3px; }
table.grey_button td.pb_bl { height:4px; width:3px; background:transparent url(/img/buttons/p_lbtm.gif) no-repeat; }
table.grey_button td.pb_b  { height:4px; background:#e91c6b url(/img/buttons/p_btm.gif) repeat-x left bottom; }
table.grey_button td.pb_br { height:4px; width:3px; background:transparent url(/img/buttons/p_rbtm.gif) no-repeat; }
table.grey_button td.pb_c * { 
	background:#777;
	color:#fff;
	font-variant:small-caps;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
	text-decoration:none;
	border:0px;
	padding:0px;
	margin:0px;
}
table.grey_button td.pb_c *:active { position:relative; top:0px; left:0px; }


/*
	Pink button div style
*/
div.pink_button_wrapper { float:left; padding:4px 3px; margin:5px; }
div.pink_button_container { padding:0px; margin:0px; position:relative; }
div.pink_button_container .pink_button { margin:0px; border:0px; position:relative; z-index:1000; float:none !important; }
div.pink_button_container .sides { background:blue; width:3px; height:4px; position:absolute; z-index:900; }
div.pink_button_container .left_top { left:-2px; top:-2px; background:transparent url(/img/buttons/p_ltop.gif) no-repeat; }
div.pink_button_container .left_mid { left:-2px; top:0px; height:100%; background:#e91c6b; }
div.pink_button_container .left_bot { left:-2px; bottom:-2px; background:transparent url(/img/buttons/p_lbtm.gif) no-repeat; }
div.pink_button_container .right_top { right:-2px; top:-2px; background:transparent url(/img/buttons/p_rtop.gif) no-repeat; }
div.pink_button_container .right_mid { right:-2px; top:0px; height:100%; background:#e91c6b; }
div.pink_button_container .right_bot { right:-2px; bottom:-2px;background:transparent url(/img/buttons/p_rbtm.gif) no-repeat; }
div.pink_button_container .top { left:0px; top:-2px; height:4px; width:100%; background:#e91c6b; }
div.pink_button_container .bot { left:0px; bottom:-2px; height:4px; width:100%; background:#e91c6b; border-bottom:2px solid #740e35; }

/*
	Grey button div style
*/
div.grey_button_wrapper { float:left; padding:4px 3px; margin:5px; }
div.grey_button_container { padding:0px; margin:0px; position:relative; }
div.grey_button_container .grey_button { margin:0px; border:0px; position:relative; z-index:1000; float:none !important; }
div.grey_button_container .sides { background:blue; width:3px; height:4px; position:absolute; z-index:900; }
div.grey_button_container .left_top { left:-2px; top:-2px; background:transparent url(/img/buttons/p_ltop.gif) no-repeat; }
div.grey_button_container .left_mid { left:-2px; top:0px; height:100%; background:#777; }
div.grey_button_container .left_bot { left:-2px; bottom:-2px; background:transparent url(/img/buttons/p_lbtm.gif) no-repeat; }
div.grey_button_container .right_top { right:-2px; top:-2px; background:transparent url(/img/buttons/p_rtop.gif) no-repeat; }
div.grey_button_container .right_mid { right:-2px; top:0px; height:100%; background:#777; }
div.grey_button_container .right_bot { right:-2px; bottom:-2px;background:transparent url(/img/buttons/p_rbtm.gif) no-repeat; }
div.grey_button_container .top { left:0px; top:-2px; height:4px; width:100%; background:#777; }
div.grey_button_container .bot { left:0px; bottom:-2px; height:4px; width:100%; background:#777; border-bottom:2px solid #740e35; }


/*
	Getting Started progress meter
*/
div.progress_box { margin-top:8px; }
div.progress_box div.progress_meter { height:12px; width:200px; border:1px solid #e91c6b; background:#242424; margin:0px auto; position:relative; }
div.progress_box div.progress_meter div.progress_bar { height:12px; background:#e91c6b; }
div.progress_box div.progress_meter div.progress_percentage { color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:12px; position:absolute; left:45%; top:0px; }
div.progress_box div.progress_reminder { text-align:center; width:200px; margin:0px auto; }
div.progress_box div.progress_tooltip { display:none; width:200px; background:transparent url(/img/arrow_pinkupb.gif) no-repeat 0 2px; border:0px; z-index:1000; padding-top:7px; }
div.progress_box div.progress_tooltip div { background:#fff; border:1px solid #e91c6b; z-index:1000; padding:5px; }


/*
	Friends selection box, used mainly in user settings
*/
.friend_selection_box { border:1px solid #000; padding:0px; display:none; width:320px; position:relative; background:transparent url(/img/avatar-placeholder.png) no-repeat 201px 45px; }
.friend_selection_box h3 { font-size:18px; font-family: 'Times New Roman', Times, serif; padding:10px 5px; color:#fff; background:black url(/img/popup_bkg.gif) repeat-x left top; }
.friend_selections { width:55%; height:150px; overflow:auto; } 
.friend_selections .friend_display { width:40%; position:absolute; top:45px; right:5px; text-align:center; display:none; background:#fff; }
.friend_selections li:hover { background:#e8e8e8; }
.friend_selections li:hover .friend_display { display:block; }

/*
	Friends listing. Different types. 
*/
/* 3 column friends list */
.friends_3 { width:220px; margin-right:5px; float:left; }
.friends_3 div { float:left; width:160px; white-space:nowrap; overflow:hidden; }
.friends_3 div.avatar { width:60px; height:60px; }
.friends_3 div.email { font-size:10px; }
.friends_3 div.add { font-size:10px; }
.friends_3 div.add a, .friends_3 div.add a:active { color:#000; text-decoration:none; background:transparent url(/img/buttons/add.gif) no-repeat 0% 50%; padding-left: 20px; }
.friends_3 div.add a:hover { color:#e91c6b; text-decoration:underline; background:transparent url(/img/buttons/add2.gif) no-repeat 0% 50%; }
.friends_3 div.message { font-size:10px; }
.friends_3 div.message a, .friends_3 div.message a:active { color:#000; text-decoration:none; background:transparent url(/img/buttons/message.gif) no-repeat 0% 50%; padding-left: 20px; }
.friends_3 div.message a:hover { color:#e91c6b; text-decoration:underline; background:transparent url(/img/buttons/message2.gif) no-repeat 0% 50%; }

.friends_listing { width:665px; }
.friends_listing .friend { float:left; margin:5px; width:100px; height:130px; overflow:hidden; }

/*
	Friends thumbnails for left sidebar
*/
.random_friends { margin:10px; }
.random_friends .header { font-family: Verdana, Arial, Helvetica, sans-serif; color:white; font-weight:bold; }
.random_friends .friends_thumbnails_wrap { width: 100%; overflow: hidden; text-align: center; }
.random_friends .friend_thumbnail { width: 60px; float: left; padding: 5px 10px 5px 0; overflow: hidden; }
.random_friends .friend_thumbnail .name { height:30px; overflow:hidden; }
.random_friends .navigation_links { width: 100%; overflow: hidden; }
.random_friends .navigation_links .friends_count { width: 50%; float: left; }
.random_friends .navigation_links .view_all_friends { float: right; text-align: right; padding-right: 15px; }

#head_adtags { background:#DDD; color:#DDD; text-align:center; }
/*
	Mutual friends link
*/
a.mutual_friends_link { color:#000; text-decoration:none; }
a.mutual_friends_link:hover { color:#e91c6b; text-decoration:underline; }
a.mutual_friends_link:active { text-decoration:none; }


/*
	Flash messages
*/
#system_message_container { position:relative; z-index:1000; }
#system_message { background:#e8e8e8; width:973px; height:0px; position:absolute; overflow:hidden; left:0px; top:0px; } /* the container for flash messages */
.system_message { display:none; padding:5px 0px; margin:0; }
.system_message .message {  margin:0px 5px; }
#system_message_close { display:block; position:absolute; right:10px; top:0px; font-size:20px; font-weight:bold; color:#000; text-decoration:none; }
#system_message #authMessage { color:#c00; font-weight:bold; }

.flash_message { margin:0px 5px; color:#e91c6b; font-weight:bold; }
.flash_error { color:#c00; }
/*
.flash_message { background:#e8e8e8; color: #000; padding: 5px; margin: 0.2em; -moz-border-radius: 5px; border-radius: 5px; }
.flash_error { color: #f00; padding: 5px; margin: 0.5em; -moz-border-radius: 5px; border-radius: 5px; }
*/

#SystemMessageBox { display:none; }
#SystemMessageBox #authMessage { font-size:16px; font-weight:normal; }

/*
	Some ads stuff
*/
#ad_leaderboard_banner { width:726px; height:88px; border:1px dotted #ccc; margin-left:5px; color:#ccc; text-align:center; line-height:80px; }

body { background:#b4b4b4; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; text-align: left; line-height:normal; }

p { margin:0.5em 0px 1em; }

h1 { font-size:25px; font-style:normal; font-weight:normal; color:#333; margin-bottom:0.25em; }
h2 { font-size:20px; font-style:normal; font-weight:bold; color:#333; margin-bottom:0.25em; }
h3 { font-size:14px; font-style:normal; font-weight:normal; color:#333; margin-bottom:0.25em; }
h4 { font-size:12px; font-style:normal; font-weight:600; color:#000; margin-bottom:0.25em; }

a { color:#e91c6b; text-decoration:none; } /* links are pink color */
a:hover { text-decoration:underline; } /* links are pink color */
a:active { color:#000; text-decoration:none; }
 

fieldset {
	border: 2px solid #ccc;
	margin-bottom: 1em;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 1.2em;
	font-weight: bold;
	padding:0px 5px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}

td, th {
	vertical-align:top;
	padding:5px;
}

table {
	border:1px solid #ccc;
	border-collapse:collapse;
}
table td, table th {
	border:1px solid #ccc;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */