* { margin: 0; padding: 0; }

BODY            { background-color: #ffffff; color: #62656a; font-size: 80%; font-family: Arial, Verdana, Helvetica, Geneva, Sans-serif; line-height:1.5em; }
IMG             { border: none; display: block }
TABLE           { border-collapse: collapse; width: 100%; }
BR              { line-height: 12px; clear: both; }
TEXTAREA        { width: 99%; }
FORM            { display: inline; }
P               { line-height: 1.4em; }
UL              { margin-left: 1em; }

/*--- COMMON CLASSES ---*/

.lineheight {line-height: 1.6em;}
.floatleft {float: left;}
.floatright {float: right;}
.clrleft {clear: left;}
.clrright {clear: right;}
.center {text-align:center;}
.clr {clear:both;}
.none {display:none;}
.textright {text-align:right;}
.heightbreak {margin-bottom:8px;}
.inline {display:inline}

.clear { overflow: hidden; width: 100%; } /* generic container (i.e. div) for floating buttons */


/*--- SEARCH ---*/

#header_src             { background-image: url("/images/sites/styleroom/grad_header.gif"); height:45px }
#header_src INPUT       { float: left; margin-left: 9px;background-color: #F4FEDB; font-size:18px;}
#header_src LABEL       { float: left; font-weight: bold; color: #debb87; font-size: 18px; margin: 3px 0 0 0;  padding-top: 3px;}
#header_src .box        { float: right; padding-top: 8px;padding-right: 18px;}
#header_src .field      { height: 28px; width: 200px; border: solid 1px #7f9db9; }

/*--- NAVIGATION ---*/

#header_nav             { background-color: #c6e677; border-top: solid 3px #93bb3a; border-bottom: solid 1px #a4cf43; }
#header_nav UL          { list-style:none; }
#header_nav LI          { display: inline; border-right: solid 1px #93bb3a; padding: 0 10px 0 10px; }
#header_nav A           { color: #474239; text-decoration: none; }
#header_nav A:HOVER     { color: #234314; text-decoration: underline;  }
#header_nav .box        { margin: 10px 18px 10px 18px; text-align: center; font-weight: bold; font-size: 14px; }
#header_nav .noline     { border: none; }

#stylefour              {position:relative;display:block;height:39px;font-size:12px;font-weight:bold;background:transparent url(/images/style4/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #93BB3A;}
#stylefour ul           {margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li        {display:block;float:left;margin:0;}
#stylefour ul li a      {display:block;float:left;color:#666;text-decoration:none;padding:8px 20px 0 20px;height:26px;background:transparent url(/images/style4/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current
                        {color:#93BB3A ;background:#fff; }
						
.pagination		{background:#E5F3FF; font-size: 14px; padding:3px; border: 1px solid #C4E3FF; margin-top:4px; margin-bottom:4px;}

/*--- BREADCRUMBS ---*/

#header_breadcrumb      { background: url("/images/sites/styleroom/bg_breadcrumb.gif"); border-bottom: 1px solid #DAD7D7; }
#header_breadcrumb .box { padding: 6px 18px 8px 18px; font-size: 0.9em; }
#header_src.field      { height: 8px; width: 490px; border: solid 1px #7f9db9; }

/*--- USER PANEL ---*/

#userpanel              { background-color: #f4fedb; border: solid 2px #d7e5b5; font-size: 0.9em; padding-right: 10px; margin: 5px 0px 0 0; width:983px; overflow: auto; padding-bottom: 7px }
#userpanel UL           { list-style: none; float: right; margin: 8px 0 0 0; }
#userpanel LI           { display: inline; border-right: solid 1px #d7e5b5; padding: 0 4px 0 4px; }
#userpanel .userinfo    { padding: 8px 14px 8px 30px; background: url("/images/userpanel_bg.gif") no-repeat; }
#userpanel .noline      { border: none; }

.tableheader            { background-color: #f4fedb; border: solid 2px #d7e5b5; padding: 2px 0px 2px 0 }
.tablerow               { background-color: #f4fedb; font-size: 0.9em; padding-right: 10px; margin: 5px 0px 0 0; width:983px; }

/*--- FOOTER ---*/

#footer                 { background: url("/images/footer_bg.gif") repeat-x; border-top: solid 4px #ebeaea; color: #bcbec1; padding: 0 8px 8px 8px; margin-top: 20px;}
#footer UL              { list-style: none; text-align: right; font-size: 0.9em; margin-top: 8px; margin-bottom: 12px; }
#footer LI              { display: inline; padding: 0 0 0 12px; }
#footer A               { text-decoration: underline; color: #9c9d9e; }
#footer A:HOVER         { text-decoration: underline; color: #ffffff; background-color: #9c9d9e; }
#footer .info           { font-size: 0.8em; line-height: 14px; }
#footer .copyright      { text-align: right; font-size: 1.0em; margin: 14px 0 0 0; color: #bcbec1; }

/*--- ADVERTISING ---*/

#ad_leaderboard         { padding-top: 5px; text-align: center }
.ad                     { margin-bottom: 8px; }
.ad .title              { font-size: 9px; display: block; margin-bottom: 2px; }
#right                  { float: right; width: 300px; }
#right .title           { font-size: 9px; display: block; margin-bottom: 2px; }
.sample_ad              { background-color: #f5f4f4; text-align: center; border: solid 1px grey;}

/*--- INLIST ADS ---*/

.ad .innerad { background-color: #f6f4f5; padding: 10px; }
.ad .albumad { background-color: #e5f3ff; padding: 10px; }

/*--- INTRODUCTION BOX ---*/

#introduction           { border: solid 6px #c4e3ff; background-color: #93b9da; color: #ffffff; height: auto; width: 985px;}
#introduction .box      { width: 520px; padding: 20px 40px 0 0; float: right; line-height: 1.5em; }
#introduction A         { text-decoration: underline; color: #ffffff; }
#introduction A:VISITED { text-decoration: underline; color: #ffffff; }
#introduction A:HOVER   { text-decoration: underline; color: #ffffff; background-color: #459dd3; }
#introduction H2 { font-size: 1.5em; color: #ffffff; }


/*--- HOLDERS ---*/

.holder, .holder_content        { width: 995px; margin: 0 auto;}
.holder_content A               { text-decoration: underline; color: #459dd3; }
.holder_content A:VISITED       { text-decoration: underline; color: #ca6ddb; }
.holder_content A:HOVER         { text-decoration: underline; color: #ffffff; background-color: #459dd3; }


.content_single         { margin: 5px 18px 14px 0px; }
.content_double         {width: 995px; margin-top:15px; }
.content_column         { float: left; width: 715px; }
.content_column INPUT, TEXTAREA { background-color: #ffffff;  }
.content_column TEXTAREA {  height: 95px; border: solid 1px #d0d0bf; }
.content_right          { width: 250px; margin: 0 auto; float:right }
.input_text             { border: solid 1px #d0d0bf; width: 99%; }
.saver                  { clear: both; }

/*--- BOXES ---*/

.loginbox { border: 4px solid #BDC096; background: url("/images/sites/styleroom/bg_login.gif"); padding: 10px; width:315px; float:left; }
.promobox { border: 4px solid #BDC096; background: url("/images/sites/styleroom/bg_login.gif"); padding: 10px; width:315px; float:right; }
.tagbox { border: 1px solid #BDC096; background: url("/images/sites/styleroom/bg_login.gif"); padding: 10px; margin-top:8px; margin-bottom:8px;}

.white_box
{background-color: #F4F9FE;padding-top: 15px;padding-right: 15px;padding-bottom: 15px;padding-left: 15px;margin-top: 20px;

margin-right: auto;margin-bottom: 0px;margin-left: auto;border-top-width: 1px;border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #C4E3FF;

border-right-color: #C4E3FF;

border-bottom-color: #C4E3FF;

border-left-color: #C4E3FF;

position: relative;

}

/*--- LISTS---*/

/*.simpleList ul { margin-left: 0;
padding-left: 0;
list-style: none;line-height: 1.6em;}

.simpleList li {background-image: url("/images/sites/styleroom/li.gif") no-repeat 2px 6px;clear:none;padding:0;margin: 0;padding:0 0 10px 12px;border:0;}*/

ul.simplelist {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

ul.simplelist li {
  line-height: 200%;
  padding-left: 22px;
  background-image: url("/images/sites/styleroom/li.png");
  background-repeat: no-repeat;
  background-position:left;
}

ul.image_list {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

ul.image_list li {
  display: inline;
  padding: 5px;
  border: 1px solid black
}

.site_notice            { margin: 8px 18px -15px 18px }
.flash_notice            { background-color: #B31105; font-weight: bold; font-size: 12px; color: #FFFFFF; padding: 5px; margin-top: 12px; }
.tavling_notice           { background-color: #fef2e1; font-weight: bold; font-size: 14px; color: black; border: 3px #fc990a solid; padding: 5px; margin: 12px 18px 0 18px; text-align: center }
.news_notice           { background-color: #E50505; font-weight: bold; font-size: 14px; color: white; border: none; padding: 5px; margin-left: 4px; }
.theme_easter           { background-color: #FFCC00; font-size: 14px; color: #774101; border: 3px #F08507 solid; padding: 10px; margin-top: 18px;}


.grey_border            { border: solid 1px #D9D7D7; margin: 8px 0; }
.grey_border_index { border: solid 1px #D9D7D7;line-height: 1.5em; background: #FFF url('/images/grey_grad.gif');background-repeat: repeat-x ;padding:5px;}
.grey_box               { background-color: #f4f3f3; margin: 1px; padding: 8px; }
.grey_box P             { line-height: 20px; }
.grey                   { color: #d5d4d4; background-color: #d5d4d4; height: 1px; border: 0; margin: 8px 0 8px 0 }

.green_border            { border: solid 1px #8dc919; margin: 8px 0; }
.white_box               { background-color: #ffffff; margin: 1px; padding: 8px; }

.comment_box            { color: #77B701; font-size: 14px; text-decoration:none; border-bottom: 2px solid #FE8A01; padding-bottom: 5px;margin-bottom:5px;width: auto; }
.user_box               { background:#FFF8E6 url('/images/profile_bg.gif');background-repeat: repeat-x ; padding: 8px; border: 1px solid #F1E5C7;}

.bl_border              { border: solid 1px #d6e7f4; margin-top: 6px; }
.bl_box                 { background-color: #e4f3ff; margin: 1px; padding: 15px; line-height: 22px; }

.blue                   { color: #c4e3ff; background-color: #c4e3ff; height: 5px; border: 0}
.blue_box               { border: solid 1px #c4e3ff; background-color: #e5f3ff; margin-top: 12px; }
.blue_box P             { padding: 3px 0; }
.blue_box TEXTAREA      { border: solid 1px #d0d0bf; height: 90px; }
.blue_middle            { }
.blue_bottom            { border-top: solid 1px #c4e3ff; }
.blue_top               { background: url("/images/sites/styleroom/bluebox_bg.gif") repeat-x;}
.blue_top               { padding: 12px 12px 0px 12px; }
.blue_middle            { padding: 0px 12px 12px 12px; }
.blue_bottom            { padding: 12px 12px 12px 12px; }
.blue_box2               { border: solid 2px #ECE1B8; background-image: url("/images/index_bg.gif"); padding: 10px; line-height: 1.8em; color: #766E4D; }


.thumb_left             { float: left; margin-right: 19px; }
.thumb_right            { float: right; }

.album_left, .album_right       { text-align: center; line-height: 25px; }
.album_left             { float: left; margin-right: 16px; }
.album_left IMG, .album_right IMG       { display: block; }
.album_right            { float: left; }
.album_green            { background-color: #8dc919; color: #ffffff; font-weight: bold; display: block; }
.album_saver            { clear: both; text-align: right; padding-top: 6px; }

.new_left               { float: left; width: 340px; }
.new_right              { float: right; width: 340px; }
.new_grey               { background-color: #f4f3f3; padding: 8px 15px; }
.new_white              { padding: 8px 15px; }
.new_date               { float: right; }

.table_steg1            { background-color: #f5f4f4; margin: 0 0 6px 0; }
.table_steg1 TD         { padding: 10px 20px; border: solid 1px #ffffff; }
.table_steg1 INPUT      { border: solid 1px #d0d0bf; }

.forum TABLE            { width: 655px }
.forum TH               { padding: 8px; background: url("/images/bgforum.gif"); border-bottom: #CCCCCC 1px solid;}
.forum_topic_subject TH { padding: 8px;
                          background-color: #f5f4f4;
                          border: 1px solid black }
.forum TR               { }
.forum_userinfo         { background-color: #E5F3FF }
.forum TD               { border-bottom: 2px solid #f5f4f4;
                          padding: 10px; }

#inspiration_image_box  { text-align: center }
#inspiration_image_no_member   { 
                                 padding: 30px;
                                 border: solid 1px #c4e3ff; 
                                 background-color: #ffffff;
                               }
#inspiration_image_description { text-align: center; 
                                 width: auto; 
                                 font-style: italic;
                                 margin-bottom: 12px
                               }
#inspiration_image_album    { text-align: left;
                              background: #FFF;
                              border: 1px solid #C6E677;
                              padding: 8px;
                              width: auto;
                            }
#inspiration_sponsor_box    { color: #77B701; 
                              font-size: 14px; 
                              border: 1px solid #bcbec1;
                              padding: 8px;
                              width: auto;
                            }
#inspiration_sponsor_logo   { padding-right: 5px; padding-top:5px; }
#inspiration_sponsor_text   { float: right; width: 570px }
#inspiration_sponsor_link   { padding-bottom: 3px }
#inspiration_sponsor_body   { }
#inspiration_sponsor_footer { text-align: right;
                              font-size: 0.8em; 
                              color: #bcbec1; 
                            }


.link_group_ad       { text-align: left;
                       margin: 0px;
                       padding: 0px; 
                     }
.link_group_base     { padding: 2px 5px 2px 5px;
                       float: left;
                     }
.link_group_triple   { width: 220px; }
.link_group_popunder { width: 300px; }
.link_group_square   { width: 240px; }
.link_group_header   { width: auto; font-size: 12px; display: block; margin-bottom: 2px; font-weight: bold }
.link_group_image    { width: auto; float: left; vertical-align: top; padding-right: 10px; text-align:center }
.link_group_title    { width: auto; }
.link_group_text     { width: auto; }
.link_group_logo     { padding-top: 10px }
.link_group_info     { float: right; text-align: right; font-size: 9px }

.help TD                { padding: 5px; border: 1px solid #000000 }
.help TD PRE            { font-size: 1.2em }


.errorExplanation       { border: 3px solid red; padding: 5px; background-color: #fbfdee }
.fieldWithErrors        { background-color: #e5e3e3; padding: 5px 0 5px 0 }


#send_to_friend_form    { background-color: #dee7ef; padding: 8px; border: 1px solid #c4e3ff; margin-bottom: 8px }


/* -- TEXT CLASSES -- */

H1                      { font-size: 1.3em; font-weight: bold; display: inline; padding-right: 5px; color:#A55030 }
H2                      { font-size: 1.3em; font-weight: bold; display: inline; padding-right: 5px; color:#82BA14; padding-right:10px; }
H3                      { font-size: 1.1em; font-weight: bold; display: inline; padding-right: 5px; }
H4                      { font-size: 1.1em; font-weight: bold; display: inline; padding-right: 5px; color:#82BA14; }
H5                      { font-size: 1.0em; font-weight: bold; padding-right: 5px; margin-bottom: 5px}


.greypuffindex		{ font-size: 1.1em; font-weight: bold; display: inline; color:#646464; line-height: 1.2em;}
.christmastheme		{ font-size: 1.1em; font-weight: bold; display: inline; padding-right: 5px; color:#D62204; }
.marker_red_boxedcolor		{ font-weight: bold; display: inline; padding-right: 5px; background-color:#E4F3FF; padding: 2px;}
.marker_orange          { background-color: #f08507; color: #ffffff; padding: 4px 8px; margin-top: 10px; }
.marker_commercial         { background-color: white; color: #62656A; font-weight: bold; border: 3px solid #93BB3A; padding: 4px 8px; margin-bottom:12px; }
.marker_grey            { background-color: #f4f3f3; padding: 4px 8px; float: right; font-weight: bold; }
.red                    { color: #de0001; }
.smaller                { font-size: 75% }
.marker_commentalbum { background: #FFF; border: 3px solid #C6E677; padding: 8px; height:50px; margin-top:20px;}

#item_list_links .hiddenlink { text-decoration: none; color: #62656a; cursor: text; background-color: #ffffff; }
#favourite_list_links .hiddenlink { text-decoration: none; color: #62656a; cursor: text; background-color: #ffffff; }

/* -- IMG CLASSES -- */

.img_middle             { vertical-align: middle; }
.img_icon               { vertical-align: top; margin: 0 4px 0 6px;}
.imgborder_s            { border: solid 1px #F1E5C7; background-color: #ffffff; padding: 3px; }
.imgborder_userimg            { border: dotted 1px #F1E5C7; background-color: #ffffff; padding: 3px; }
.imgborder_m            { border: solid 1px #c4e3ff; background-color: #ffffff; padding: 3px; }
.imgborder_l            { border: solid 1px #c4e3ff; background-color: #ffffff; padding: 7px; }
.imgcenter              { padding: 15px 0 10px 0; }
.img_puffimages  { border:0 !important;}

/* -- SIDEWIDE CLASSES -- */

.normal_left            { float: left; margin-bottom: 10px; }
.normal_right           { float: right; margin-bottom: 10px; }
.normal_box             { clear: both; margin-bottom: 6px; padding-top: 2px; }

.link_l                 { font-size: 1.2em; }
.link_xl                { font-size: 1.4em; }

/* -- NEW BUTTON CLASSES -- */

/*input.button, #header_src input.button, a.formbutton { cursor:pointer; border:outset 1px #D17508; background:#F08507; color:#fff; font-weight:bold; padding: 1px 2px; font-size: 12px;}

a.formbutton, a.formbutton:hover, a.formbutton:active, a.formbutton:visited{ padding: 4px; text-decoration: none; line-height: 1.5px;  background:#F08507; color:#fff;}*/

.formbutton 
formbutton.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	cursor:pointer;
}

input.formbutton {
    border: 0;
    background: #fff url('/images/bg_button_span.gif') no-repeat;
    height: 28px;
    padding: 5px 0px 7px 6px;
    float: left;
    color: #62656a;
    font: bold 14px arial, sans-serif;
    margin-bottom: 5px
} 

input.formbutton:active {
    background-position: bottom left;
    padding: 6px 0px 7px 6px; /* push text down 1px */
} 

.formbuttonend {
    position: absolute;
    display: inline;
    width: 6px;
    height: 28px;
    background: url('/images/bg_button_a.gif') no-repeat;
}

a.formbutton {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #62656a;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 28px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.formbutton span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0px 7px 6px;
} 

a.formbutton:visited       { text-decoration: none; color: #62656a; }
a.formbutton:hover         { text-decoration: none; color: #62656a; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.formbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.formbutton:active span {
    background-position: bottom left;
    padding: 8px 0 6px 6px; /* push text down 1px */
} 


/* -- BUTTON CLASSES -- */

.button                 { cursor: pointer; }
.button A:HOVER, A:ACTIVE, A:VISITED    { text-decoration: none; }
.button BR              { clear: left; }
#sortable_images { list-style-type: none }
                        
/* -- SPEECH BUBBLE -- */
div.bubble {
        width: auto;
        margin-bottom: 24px;
}
div.bubble blockquote {
        margin: 0px;
        padding: 5px;
        border: 1px solid black;
        background-color: #ffff00;
}

div.bubble blockquote p {
        margin: 10px;
        padding: 0px;
}

div.bubble cite {
        position: relative;
        margin: 0px;
        padding: 7px 0px 0px 15px;
        top: 6px;
        background: transparent url(tip.gif) no-repeat 20px 0;
        font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
        margin-bottom: 10px;
        border: 1px solid #000000;
        background-color: #ffff00;
        color: #000000;
}
div.bubble div.rounded blockquote {
        border: 0;
        background-color: transparent;
}
div.bubble div.rounded blockquote p {
        margin: 0px 10px;
}
div.bubble cite.rounded {
        position: relative;
        margin: 0px;
        padding-left: 15px;
        padding-top: 12px;
        top: 9px;
        background: transparent url(/images/tip-rounded.gif) no-repeat 15px 0;
}

/* -- AUTO COMPLETE -- */
            div.auto_complete {
              width: 350px;
              background: #fff;
              z-index: 20;
            }
            div.auto_complete ul {
              border:1px solid #888;
              margin:0;
              padding:0;
              width:100%;
              list-style-type:none;
            }
            div.auto_complete ul li {
              margin:0;
              padding:3px;
            }
            div.auto_complete ul li.selected {
              background-color: #ffb;
            }
            div.auto_complete ul strong.highlight {
              color: #800;
              margin:0;
              padding:0;
            }

#tooltip {
  border: 3px solid #6F6D6D;
  background-color: #FFFFFF;
  width: auto;
  padding: 7px;
  z-index: 100;
}

#activity_indicator {
  border: 1px solid black;
  font-weight: bold;
  background-color: white;
  padding: 15px;
  z-index: 300;
}

#uploadinfo {
  padding: 5px;
  border:solid 1px #000000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  background-color: white;
  color: #000000;
}

#progress-bar {
  width:500px;
  height:25px;
  margin:15px;
  border:solid 1px #000;
  position:relative;
}

#progress-bar #status-bar {
  height:25px;
  width:0px;
  background-color: green;
  border-right:solid 1px #000;
  position:absolute;
  top:0; left:0;
}

#progress-bar #status-text {
  padding: 0 15px;
  line-height:25px;
  position:absolute;
  top:0; left:0;
}

.imgpadding {
  padding-top: 20px;
}