/* Plot photo area */
div#plot_photo { 
  position: relative;
  width: 170px;
  left: 5px;
}

/* small headers under the photo (change picture, etc) */
div#plot_photo h2 { 
  font-size: 100%;
  text-align:center;
  position:relative;
  top:-5px;
  margin-bottom:-10px;
  font-weight: normal;
}

/* actual profile photo */
div#plot_photo img { 
  margin-top:0.5em;
}

/* artist name above profile picture */
#content a.artist_name:link, #content a.artist_name:visited {
  font-size: 135%;
  font-weight: 800;
  color: #555555;
}

/* Artist type and edit link */
.artist_type { 
  font-size: 110%;
  position: relative;
}

/* Table that wraps the entire plot */
table#layout_main { 
  width: 105%;
  height: 850px;
}

/* Left of page, has profile, zigs, etc */
table#layout_left {

}

/* Class for containing zigs with nice border  */
div.zigBorder {
  border-style: dashed;
  border-color: pink;
  border-width: 1px; 
}


.zigOpenLeft, .zigOpenRight {
  border-style: dashed;
  border-color: #cc3333;
  border-width: 1px;
  padding: 0px;
  padding-bottom: 10px;
}

.zigOpenRight {
  border-right: none;	      
  border-bottom: none;	      
}

.zigOpenLeft {
  border-left: none;	      
  border-bottom: none;	      
}

/* Class that gets applied dynamically to cells zigs as they are rendered */
.plot_zigs td {
  width: 172px;
  position: relative;

  border-style: dashed;
  border-color: #cc3333;
  border-width: 1px;
  padding: 0px;
  padding-bottom: 10px;
}

/* Dynamically applied to zigs with no border as specified in layout */
td.plot_zig_noborder {
  border-style: none;
}

/* turns off the border in cells within zigs */
.plot_zigs td td { 
  border-style: none;
  position:relative;
  left:0px;
}


/* cell class containing zigs with only top and left border */
td.plot_zig_tl { 
  border-right: none;
  border-bottom: none;
}

/* cell class containing zigs with only top and right border */
td.plot_zig_tr { 
  border-left: none;
  border-bottom: none;
}

/* class for cells containing bottom zig if it is even numbered */
td.plot_zig_trb { 
  border-left: none;
}

/* class for cell containing bottom zig if it is odd numbered */
td.plot_zig_tlb { 
  border-right: none;
}

/* Class for the table with My Portfolios, About Me, etc */
table#plot_red_quartered { 
  padding:0px;
  margin-top:1em;
  border-spacing:0px;
  border-collapse: collapse;
  width:100%;
  clear:both;
}

/* Class for cells in above table */
table#plot_red_quartered td { 
  border-color: #cc3333;
  border-width:1px;
  border-style: dashed;
  padding:5px;
  width:50%;
}

/* Turn off borders for cell in above table */
table#plot_red_quartered td td
{ 
  border-style: none;
  padding: 2px;
}

/* Table cell that contains everything left of the zigs - Facts, My Portfolio, etc */
td#user_pagebody { 
  padding-left: 20px;
  padding-top: 0px;
  width: 400px;
}

/* Field names under Facts - Name, Gender, Member Since, etc */
.infofield_desc { 
  color: #888;
}

/* Area containing My Sales picture */
div#plot_sales { 
  float: right;
  clear:right;
  width:155px;

  border-left:dashed;
  border-color: #cc3333;
  border-width:1px;

  padding-left:8px;
  margin: 6px 10px 6px 6px;
}

/* Images in the plot sales area */
div#plot_sales img { 
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Table in the edit profile form */
form#profile_edit table { 
  width: 100%;
  margin-right: 2em;
}

/* Text areas in the profile exit form */
form#profile_edit textarea { 
  width: 100%;
}

/* recently updated portfoloios area in the My Friends zig - should be moved somewhere else */
div#recently_updated { 
  padding:0px;
  margin-left:2em;
  margin-bottom:1ex;
}

/* List items under recently updated portfolios */
div#recently_updated ol { 
  margin-left:3px;
  padding-left:0em;
  margin-bottom:1ex;
}

/* The "Link out" box under the "Share" zig */
input.share_linkout {
  width: 95%;
}

/* contains blog subject and date for blog postings */
div.blog_header {
  background-color: #cc3333;
  display: block;
  clear: both;
  padding: 0.5em;
}

/* Title div over zigs */
.zig_title {
  background-color: #ff3333;
  font-weight: bold;
  font-size: 11px;
  clear: both;
  padding: 4px; 
  padding-left: 8px;
}

.zig_title a {
  color: white; 
}




/* Drops a little more space under zig titles on right part
   of screen - My Portfolio, About Me, etc */
#plot_red_quartered .zig_title, #plot_sales .zig_title {
  margin-bottom: 5px;
}


/* Links for buttons that submit forms */
span#plot a.form_submit {
   padding: 3px 5px 3px 5px;
}


/* area for the display when a user gets redirected
div#redirected-404 {
  background-color: #cc3333;
  font-family: Arial,sans-serif;
  padding: 20px;
  border: 1px solid black;
  margin-bottom: 20px;
}

/* Colors for links in redirection area */
div#redirected-404 a.hide-link, div#redirected-404 a.hide_link:visited {
  color: #555;
}

#membership {
    height: 16px;
    font-size: 12px;
    padding: 0 0 1px 16px;
    background: no-repeat top left url(/static/images/small_shields.png);
    text-align:left;
    margin: 0px auto;
}

#membership.plot_painter {
    background-position: 0px -16px;
}
#membership.mapper {
    background-position: 0px -32px;
}
#membership.ad_zapper {
    background-position: 0px -48px;
}
#membership_plans {
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow:hidden;
}
 
#membership_plans h4 {
    font-size: 110%;
    font-weight: normal;
    margin:0;
}
#membership_plans h4 a.title {
    font-size: 130%;
}

#membership_plans li {
    margin: 10px 0;
    clear: both;
    padding: 0;

}
#membership_plans li div.MAPTextChunk {
    float:right;
    width: 320px;
    margin: 0px;
}
#membership_plans div.icon  {
    width: 50px;
    float:left;
    height: 65px;
    background: no-repeat top left url(/static/images/shields.png);
    margin: 0 8px 8px 0;
}

#membership_plans li.plot_painter div.icon  {
    background-position: -50px 0px;
}
#membership_plans li.mapper div.icon  {
    background-position: -99px 0px;
}
#membership_plans li.ad_zapper div.icon {
    background-position: -149px 0px;
}
#MAPHeadline {
    background: #bbb;
    padding: 5px;
}
#MAPHeadline input {
    width: 215px;
}
#MAPHeadline p {
    white-space: pre-wrap;
    overflow-x: hidden;
    font-size: 11pt;
    margin: 0;
}