﻿html, body { height: 100%; min-height: 100%; margin: 0; padding: 0; background: #f4fafc; }
form { height: 100%; min-height: 100%; }
body 
{
	background: #fff url("../gfx-bin/wardrobe/body_bg.gif") repeat-x;
}
body, div, input, a, select, textarea
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #333;
}
a { background: none; color: #333; }
a:hover { text-decoration: none; }
input, select { padding: 0px; }
img { border: none; }

/* BASIC SITE LAYOUT */
#environment { background: #fff url("../gfx-bin/wardrobe2/environment_45.png") repeat-x top; }
#container
{
	width: 1000px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 30px;
}
#top
{
	height: 77px;
	background: url("../gfx-bin/wardrobe2/top_bg_light_s.png") no-repeat;
	padding: 0 15px 0 15px;
}
    /* Menu buttons */
    #top #logo { height: 43px; width: 161px; background: url("../gfx-bin/wardrobe/top_logo.png"); z-index: 1; position: absolute; cursor: pointer; }
    #top #facebook { padding-top: 4px; float: right; margin-right: 4px; }
    #top #actions { height: 36px; float: right; }
        #top #actions div.text { float: left; height: 36px; line-height: 34px; font-size: 11px; color: #c7c7c7; padding: 0 8px 0 0; }
        #top #actions div.seperator { height: 36px; width: 2px; float: left; background: url("../gfx-bin/wardrobe/menu_seperator_grey.png") repeat-y; margin: 0 10px 0 5px; }
        #top #actions div.button_s { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe/menu_button_s.png") no-repeat; float: left; }
        #top #actions div.button_m { cursor: pointer; height: 26px; padding: 10px 5px 0 5px; background: url("../gfx-bin/wardrobe/menu_button_m.png") repeat-x; float: left; }
        #top #actions div.button_e { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe/menu_button_s.png") no-repeat; padding-right: 3px; float: left; }
        #top #actions div.button_b_s { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe2/menu_button_b_s.png") no-repeat; float: left; }
        #top #actions div.button_b_m { cursor: pointer; height: 26px; padding: 10px 5px 0 8px; background: url("../gfx-bin/wardrobe2/menu_button_b_m.png") repeat-x; float: left; }
        #top #actions div.button_b_e { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe2/menu_button_b_s.png") no-repeat; float: left; }
        #top #actions div.input_b { float: left; height: 26px; padding: 10px 10px 0 0; } 
            #top #actions div.input_b a { color: #e7e7e7; text-decoration: none; }
                #top #actions div.input_b a span.highlight { color: #f4bd00; }
        #top #actions div.input_s { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe/menu_input_s.png") no-repeat; float: left; }
        #top #actions div.input_m { float: left; height: 26px; padding: 10px 3px 0 3px; background: url("../gfx-bin/wardrobe/menu_input_m.png") repeat-x;}
            #top #actions div.input_m span.text { padding: 0 5px 0 5px; color: #c7c7c7; }
                #top #actions div.input_m span.text a { font-weight: bold; color: #e7e7e7; text-decoration: none; }
        #top #actions div.input_e { height: 36px; width: 1px; background: url("../gfx-bin/wardrobe/menu_input_s.png") no-repeat; padding-right: 3px; float: left; }
        #top #actions div.input_m input.username { border: none; background: none; margin: 0; color: #c7c7c7; font-weight: bold; }
        #top #actions div.input_m input.password { border: none; background: none; margin: 0; color: #c7c7c7; font-weight: bold; }        
    #top #menu { height: 36px; }
        #top #menu div.seperator { height: 36px; width: 2px; float: left; }
        #top #menu div.s1 { background: url("../gfx-bin/wardrobe/menu_search_border.png") no-repeat; }
        #top #menu div.s2 { background: url("../gfx-bin/wardrobe/menu_new_border.png") no-repeat; }
        #top #menu div.search { float: left; display: inline-block; height: 28px; padding: 8px 15px 0 5px; cursor: pointer; background: url("../gfx-bin/wardrobe/menu_search_bg.png") repeat-x center; }
        #top #menu div.new { float: left; display: inline-block; height: 28px; padding: 8px 15px 0 15px; cursor: pointer; background: url("../gfx-bin/wardrobe/menu_new_bg.png") repeat-x center; }
        #top #menu div.button { float: left; display: inline-block; height: 26px; padding: 10px 0 0 30px; cursor: pointer; }
            #top #menu div.button a { border: none; }
       
#main { }
#content 
{
	float: left;
	width: 685px;
}
    #front_banner { width: 676px; height: 278px; margin-bottom: 2px; background: url("../gfx-bin/wardrobe/front_banner_june09.png") no-repeat; }
    #front_banner_istyle { width: 676px; height: 322px; margin-bottom: 5px; background: url("../gfx-bin/wardrobe/front_banner_istyle.png") no-repeat; }
    
#column_narrow { float: left; width: 160px; overflow: hidden; margin-top: 10px; }
#column_small { float: left; width: 234px; margin-right: 7px; overflow: hidden; margin-top: 10px; }
#column_medium { float: left; width: 316px; overflow: hidden; margin-top: 10px; }
#column_normal { float: left; width: 590px; margin-right: 7px; overflow: hidden; }
#column_original { float: left; width: 676px; margin-right: 7px; overflow: hidden; }
#column_wide { float: left; width: 832px; margin-right: 7px; overflow: hidden; }
#column_full { width: 1000px; overflow: hidden; }
.no_top { margin-top: 0px; }
div.splitter { float: left; height: 400px; width: 1px; }
div.right_bar
{
    margin-top: 10px;
    float: right;
}
    #right_bar_top { width: 234px; height: 12px; background: url("../gfx-bin/wardrobe/right_top.png") no-repeat; }
    #right_bar_center { background: #505b64 url("../gfx-bin/wardrobe/right_bg.png") no-repeat bottom; width: 214px;	height: 200px; padding: 0 10px 0 10px; }
    #right_bar_bottom { width: 234px; height: 12px; background: url("../gfx-bin/wardrobe/right_bottom.png") no-repeat; }
    /*
    #right_bar_top { width: 234px; height: 12px; background: url("../gfx-bin/wardrobe/right_top_frontpage.png") no-repeat; }
    #right_bar_bottom { width: 234px; height: 12px; background: url("../gfx-bin/wardrobe/right_bottom_frontpage.png") no-repeat; }
    */
        #right_bar_center div.spacer { width: 214px; margin: 4px 0 4px 0; height: 2px; background: #505b64 url("../gfx-bin/wardrobe/right_spacer.gif"); }
        
    #facebook_invite { cursor: pointer; width: 234px; height: 63px; background: url("../gfx-bin/wardrobe/facebook_invite.png") no-repeat; margin-bottom: 10px; }
    
    div.right_light_top { height: 12px; width: 234px; background: url("../gfx-bin/wardrobe/right_light_top.png") no-repeat; }
    div.right_light_bottom { height: 12px; width: 234px; background: url("../gfx-bin/wardrobe/right_light_bottom.png") no-repeat; }
    div.right_light { width: 204px; padding: 2px 15px 2px 15px; background: #fff; }
        div.right_light h3 { font-size: 16px; margin: 0 0 4px 0; padding: 3px; color: #a5cce4; }
        
    div.recent { margin-left: 3px; }
    div.right_light table.recent { margin-bottom: 10px; }
        div.right_light table.recent td.image {}
            div.right_light table.recent td.image img { width: 20px; border: none; }
        div.right_light table.recent td.link { padding-left: 5px; }
            div.right_light table.recent td.link a { text-decoration: none; }
            
#footer_info_top { background: url("../gfx-bin/wardrobe2/footer_info_top.png") bottom; height: 11px; margin-top: 15px; }
#footer_info { background: #4b565f url("../gfx-bin/wardrobe/footer_info_bg.png") no-repeat bottom; height: 100px; }
    #footer_info div.bullet { margin: 5px 10px 0 15px; width: 4px; height: 94px; float: left; background: url("../gfx-bin/wardrobe/footer_info_bullet.gif") no-repeat; }
    #footer_info div.header { font-weight: bold; color: #f4bd00; margin-bottom: 5px; }
    #footer_info div.box { float: left; color: #fff; line-height: 16px; }
        #footer_info div.box a { color: #fff; line-height: 16px; }
    #footer_info div.spacer { float: left; height: 90px; width: 2px; margin: 0 0 0 10px; background: url("../gfx-bin/wardrobe/footer_info_spacer.gif"); }
    
#footer { height: 57px; width: 1000px; padding-left: 50px; line-height: 50px; background: url("../gfx-bin/wardrobe2/footer_bg.png") no-repeat; color: #d2dfea; }
    #footer a { color: #d2dfea; }

div.adbox { padding-top: 10px; text-align: center; background: #fff; }

/* TOP AREA */
#tab_box 
{
	float: left;
	height: 50px;
	width: 100%;
	background: #ffffff url("../gfx-bin/basic/cards.gif") no-repeat right top;
}
div.tab 
{
	float: left;
	height: 30px;
	position: relative;
	top: 5px;
	margin-right: 40px;
	margin-left: 1px;
}
div.tab_start { float: left; height: 30px; width: 30px; background: url("../gfx-bin/basic/tab_start.gif") no-repeat; }
div.tab_start_newad { float: left; height: 30px; width: 30px; background: url("../gfx-bin/basic/tab_start_newad.gif") no-repeat; }
div.tab_start_frontpage { float: left; height: 30px; width: 30px; background: url("../gfx-bin/basic/tab_start_frontpage.gif") no-repeat; }
div.tab_middle { float: left; height: 30px; margin-left: 5px; line-height: 30px; background: url("../gfx-bin/basic/tab_middle.gif"); }
div.tab_end { float: left; height: 30px; width: 0px; }
div.tab_middle a { font-family: Tahoma, "Trebuchet MS", "Lucida Sans-Serif Unicode", Verdana, serif; font-weight: bold; text-decoration: none; }

/* FRONTPAGE */
span.recent_item { margin-right: 2px; margin-bottom: 2px; }
#front_profiles { background: url("../gfx-bin/wardrobe/front_ads_bg.png") no-repeat -10px; margin: 10px 0; padding: 5px; }
    div.front_profile { margin: 5px; padding: 2px; background: #fff; border: solid 1px #86abc6; float: left; }

/* BUTTONS */
div.button_1 { }
    div.button_1 img { float: left; }
    div.button_1 div.m { height: 30px; padding-top: 10px; float: left; background: url("../gfx-bin/wardrobe/button_1_m.png") repeat-x; }

a.button_light { display: inline-block; background: none; margin: 0; padding: 3px 0; border-width: 0; overflow: visible; text-decoration: none; font-weight: bold; color: #333; }
a.button_light span { background: url("../gfx-bin/wardrobe/light_gradient.png") repeat-x bottom; margin: 0; padding: 3px 0; border-left: 1px solid #a8a8a8; border-right:1px solid #6e6e6e; }
a.button_light span span { position: relative; padding: 3px .4em; border-width: 0; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #6e6e6e; }
a.button_light:hover span, .button:hover span span, .button:focus span, .button:focus span span { cursor: pointer; border-color: #9cf !important; color: #000; }
a.button_light:active span { background-position: 0 -400px; outline: none; }
a.button_light:focus, .button:active { outline: none; }
a.button_light.primary { font-weight: bold; color: #000; }
.right { float: right; }

/* SEARCH */
#search { width: 676px; position: absolute; background: none; margin-top: 10px; display: none; }
    div.search_top { width: 676px; height: 11px; background: url("../gfx-bin/wardrobe/search_top.png") no-repeat; }
    div.search_bottom { width: 676px; height: 11px; background: url("../gfx-bin/wardrobe/search_bottom.png") no-repeat; }
    div.search_header { width: 676px; height: 53px; line-height: 53px; background: url("../gfx-bin/wardrobe/search_header.png") repeat-x; }
    div.search_header_thin { width: 651px; height: 45px; padding-left: 25px; padding-top: 5px; }
        div.search_header_thin div.count { float: left; height: 40px; margin-top: 5px; }
        div.search_header table { width: 636px; height: 43px; margin-left: 20px; }
        div.search_end { height: 35px; width: 1px; float: left; background: url("../gfx-bin/wardrobe/search_box_end.png") repeat-x; }
        div.search_header table td.bullet { width: 80px; text-align: center; }
        div.search_header input.freetext { height: 25px; font-size: 21px; padding: 5px; float: left; color: #49535c; background: url("../gfx-bin/wardrobe/search_box.png") repeat-x; border: none; }        
        #search_button_start { width: 21px; height: 41px; float: left; background: url("../gfx-bin/wardrobe/search_button.png") no-repeat left; }
        #search_button { height: 31px; padding-top: 10px; float: left; cursor: pointer; background: url("../gfx-bin/wardrobe/search_button_bg.png") repeat-x left; }
        #search_button_end { width: 21px; height: 41px; float: left; background: url("../gfx-bin/wardrobe/search_button.png") no-repeat right; }
    #search_body { padding: 10px; background: url("../gfx-bin/wardrobe/search_bg.png") bottom no-repeat; }
        #categories { }
            div.category_section { float: none; clear: both; padding: 5px 0 5px 0; margin-top: 5px; border-top: solid 1px #ccd8e0; }
            div.category_subsection { float: left; margin-bottom: 10px; }
            span.category_header_0, a.category_header_0 { color: #31516d; font-size: 14px; font-weight: bold; text-decoration: none; }
            span.category_header_1, a.category_header_1 { color: #31516d; font-size: 12px; text-decoration: none; }
            span.category_header_2, a.category_header_2 { text-decoration: none; }
            #categories a:hover { text-decoration: underline; }
            
        #brands { float: left; z-index: 1; }
        
div.paging_box { float: right; height: 40px; margin-right: 25px; }
    div.paging_box div { float: left; margin-left: 3px; }
    div.paging_box img { border: none; margin-top: 9px; }
    div.paging_box div.paging { width: 30px; height: 30px; text-align: center; line-height: 30px; background: url("../gfx-bin/wardrobe/search_paging.png"); float: left; }
        div.paging_box div.paging a { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; }
    div.paging_box div.paging_current { width: 30px; height: 30px;  text-align: center; line-height: 30px; background: url("../gfx-bin/wardrobe/search_paging_current.png"); float: left; }
        div.paging_box div.paging_current a { color: #ff5408; font-size: 16px; font-weight: bold; text-decoration: none; }
    div.paging_box a { color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; }
    
div.paging_box_discrete { clear: both; height: 30px; }
    div.paging_box_discrete div { float: left; margin-left: 3px; }
    div.paging_box_discrete img { border: none; margin-top: 9px; }
    div.paging_box_discrete div.text { padding: 0 10px 0 10px; height: 20px; text-align: center; line-height: 20px; background: #eee; }
    div.paging_box_discrete div.paging { padding: 0 3px 0 3px; height: 20px; text-align: center; line-height: 20px; background: #eee; float: left; }
        div.paging_box_discrete div.paging a { color: #666; font-size: 11px; font-weight: bold; text-decoration: none; }
    div.paging_box_discrete div.paging_current { padding: 0 3px 0 3px; height: 20px;  text-align: center; line-height: 20px; background: #eee; float: left; }
        div.paging_box_discrete div.paging_current a { color: #008dff; font-size: 11px; font-weight: bold; text-decoration: none; }
    div.paging_box_discrete a { color: #666; font-size: 11px; font-weight: bold; text-decoration: none; }
    
#search_results_first { background: #f0f5f8; border-bottom: solid 1px #e1eaef; border-top: solid 1px #e1eaef; padding: 5px; margin-bottom: 10px; }
    #search_results_first #sponsor { padding-left: 15px; color: #999; }
    #search_results_first div.list_type_search { margin: 6px; }
    #search_results_first div.list_type_search_first { margin: 6px; }
#search_results { width: 648px; background: #fff url("../gfx-bin/wardrobe/search_result_bg.png") repeat-x bottom; padding: 5px 14px 5px 14px; }

div.select_item { height: 20px; }
div.select_item_0 { padding-left: 0; }
div.select_item_1 { padding-left: 30px; }
div.select_item_2 { padding-left: 60px; }

/* PROFILE */
div.no_rating { margin-bottom: 10px; }
div.stars { background: url("../gfx-bin/wardrobe/star.png") repeat-x; height: 20px; float: left; margin-bottom: 10px; }
    span.stars label { background: url("../gfx-bin/wardrobe/star.png") repeat-x; padding-top: 20px; display: inline-block; }
    span.one label { width: 100px; background: url("../gfx-bin/wardrobe/star.png") no-repeat; }
    span.two label { width: 40px; }
    span.three label { width: 60px; }
    span.four label { width: 80px; }
    span.five label { width: 100px; }
div.stars_grey { background: url("../gfx-bin/wardrobe/star_grey.png") repeat-x; height: 20px; float: left; margin-bottom: 10px; }
div.profile_top { width: 676px; height: 10px; background: url("../gfx-bin/wardrobe/profile_top.png") no-repeat; }
div.profile_bottom { width: 676px; height: 10px; background: url("../gfx-bin/wardrobe/profile_bottom.png") no-repeat; }
div.profile_header { width: 651px; height: 40px; padding: 10px 0 0 25px; background: url("../gfx-bin/wardrobe/profile_header.png") repeat-x; }
div.profile { width: 626px; background: #fff; padding: 15px 25px 15px 25px; }
    div.date { font-size: 14px; padding: 10px 0 10px 0; border-bottom: solid 1px #ecf1f4; }
    div.sender { font-size: 14px; padding: 10px 0 10px 0; border-bottom: solid 1px #ecf1f4; margin-bottom: 20px; }
        div.sender a { font-size: 14px; }
    div.body { font-size: 12px; }
#profile { padding: 10px; }
    #profile div.left { width: 140px; float: left; }
        #profile div.image { width: 140px; height: 140px; background: url("../gfx-bin/wardrobe/no_profile_image.png") no-repeat; }
        #profile div.rating { width: 120px; padding: 10px; }
    #profile div.description { line-height: 16px; float: left; background: #f0f6fc; font-size: 12px; padding: 10px; min-height: 120px; }
    #profile a { color: #097BBF; text-decoration: none; }

div.facebook_box { text-align: center; }
div.facebook_newad { cursor: pointer; width: 234px; height: 63px; background: url("../gfx-bin/wardrobe/facebook_newad.png") no-repeat; margin: 0 auto 20px auto; }
    
/* MESSAGES */
div.message_views { padding: 5px; font-size: 14px; float:left; }
select.message_views { padding: 2px; font-size: 14px; border: solid 1px #999; }
table.messages { width: 100%; border-collapse: collapse; }
    table.messages td { height: 30px; line-height: 30px; padding: 0 5px 0 5px; border-bottom: solid 1px #ecf1f4; }
    table.messages td.icon { width: 30px; }
    table.messages td.subject { text-decoration: underline; }
        table.messages td.subject a { font-size: 12px; }
    table.messages td.sender { width: 130px; }
        table.messages td.sender a { font-weight: bold; color: #343d45; font-size: 12px; text-decoration: none; }
    table.messages td.received { width: 130px; }
    table.messages td.toptions { width: 20px; text-align: right; } 
    
/* HOME / FEED */
div.feed { padding-top: 10px !important; }
div.feed a { text-decoration: none; color: #097bbf; }
div.feed_header { padding: 10px 0 5px 0; margin-bottom: 10px; font-size: 14px; font-weight: bold; border-bottom: solid 1px #097bbf; color: #097bbf; }
div.feed_seperator { border-bottom: solid 1px #d1dfe7; margin-bottom: 5px; }
div.feed_item { margin-bottom: 5px; }
    div.feed_item div.image { width: 50px; float: left; margin-right: 5px; }
        div.feed_item div.image div.overlay { float: left; width: 48px; height: 48px; background: url("../gfx-bin/wardrobe/overlay_48x48.png"); margin-left: -48px; }
        div.feed_item img { float: left; }
    div.feed_item div.message { float: left; width: 593px; }
        div.feed_item div.header { font-size: 11px; color: #999; font-weight: bold; text-transform: uppercase; }
        div.feed_item div.added { font-size: 10px; color: #999; }
    
/* BIDS */
div.bid_seperator { border-bottom: solid 1px #d1dfe7; margin-bottom: 5px; }
div.bid { margin-bottom: 5px; }
    div.bid div.image { width: 48px; float: left; margin-right: 5px; }
        div.bid div.image div.overlay { float: left; width: 48px; height: 48px; background: url("../gfx-bin/wardrobe/overlay_48x48.png"); margin-left: -48px; }
        div.bid div.image img { float: left; }
    div.amount { background: #d1dfe7; float: left; height: 48px; line-height: 48px; width: 90px; text-align: center; color: #075888; font-size: 14px;  }
    div.amount_start { background: url("../gfx-bin/wardrobe/bid_amount_1.png") no-repeat; width: 4px; height: 48px; float: left; }
    div.amount_end { background: url("../gfx-bin/wardrobe/bid_amount_2.png") no-repeat; width: 4px; height: 48px; float: left; margin-right: 5px; }        
    div.bid div.message { float: left; width: 267px; margin-left: 5px; line-height: 16px; }
        div.bid div.message a { text-decoration: none; color: #333; }
        div.bid div.message a.bright { font-weight: bold; color: #097bbf; }
        div.bid div.message_wide { width: 450px; }
        div.bid div.message_semi { width: 307px; }
            div.bid div.message_wide a { text-decoration: none; color: #097bbf; }
        div.bid div.header { font-size: 11px; color: #999; font-weight: bold; text-transform: uppercase; }
        div.bid div.added { font-size: 10px; color: #999; }
        div.bid div.reply { width: 120px; float: right; text-align: right; }
            div.bid div.reply textarea { font-size: 11px; color: #999; border: solid 1px #eee; padding: 2px; }
            div.bid div.reply textarea.dark { font-size: 11px; color: #333; border: solid 1px #ccc; padding: 2px; }
        div.bid div.accept { float: right; margin-left: 10px; width: 30px; height: 40px; padding-top: 8px; text-align: center; }
        div.bid div.accept img, div.bid div.reject img { border: none; cursor: pointer; }
        div.bid div.reject { float: right; width: 40px; height: 40px; padding-top: 8px; text-align: center; }
        div.bid div.waiting { float: right; margin-right: 10px; width: 180px; height: 48px; line-height: 48px; text-align: right; font-size: 14px; }
        div.bid div.accepted { float: right; margin-right: 10px; padding-left: 50px; padding-right: 30px; width: 130px; height: 42px; text-align: left; background: url("../gfx-bin/wardrobe/accept_s.png") no-repeat right 10px; font-size: 14px; color: #528661; }
        div.bid div.accepted_mid { height: 48px; line-height: 48px; padding-top: 0px; }
        div.bid div.accepted a { margin-left: 3px; text-decoration: underline; color: #333; display: block; text-decoration: none; line-height: 15px; color: #097bbf; }
            div.bid div.accepted a.action_contact { background: url("../gfx-bin/wardrobe/action_contact.png") no-repeat 0 50%; padding-left: 20px; }
            div.bid div.accepted a.action_edit { background: url("../gfx-bin/wardrobe/action_edit.png") no-repeat 0 50%; padding-left: 20px; }
            div.bid div.accepted a.action_rate { background: url("../gfx-bin/wardrobe/action_rate.png") no-repeat 0 50%; padding-left: 20px; }
        div.bid div.rejected { float: right; margin-right: 10px; padding-right: 30px; width: 180px; height: 48px; line-height: 48px; text-align: right; background: url("../gfx-bin/wardrobe/reject_s.png") no-repeat right 10px; font-size: 14px; color: #903434; }
        div.bid div.reply_short { width: 140px; }

/* ISTYLE */
div.peacock_colourbox { border: solid 1px #999; background: #fff; padding: 3px; }
div.peacock_colour { float: left; height: 44px; line-height: 44px; margin: 0 2px 2px 0; vertical-align: middle; }
div.peacock_colour div { display: inline-block; border: solid 2px #fff; cursor: pointer; }
div.peacock_colour div.selected { display: inline-block; border: solid 2px #55ff01; }
div.peacock_colour input { display: none; }
#peacock_top { width: 832px; height: 11px; background: url("../gfx-bin/wardrobe2/istyle_top.png") no-repeat; }
#peacock_bottom { width: 832px; height: 9px; background: url("../gfx-bin/wardrobe2/istyle_bottom.png") no-repeat; }
#peacock { background: url("../gfx-bin/wardrobe2/istyle_bg.png"); width: 832px; }
div.peacock_content div.header { height: 69px; padding: 7px 25px 0 25px; }
div.peacock_content { background: url("../gfx-bin/wardrobe/ad_main_header_bg.png") repeat-x; width: 656px; float: left; }
div.peacock_content div.toggle_upload { background: url("../gfx-bin/wardrobe/icon_upload.gif") no-repeat; height: 16px; line-height: 16px; padding-left: 21px; color: #31516d; text-decoration: underline; cursor: pointer; margin: 15px 25px 0 25px; }
div.peacock_content div.upload { display: none; margin: 15px 25px 0 25px; }
    div.peacock_content div.upload div.details { font-size: 10px; color: #999; }
    div.peacock_content div.upload div.key { font-size: 12px; font-weight: bold; color: #31516d; }
div.peacock_previews { padding: 10px 15px 10px 25px; }
div.peacock_preview { width: 140px; margin: 0 12px 10px 0; float: left; }
    div.peacock_preview div.image { }
    div.peacock_preview div.extras { padding: 10px; background: url("../gfx-bin/wardrobe/ad_gallery_bg.png") no-repeat bottom; text-align: center; }
        div.peacock_preview div.extras div.rating { height: 15px; line-height: 15px; float: left; background: url("../gfx-bin/wardrobe/icon_heart.png") no-repeat; padding-left: 22px; float: left; }
        div.peacock_preview div.extras div.comments { height: 15px; line-height: 15px; float: left; background: url("../gfx-bin/wardrobe/icon_comments.png") no-repeat; padding-left: 26px; float: right; }
div.peacock_content div.description { padding: 10px 25px 10px 25px; line-height: 16px; margin-bottom: 10px; border-top: solid 1px #ecf1f4; background: url("../gfx-bin/wardrobe/peacock_description_bg.png") repeat-x bottom; }
div.peacock_content div.description div.description_header { color: #62819a; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
div.peacock_info { padding: 5px 15px 5px 15px; width: 146px; float: left; min-height: 600px; }
    div.peacock_info a { text-decoration: none; color: #097bbf; font-size: 16px; line-height: 24px; }
    div.peacock_info select { font-size: 12px; border: solid 1px #999; padding: 5px; margin-top: 2px; margin-bottom: 8px; }
    div.peacock_info h3 { margin: 0 0 8px 0 }
    div.peacock_info div.small { margin-bottom: 5px; }
#upload table input, #upload table select { padding: 2px; font-size: 11px; border: solid 1px #999; }

div.related_peacocks { margin: 10px 0 0 15px; }
    div.related_peacocks div.peacock_preview { background-color: #fff; padding: 2px; border: solid 1px #fff; }
        div.related_peacocks div.peacock_preview div.extras { background: #fff !important; }
.profile_peacocks { padding-left: 10px; }

div.ad_info div.istyle { height: 76px; }
div.ad_info div.istyle div.like_it { height: 69px; margin-left: 2px; background: url("../gfx-bin/wardrobe/istyle/likeit_bg.png") no-repeat; }
    div.like_it div.count { height: 69px; line-height: 69px; width: 45px; padding-left: 16px; text-align: center; color: #fff; font-size: 15px; font-weight: bold; float: left; }
    div.like_it div.action { height: 68px; line-height: 69px; width: 90px; padding: 1px 5px 0 0; text-align: center; font-size: 11px; color: #333; font-weight: bold; float: left; cursor: pointer; }
    div.like_it div.action_disabled { height: 68px; line-height: 69px; width: 90px; padding: 1px 5px 0 0; text-align: center; font-size: 11px; color: #ccc; font-weight: bold; float: left; }
    
    div.ad_info div.profile_image { margin-top: 5px; border: solid 1px #62819a; padding: 2px; background: #fff; width: 140px; height: 140px; }
        div.ad_info div.profile_image div { width: 140px; height: 140px; background: url("../gfx-bin/wardrobe/no_profile_image.png") no-repeat; }
    
/* BANNERS */
div.banner_468x60 {
    width: 676px;
    height: 60px;
    padding: 10px 0 10px 0;
    text-align: center;
    background: url("../gfx-bin/wardrobe/banner_bg_468x60.png");
    margin-bottom: 10px;
}

/* SIGNUP */
table.signup {}
    table.signup input.text { padding: 5px; font-size: 14px; border: solid 1px #999; }
    table.signup td { padding: 5px 0 5px 0; vertical-align: top; }
    table.signup td.key { width: 150px; font-size: 14px; font-weight: bold; color: #31516d; padding: 10px 20px 0 20px; text-align: right; }
    table.signup td input {}
    
/* ACTIVATION */
table.activation { border-collapse: collapse; }
    table.activation input.text { padding: 5px; font-size: 14px; border: solid 1px #999; }
    table.activation td { vertical-align: middle; font-weight: bold; padding-right: 5px; }
    table.activation td.info { font-size: 11px; padding-right: 0px; font-weight: normal; }
    
/* CREATE AD */
table.create { width: 100%; }
    table.create td.value input[type=text] { padding: 2px; font-size: 12px; border: solid 1px #999; }
    table.create td.value textarea { padding: 2px; font-size: 12px; border: solid 1px #999; }
    table.create td.value select { padding: 2px; font-size: 12px; border: solid 1px #999; }
    table.create td { padding: 5px 0 5px 0; vertical-align: top; font-size: 11px; color: #999; }
    table.create td.key { width: 120px; font-size: 12px; font-weight: bold; color: #31516d; text-align: left; }
    table.create td.header { padding: 0 20px 0 10px; }
    
/* EDITOR */
table.editor { width: 100%; margin-bottom: 0px; margin-top: 10px; }
    table.editor td.value input { padding: 2px; font-size: 14px; border: solid 1px #999; }
    table.editor td.value textarea { padding: 2px; font-size: 14px; border: solid 1px #999; }
    table.editor td.value select { padding: 2px; font-size: 14px; border: solid 1px #999; }
    table.editor td { padding: 0 10px 0 10px !important; vertical-align: middle; font-size: 11px; color: #999; }
    table.editor td.key { width: 80px; font-size: 14px; font-weight: bold; color: #31516d; padding: 10px 20px 0 10px; text-align: left; }

/* VALIDATION*/
span.validation { display: block; }
#validateUsername { visibility: hidden; }

/* FORUM */
div.forum { padding: 0px; margin: 10px 0 20px 0; }
    div.forum h2 { padding: 0; margin: 0; color: #097bbf; }
    div.forum table { width: 100%; }
        div.forum tr.header {  }
            div.forum tr.header td { font-weight: normal !important; padding: 5px 10px 5px 10px; }
        div.forum tr.alt { background: #eaf7fc; }
        div.forum tr.normal { background: #eaf7fc; }
            div.forum tr.normal td { border-bottom: solid 2px #fff; }
            div.forum tr.alt td { border-bottom: solid 2px #fff; }
            div.forum table tr td { padding: 10px; line-height: 14px; border-collapse: collapse; margin: 0; }
                div.forum table tr td.last_update { width: 150px; font-size: 9px; text-align: right; vertical-align: middle; color: #666; }
                div.forum table tr td.statistics { width: 30px; font-size: 9px; font-weight: bold; text-align: center; vertical-align: middle; color: #666; }
                div.forum table tr td a.header { font-size: 14px; font-weight: bold; text-decoration: none; display: block; margin-bottom: 5px; }
                div.forum table tr td.image { width: 104px; vertical-align: top; background: url("../gfx-bin/wardrobe/forum/header_bg.png") repeat-x; }
                    div.forum table tr td.image img { width: 100px; background: #fff; padding: 1px; border: solid 1px #999; }
                div.forum table tr td.top { background: #d0e9f2 url("../gfx-bin/wardrobe/forum/header_bg.png") repeat-x; height: 21px; line-height: 21px; }
                div.forum table tr td.message { vertical-align: top; }
                    div.forum table tr td.message img { max-width: 95%; background: #fff; padding: 1px; border: solid 1px #999; }
                    div.forum table tr td.message div.quote { background: #fff; padding: 5px; border: solid 1px #999; }
                div.forum table tr td.icon { width: 36px; vertical-align: middle; padding: 0; padding-left: 10px; text-align: center; }
                div.forum table tr td.buttons { width: 80px; padding: 0 5px 0 0; margin: 0px; background: #d0e9f2 url("../gfx-bin/wardrobe/forum/header_bg.png") repeat-x; }
                div.forum table tr td div.last_update { font-size: 9px; color: #666; }
                    div.forum table tr td div.last_update a { font-size: 9px; text-decoration: none; color: #097bbf; }
    div.forum span.page { font-size: 14px; display: inline-block; margin-top: 10px; margin-right: 10px; font-weight: bold; }
    div.forum span.page a { font-size: 14px; display: inline-block; margin-top: 10px; padding: 5px 10px 5px 10px; background: #097bbf; color: #fff; text-decoration: none; font-weight: bold; }

/* HEADER STYLE */
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

h1, h2, h3, h4 { font-family: Tahoma, Verdana, Arial, Serif; }
h1 { color: #31516d; margin: 10px 0 10px 0; }
.bright { color: #fc4900; }

/* UTILITIES */
.top_spacing { margin-top: 10px; }
.bottom_spacing { margin-bottom: 10px; }
.right_spacing { margin-right: 10px; }
.indent { padding-left: 20px; }
div.breaker { float: none; clear: both; }

/* CUSTOM INPUT FIELDS */ 
input.standard { padding: 2px; font-size: 12px; border: solid 1px #999; }
textarea.standard { padding: 2px; font-size: 12px; border: solid 1px #999; }
select.standard { padding: 2px; font-size: 12px; border: solid 1px #999; }

/* COMMON ELEMENTS */
div.frame { padding: 10px; background: #fff; border: solid 1px #d5e7f0; }
div.simple_box_top { height: 10px; width: 676px; background: url("../gfx-bin/wardrobe/simple_box_top.png") no-repeat; }
div.simple_box_bottom { height: 10px; width: 676px; margin: 0 0 10px 0; background: url("../gfx-bin/wardrobe/simple_box_bottom.png") no-repeat; }
div.simple_box_light_top { height: 10px; width: 676px; background: url("../gfx-bin/wardrobe/simple_box_light_top.png") no-repeat; }
div.simple_box_light_bottom { height: 10px; width: 676px; margin: 0 0 10px 0; background: url("../gfx-bin/wardrobe/simple_box_light_bottom.png") no-repeat; }
div.simple_box_vibrant_top { height: 10px; width: 676px; background: url("../gfx-bin/wardrobe/simple_box_vibrant_top.png") no-repeat; }
div.simple_box_vibrant_bottom { height: 10px; width: 676px; margin: 0 0 10px 0; background: url("../gfx-bin/wardrobe/simple_box_vibrant_bottom.png") no-repeat; }
div.simple_box { padding: 1px 20px 0 20px; line-height: 20px; color: #333; width: 636px; background: #f1f5f7; margin: 0px; font-size: 12px; }
div.simple_box_light { padding: 1px 20px 1px 20px; line-height: 20px; color: #333; width: 636px; background: #f6fbfd; margin: 0px; font-size: 12px; }
div.simple_box_gradient { padding: 10px 20px 10px 20px; line-height: 20px; color: #333; width: 636px; background: #f6fbfd url("../gfx-bin/wardrobe/simple_box_gradient.png") repeat-x; margin: 0px; font-size: 12px; }
div.simple_box_vibrant { padding: 10px 20px 10px 20px; line-height: 20px; color: #333; width: 636px; background: #ecf6fb; margin: 0px; font-size: 12px; }
div.simple_box_vibrant_gradient { padding: 10px 20px 10px 20px; line-height: 20px; color: #333; width: 636px; background: #f6fbfd url("../gfx-bin/wardrobe/simple_box_vibrant_gradient.png") repeat-x; margin: 0px; font-size: 12px; }
div.simple_box table { }
p.info, span.info, div.info { background: #ddd; padding: 10px; color: #333; font-size: 14px; }
p.light_info, span.light_info, div.light_info { background: #fff; padding: 10px; color: #333; font-size: 14px; }
div.narrow_info { padding: 0 10px 0 10px; }

p.error, span.error
{
	color: #990000;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
div.hint { background: #fff6dc url("../gfx-bin/wardrobe/icon_hint.png") no-repeat 5px 50%; padding: 5px 5px 5px 30px; margin-bottom: 10px; color: #999; font-size: 10px; }
a.markitup_toggle { padding: 5px; border: solid 1px #d5e7f0; font-size: 12px; text-decoration: none; font-weight: bold; margin: 10px 0 10px 0; display: block; background: #fff url("../gfx-bin/wardrobe/write.png") no-repeat 0px 5px; padding-left: 40px; height: 36px; line-height: 36px; }
div.editor_container { display: none; margin-bottom: 20px; }
div.markitup_container { width: 97%; }
textarea.markitup { }
div.must_login { padding: 10px 0 10px 0; font-size: 12px; }

/* EDIT IMAGE BOX*/
div.edit_image_box 
{
	margin-top: 10px;
	height: 140px;
	border: solid 1px #ddd;
	padding: 10px;
}
div.edit_image_box table { width: 100%; }
div.edit_image_box td.image 
{
	width: 140px;
	height: 140px;
	line-height: 100px;
	padding: 0 10px 0 0;
	border-right: dashed 1px #ddd;
}
div.edit_image_box td.confirmation 
{ 
	padding: 0 10px 0 10px;
	border-right: dashed 1px #ddd;
	text-align: center;
	vertical-align: middle;
}
div.edit_image_box td.default 
{ 
	padding: 0 10px 0 10px;
	border-right: dashed 1px #ddd;
	text-align: center;	
}
div.edit_image_box td.save 
{ 
	padding: 0 10px 0 10px;
	border-right: dashed 1px #ddd;
	text-align: center;
}
div.edit_image_box td.delete 
{ 
	padding: 0 0 0 50px;
	text-align: center;	
}

.hide 
{
	display: none;
}
.show 
{
	display: block;
}


/* Tooltip */
#tt {
    position:absolute;
    display:block;
    background:url("../gfx-bin/tooltip/tt_left.gif") top left no-repeat;
}
#tttop {
    display:block;
    height:5px;
    margin-left:5px;
    background:url("../gfx-bin/tooltip/tt_top.gif") top right no-repeat;
    overflow:hidden;
}
#ttcont {
    display:block;
    padding:2px 12px 3px 7px;
    margin-left:5px;
    background:#666;
    color:#fff;
}
#ttbot {
    display:block;
    height:5px;
    margin-left:5px;
    background:url("../gfx-bin/tooltip/tt_bottom.gif") top right no-repeat;
    overflow:hidden;
}

/* Share This */
.stbutton { border-color: #097BBF !important; text-decoration: none !important; }
.stico_rotate  { border-color: #097BBF !important; text-decoration: none !important; }
.stbuttontext { border-color: #097BBF !important; color: #097BBF !important; }