/* Stylings for all [rp~] BBcodes */

@import url("colours.css");

/* > RPBABEL */
span.rpbabel{
  border-bottom:1px dotted black;
  border-bottom:1px dotted currentColor;
  cursor:help;
}
span.rpbabel > span.english{
  display:none;
}
span.rpbabel > span.foreign{
  display:inline;
}
span.rpchar:hover span.rpbabel{
  cursor:text;
}
span.rpchar:hover span.rpbabel > span.english{
  display:inline;
}
span.rpchar:hover span.rpbabel > span.foreign{
  display:none;
}
span.rpbabel:hover > span.english{
  display:inline;
}
span.rpbabel:hover > span.foreign{
  display:none;
}
span.rpbabel2{
  border-bottom:1px dotted black;
  border-bottom:1px dotted currentColor;
}
/* iPhone */
@media only screen and (max-device-width: 480px) {
  span.rpbabel > span.english,
  span.rpbabel > span.english{
    display:inline;
  }
  span.rpbabel > span.foreign,
  span.rpbabel > span.foreign{
    display:none;
  }
}


/* RPNOTE */
.rpnote{
  border-bottom:1px dotted #808080;
  text-decoration:none !important;
  white-space:nowrap;
  cursor:help;
}

/* RPBUTTON */
a.rpbutton,
img.rpbutton{
  border:none;
  width:50px;
  height:50px;
}
img.rpbutton{
  background:white;
}
a.rpbutton.forums,
img.rpbutton.forums{
  margin-right:5px;
}
div.signature > a.rpbutton{
/* for use in sigs */
  padding:0 !important;
  margin:0 !important;
}
.rpbutton.spacer{
/* spacer button */
  width:1px !important;
}

/* RPGROUP */
.rpgroup{
  display:block;
  display:-moz-inline-block;
  display:inline-block;
  border-left:7px solid #b49ece;
  padding-left:5px;
}
option.rpgroup{
  display:block !important;
}

  /* TEAMS */
  .rpgroup.deveraux{
    border:none;
    padding-left:12px;
    background-attachment:scroll;
    background-position:top left;
    background-repeat:repeat-y;
    background-image:url("rpgroup_deveraux.png");
  }
  .rpgroup.bond{
    border-color:blue;
  }
  .rpcolour.bond{
    color:blue;
  }
  .rpgroup.solo{
    border-color:red;
  }
  .rpcolour.solo{
    color:red;
  }
  .rpgroup.hannay{
    border-color:#d4af37;
  }
  .rpcolour.hannay{
    color:#d4af37;
  }
  .rpgroup.palmer{
    border-color:green;
  }
  .rpcolour.palmer{
    color:green;
  }
  .rpgroup.bourne{
    border-color:#c1c1c1;
  }
  .rpcolour.bourne{
    color:#c1c1c1;
  }
  .rpgroup.reilly{
    border-color:#fb8613;
  }
  .rpcolour.reilly{
    color:#fb8613;
  }
    
  /* ZONES */
  .rpgroup.argento, .rpgroup.mogano, .rpgroup.roja, .rpgroup.noir, .rpgroup.tang, .rpgroup.fulvus{
    border:none;
    padding-left:12px;
    background-attachment:scroll;
    background-position:top left;
    background-repeat:repeat-y;
    -webkit-background-size:7px 100%;
    background-size:7px 100%;
  }
  .rpgroup.argento{
    background-image:url("rpgroup_argento.png");
  }
  .rpcolour.argento{
    color:#c8c8c8;
    text-shadow:0 0 3px #FFFFFF;
  }
  .rpgroup.mogano{
    background-image:url("rpgroup_mogano.png");
  }
  .rpcolour.mogano{
    color:#90592c;
  }
  .rpgroup.roja{
    background-image:url("rpgroup_roja.png");
  }
  .rpcolour.roja{
    color:#9b0101;
  }
  .rpgroup.noir{
    background-image:url("rpgroup_noir.png");
  }
  .rpcolour.noir{
    color:#000000;
  }
  .rpgroup.tang{
    background-image:url("rpgroup_tang.png");
  }
  .rpcolour.tang{
    color:#49ab39;
  }
  .rpgroup.fulvus{
    background-image:url("rpgroup_fulvus.png");
  }
  .rpcolour.fulvus{
    color:#f4c300;
  }
  .rpgroup.none{
    border-color:transparent;
  }
    
  /* REGIONS */
  .rpgroup.slate{
    border-color:#708090;
  }
  .rpcolour.slate{
    color:#708090;
  }
  .rpgroup.blue{
    border-color:#0000ff;
  }
  .rpcolour.blue{
    color:#0000ff;
  }
  .rpgroup.silver{
    border-color:#c0c0c0;
  }
  .rpcolour.silver{
    color:#c0c0c0;
    text-shadow:0 0 3px #FFFFFF;
  }
  .rpgroup.khaki{
    border-color:#bdb76b;
  }
  .rpcolour.khaki{
    color:#bdb76b;
  }
  .rpgroup.copper{
    border-color:#B87333;
  }
  .rpcolour.copper{
    color:#B87333;
  }
  .rpgroup.jade{
    border-color:#00A86B;
  }
  .rpcolour.jade{
    color:#00A86B;
  }
  .rpgroup.mahogany{
    border-color:#C04000;
  }
  .rpcolour.mahogany{
    color:#C04000;
  }
  .rpgroup.red{
    border-color:#ff0000;
  }
  .rpcolour.red{
    color:#ff0000;
  }
  .rpgroup.orange{
    border-color:#ffa000;
  }
  .rpcolour.orange{
    color:#ffa000;
  }
  .rpgroup.coral{
    border-color:#FF7F50;
  }
  .rpcolour.coral{
    color:#FF7F50;
  }
  .rpgroup.pink{
    border-color:#FFCBDB;
  }
  .rpcolour.pink{
    color:#FFCBDB;
  }
  .rpgroup.onyx{
    border-color:#212121;
  }
  .rpcolour.onyx{
    color:#212121;
  }
  .rpgroup.aqua{
    border-color:#00ffff;
  }
  .rpcolour.aqua{
    color:#00ffff;
  }
  .rpgroup.gold{
    border-color:#c6ad08;
  }
  .rpcolour.gold{
    color:#c6ad08;
  }
  .rpgroup.teal{
    border-color:#008080;
  }
  .rpcolour.teal{
    color:#008080;
  }
  .rpgroup.white{
    border-color:#ffffff;
  }
  .rpcolour.white{
    color:#ffffff;
    text-shadow:0 0 3px rgba(0, 0, 0, 0.5);
  }
  .rpgroup.sapphire{
    border-color:#082567;
  }
  .rpcolour.sapphire{
    color:#082567;
  }
  .rpgroup.crimson{
    border-color:#dc143c;
  }
  .rpcolour.crimson{
    color:#dc143c;
  }
  .rpgroup.emerald{
    border-color:#50c878;
  }
  .rpcolour.emerald{
    color:#50c878;
  }
  .rpgroup.rouge{
    border-color:#800000;
  }
  .rpcolour.rouge{
    color:#800000;
  }
  .rpgroup.lime{
    border-color:#ccff00;
  }
  .rpcolour.lime{
    color:#ccff00;
  }
  .rpgroup.lemon{
    border-color:#fde910;
  }
  .rpcolour.lemon{
    color:#fde910;
  }
  .rpgroup.saffron{
    border-color:#f4c430;
  }
  .rpcolour.saffron{
    color:#f4c430;
  }
  .rpgroup.grey{
    border-color:#808080;
  }
  .rpcolour.grey{
    color:#808080;
  }
