/*
 * Style sheet for RolePlay OnLine -- http://rpol.net
 *
 * CSS validated at "http://jigsaw.w3.org/css-validator/" - W3C's online validation service
 */

body,td,th,p {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  cursor: default;
}

body {
  margin: 0;
  overflow-x: auto;
  overflow-y: auto;
}

h1 {
	font-size: 16px;
	letter-spacing: 6px;
}

h2 {
	font-size: 15px;
	letter-spacing: 4px;
}

h3 {
	font-size: 14px;
	letter-spacing: 2px;
}

.centre, .centre td, .center, .center td {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

blockquote {
  margin: 0 10px 0 20px;
}

form {
  margin: 0 0 0 0;
}

/*
textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}
*/

ul, ol {
  margin-bottom: .5em;
  margin-top: .5em;
  margin-left: 3em;
  padding: 0;
  }

ul {
  list-style-type: square;
  }

li ol {
  list-style: upper-alpha;
}

hr {
  height: 1px;
}

a, a:link, a:visited {
  text-decoration: none;
  background-color: transparent;
}

a:hover, a:active {
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
}

a.help, a:link.help, a:visited.help {
  background-color: transparent;
}

a:hover.help {
  cursor: help;
  background-color: transparent;
}

a.help {
  color: #f00 !important;
}

.private, font.private, .private font {
  color: #e95000;
}

.hl .highlight td, button, .button-hover {
  cursor: pointer;
}

table.fullbdr, .fullbdr td, .fullbdr th, table.bdrlbr, .bdrlbr td, .bdrlbr th {
  border: 1px solid;
  border-collapse: collapse !important;
  empty-cells: show;
}

.message .fullbdr td, .himessage .fullbdr td {
  text-align: center !important:
}

.bdrd {
  border: 1px solid;
}

.bdrtab, .bdrtop, .bdrbtm, .bdrtl, .bdrbl, .bdrlbr {
  border-style: solid;
}

.bdrtab {
  border-width: 1px 0 1px 0;
}

.bdrtop {
  border-width: 1px 0 0 0;
}

.bdrbtm {
  border-width: 0 0 1px 0;
}

.bdrtl {
  border-width: 1px 0 0 1px;
}

.bdrbl {
  border-width: 0 0 1px 1px;
}

table.bdrlbr, .bdrlbr td, .bdrlbr th, .bdrlbr {
  border-top: 0 none;
}

div.stickylist {
  line-height: 13px;
  padding: 2px;
}

div.stickyblock {
  display: block;
  padding: 2px;
  text-align: left;
}

.sm, .sm *, .msg {
  font-size: 10px;
}

.med, .med *, .navbar, .navbar td, td.navbar, .navbar th, th.navbar {
  font-size: 11px;
}

.navbar th, th.navbar {
  font-weight: normal;
}

input.smc, .smc input {
  height: 15px;
  width: 15px;
}

vis {
  visibility: visible !important;
}

invis {
  visibility: hidden !important;
}

input.invis, .invis input {
  background-color: transparent !important;
  border-width: 0px !important;
  font-size: 10px;
  text-align: right;
  cursor: default;
}

.pad0 {
  padding: 0;
}

.pad1313, .pad1313 td, .pad1313 th {
  padding: 1px 3px 1px 3px;
}

@media all { /* CSS Layout */

  html, body, #contents {
    min-height: 100%;
    width: 100%;
    height: 100%;}  /* hack for IE5+/Win. */
  
  html>body, html>body #contents {height: auto;}
  /* Without this, Moz1.0 adds a vertical scrollbar */
  
  #main {
    margin-bottom: 35px;/* Opera 7.x draws too far w/ this */
    text-align: center;
  }
  
  #contents/* Hide from IE 4 to 5 */ {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #bottomnav/* Hide from IE 4 to 5 */ {
    position: absolute;
    bottom: 0;
    right: 0; left: 0;
    text-align: right;
  }

  /* Hide navbar stuff, renders nothing but enters in NS4 */
  .navbar a {
    background-color: transparent;
    padding: 1px 0 1px 0;
  }
  
  .navbar a:hover, .navbar a:active {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: 0 0 0 0;
  }

  form {
    display: inline;  /* Hides select lists in NS4 */
  }
  
  select, option {
    border-width: 0 0 1px 0 !important; /* Causes 1 line per option in NS4*/
    border-style: dashed !important;
  }

  input.rpol-form, .rpol-form input, textarea, select, option, button, .rubb-form, .button, .button-hover {
    border: 1px solid;
  }

  .button {
    border-width: 1px 2px 2px 1px !important;
  }
  
  .button-hover, .button:hover, .button:active {
    border-width: 1px 2px 2px 1px !important;
  }

  input[type='submit'], input[type=button] {
    cursor: pointer;
  }

}