/* < regions */

/* others > */
  .rpgroup.usa, .rpgroup.europa, .rpgroup.uk, .rpgroup.russia{
    border:none;
    padding-left:18px;
    background-attachment:scroll;
    background-position:top left;
    background-repeat:repeat-y;
  }
  .rpgroup.usa{
    background-image:url("rpgroup_usa.png");
  }
  .rpgroup.europa{
    background-position:center left !important;
    background-image:url("rpgroup_europa.png");
  }
  .rpgroup.uk{
    background-position:center left !important;
    background-image:url("rpgroup_uk.png");
  }
  .rpgroup.russia{
    background-position:center left !important;
    background-image:url("rpgroup_russia.png");
  }

/* RPSETTING */
.rpsetting{
  font-style:italic;
}

/* RPCHRON */
a.rpchron{
  display:block;
  padding:5px;
  background-color:#4F4F4F;
  border:1px solid white;
  color:#E5E5E5;
  font-size:90%;
  font-weight:bold;
  text-align:center;
  text-decoration:underline;
}
a.rpchron:hover{
  text-decoration:none;
}

/* RPCOLOUR */
.rpcolour{
  /* display:inline; */
}
option.rpcolour{
  display:block !important;
}

.rpchar{
/* [rpchar=ID] */
  display:-moz-inline-block;
  display:inline-block;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow:inset 0 0 7px rgba(0, 0, 0, 0.1);
  margin-bottom:5px;
  padding:5px;
}
.rpchar:last-of-type,
.rpchar:only-of-type{
  margin-bottom:0;
}
a.rpcharinset{
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  display:inline-block;
  float:left;
  left:-5px;
  padding:5px;
  position:relative;
  top:-5px;
  vertical-align:bottom;
  margin-bottom:-10px;
}
a.rpcharinset:hover{
  /*background:none !important;*/
}
a.rpcharinset img{
  display:inline-block;
  vertical-align:middle;
  width:30px;
  height:30px;
}
a.rpcharinset:hover img{
  width:50px;
  height:50px;
}

.rpchar a{
  color:inherit !important;
  text-decoration:underline !important;
}
.rpchar a:hover{
  text-decoration:none !important;
}
.code, .id, .idx, .igc{
/* Code, IGC posts, IDs */
  font-family:Monaco, 'Courier New', monospace;
  color:inherit;
}
.igc{
  background-color:black;
  color:grey;
}
/* RPFLAG */
img.rpflag{
  border:0;
  padding:0;
  margin:0;
  display:inline-block;
  vertical-align:middle;
  width:16px;
  height:11px;
}
img.rpflag a{
  border:0;
}