/* HTML elements
----------------------------------------------- */
body {
  color: #222;
  margin: 0;
  padding: 0;
}
body, p, td, li, input, textarea, select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
}
a {text-decoration: none;cursor:pointer;}
a:link {color: #039;}
a:visited {color: #039;}
a:active {color: #039;}
a:hover {
  color: #036;
  text-decoration:underline;
}
img{
  border-style:none;
}
hr {
  height:1px;
  background-color:#ddd;
  border-style:none;
  border-bottom:1px solid #ddd;
  margin:0;
}
p, ol, ul {
  margin: 0 0 10px 0;
}
ol, ul {
  padding-left: 2em;
}
blockquote {
  border:1px solid #ddd;
  padding:5px;
  margin:5px 0;
  background-color: #efefef;
}
b, .b {
  font-weight:bold;
}
u, .u {
  text-decoration:none;
  border-bottom:2px solid #ddd;
}
a u {
  color:#333;
}

em{
  font-style:normal;
  color:red;
}
iframe {
  clear:both;
  border-style:none;
  width:100%;
  padding:0;
  background-color:transparent;
}


/* loader
----------------------------------------------- */
#mainloader {
  position:absolute;
  top:3px;right:3px;
}
#mapResult, #inloader {
  display:none;
}
#inloader {
  position:absolute;
}
.inloader {
  display:none;
  background: url(loader-snake.gif) no-repeat;
  width:16px;
  height:16px;
  z-index:5;
}
#addr-table {
  position:relative;
  width:100%;
}
#addr-loader {
  position:absolute;
  top:2px;right:2px;
  display:none;
}

.hide, .close span, .reload span, a.edit span, a.history span 
  {display:none}

.inblock {
  position:relative;
  padding:5px 0 10px 0;
  font-size:.85em;
  line-height:1.3;
}
.wakublock {
  border:1px solid #ddd;
  padding:5px;
  margin:5px 0 10px 0;
  background-color:#fff;
}
.waku {
  border:1px solid #ddd;
  padding:5px;
  margin-bottom:10px;
}

.lmr {
  position:absolute;
  top:3px; right:0px;
}

/* parts
----------------------------------------------- */
.pager {
  font-size:12px;
  clear:both;
}
.ex {
  color:#555;
  font-size:12px;
  padding:0 0 5px 0;
  font-family:monospace;
  text-indent:-1em;
  margin-left:1em;
}
.rel {
  position:relative;
}
.ab {
  position:absolute;
}

/* btn
----------------------------------------------- */
a.close {
  display: block;
  width: 15px;
  height: 15px;
  background: url(frm.png) -30px 0px no-repeat;
}
a.close:hover {
  background-position: -30px -15px;
  border-style:none;
  cursor:pointer;
}
img.btn {
  cursor:pointer;
}
img.close {
  widgh:15px;
  height:15px;
}
img.close:hover {
  cursor:pointer;
  filter:alpha(opacity=70);
  opacity: 0.7;
}

#floatform img.close {
  position:absolute;
  top:3px; right:3px;
}

 a.addbtn {
  display: block;
  width: 14px;
  height: 14px;
  background: url(add.gif) 0px 0px no-repeat;
}
a.addbtn:hover {
  background-position: 0px -14px;
  border-style:none;
}
a.addbtn span {
  display:none;  
}

/* form
----------------------------------------------- */
form, textarea, input, select, checkbox {
  margin:0;
}
input, textarea {
/*   font-size:1em; */
}
textarea,input.field {
  width: 100%;
  _width: 97%;
}
input.short {
  width:60%;
}
input:focus,textarea:focus {
  background-color: #f5f5f5;
}
form .item{
  margin-bottom:8px;
}
.submit {
  margin-top:20px;
}
.submit input {
  margin-right:10px;
}
form#node-form .item {
  font-size:.85em;
}

#floatform {
  position:absolute;
  width:80%;
  left:10%;
  display:none;
  z-index:100001;
}
#floatform #revform, #floatform #rform, #floatform #cResFrm, #floatform .infloat {
  color:#000;
  border:2px solid #ffd87f;
  background-color:#d6dda6;
  padding:10px;
/*   font-size:.85em; */
/*   filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9; */
}
#floatform .infloatW {
  color:#000;
  border:2px solid #ffd87f;
  background-color:#fff;
  padding:10px;
/*   font-size:.85em; */
}
#floatform table#attach-tbl {
  font-size:.9em;
}
#rvfrm textarea:focus, form#rvfrm input:focus {
  background-color:#fff;
}
.attach-set {
  padding:5px 0;
  border-top:1px solid #ddd;
  font-size:.9em;
}
input.attach-memo {
  color:#888;
  width:100%;
  _width:90%;
}

/* table
----------------------------------------------- */
table {
  border-collapse: collapse;
  width:100%;
  clear:both;
}
th, td {
  vertical-align:top;
  padding:0;
}
th {
  text-align:left;
  font-weight:normal;
  white-space:nowrap;
}

table.wa {
  width:auto;
}

tr.bg {
  background-color:#f7f7f7;
}

table.l th {
  background-color:#4b0;
}
table.l th {
  padding:2px 3px;
}
table.l td {
  padding:3px 3px;
}

table.lb td {
  border-bottom:1px solid #ddd;
}

table.m td {
  padding:2px 5px 2px 2px;
}

table.tbl {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  margin:5px 0;
}
table.tbl th {
  color:#777;
  background-color:#f5f5f5;
  border-bottom:1px solid #ddd;
  padding:2px 0;
}
table.tbl td {
  padding:2px 0;
  border-bottom:1px dotted #ddd;
}
table.tbl td.pr, table.tbl th.pr{
  padding-right:15px;
}

table.t th,table.t td {
  padding:2px;
  border-right:1px solid #ddd;
}
table.t th {
  border-bottom:2px solid #ddd;
}
table.t td {
  border-bottom:1px solid #ddd;
}
table.t .bn {
  border-right-style:none;
}


table.f {
/*  font-size:.9em; */
}
table.f th, table.f td{
  padding:2px 0;
  border-bottom:1px dotted #ddd;
}
table.f th{
  padding-right:5px;
}
table.f table.in td{
  border-style:none;
  padding:0;
}

table.p td{
  padding:3px;
}

table.outline {
/*   font-size:.85em; */
  margin:0 0 5px 0;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
table.outline td, table.outline th {
  padding:4px 2px;
  border-bottom:1px dotted #ddd;
}
table.outline td.name {
  padding-right:8px;
  white-space:nowrap;
}
table.outline th {
/*   width:4em;
  _width:4.5em; */
  padding-right:5px;
  border-style:none;
  border-right:1px dotted #ddd;
  border-bottom:1px dotted #ddd;
  white-space:nowrap;
}
table.outline td {
  padding-left:5px;
}
table.outline table {
  width:auto;
}
table.outline table td {
  padding:0;
  border-style:none;
}

table#setting {
  font-size:.9em;
}
table#setting h3 {
  font-size:11px;
}
table#setting td{
  padding:10px 5px 0 5px;
}
table#setting table td{
  padding:0px;
}

table#attach-tbl {
  margin:10px 0;
  font-size:.9em;
  border-bottom:1px solid #ddd;
}
table#attach-tbl img {
  margin-right:5px;
  float:left;
}
table#attach-tbl td {
  border-top:1px solid #ddd;
  padding:4px 10px 4px 0;
}
table#attach-tbl th {
  color:#555;
  border-top:2px solid #ddd;
  border-bottom:2px solid #ddd;
  padding:2px 3px 2px 0;
  background: url(imgbg.gif);
}


/* mainwrapper
----------------------------------------------- */
#mainwrapper {
  margin:0 auto;
  width:970px;
}
#maincontents {
  margin-top:13px;
  width:100%;
  clear:both;
}
.sitewrapper {
  width:600px;
  margin:10px auto 0 auto;
}

/* header
----------------------------------------------- */
#header {
  position: relative;
  padding: 0;
  margin: 10px 0 0 0;
  width:100%;
}
#header #logo {
  float:left;
}
#header #logo h1 {
  width: 117px;
  height: 82px;
}
#header #logo a:hover {
  border-style:none;
}
#header h2 {
  clear:right;
  float:left;
  margin:10px 10px 0 10px;
  font-size: 12px;
}
#header .addrank {
  float:left;
  margin:27px 10px 0 0;
  font-size:11px;
  font-weight:normal;
  border:1px solid #ddd;
  background-color:#fed;
  padding:5px;
  text-align:center;
  white-space:nowrap;
}
.user-menu {
  position:absolute;
  top:0;right:20px;
  padding:0 0 5px 0;
  font-size:12px;
}
#kuzu {
  font-size:.8em;
  margin:0 0 5px 0;
}

/* searchbar
----------------------------------------------- */
#searchbar {
  font-size:14px;
  margin:0;
  padding:5px 0;
  background-color:#4b0;
  text-align:center;
}
#searchbar input, #gmapfrm input, .mapSearch input {
  font-size:.8em;
}
#searchbar .addr, #searchbar .key, #gmapfrm input, .mapSearch input {
  color:#888;
}
#searchbar select {
  font-size:.8em;
}
#searchbar label {
  font-size:11px;
}
#gmapfrm .btn {
  color:#333;
}

/* main content
----------------------------------------------- */
h1.title {
  color: #333;
  font-size: 14px;
}
h1.head {
  color: #555;
  margin:0 0 5px 0;
  padding:2px;
}
h1.title .h1add {
  float:right;
  font-size:12px;
  font-weight:normal;
  padding-left:5px;
}
h2.title {
  font-size:1.1em;
  padding-top:0;
}
h3.head {
  font-size:12px;
  background-color:#f93;
  padding:3px;
  margin-bottom:5px;
}
h3.g {
  background-color:#4b0;
}
h3.nmb {
  margin-bottom:0;
}
.h3add {
  font-size:11px;
  font-weight:normal;
  float:right;
}

#msg {
  font-size:.75em;
}

/* .item span {
  font-size:.9em;
  color:#555;
}
.item span em, .list span em, .date em {
  color:red;
  font-style:normal;
} */

#spot-group {
  font-size:.9em;
}

.logblock {
  border:2px solid #ddd;
  margin:5px 0;
  padding:5px;
  font-size:.9em;
}

.myspot img {
  margin:5px 5px 0 0;
}
/* .small select {
  font-size:.9em;
} */


table.edit-tbl {
  border-collapse: separate;
  font-size:.9em;
  margin:15px 0;
  border-top:2px dotted #ddd;
}
table.edit-tbl th {
  width:35px;
  padding:3px 5px 0 0;
}
table.edit-tbl td {
  padding-top:5px;
}
table.edit-tbl th a {
  border:1px solid #ddd;
  padding:2px;
  background: url(imgbg.gif);
  display:block;
  text-align:center;
}

.myhead {
  border:2px solid #eee;
  padding:5px;
  margin-bottom:5px;
}
.myhead td.topic {
  font-size:.8em;
  background: url(imgbg.gif);
}
.myhead img {

}
.message, .alert {
  _width:97%;
  background-color: #f6f6f6;
/*   _background-color: transparent; */
  font-size:12px;
  border: 1px dotted #ccc;
  padding: 4px;
  margin-bottom:10px;
}
.alert {
/*   border: 2px solid #ffdab9; */
  background-color: #ffdab9;
/*   _background-color: transparent; */
}
.message span, .alert span {
  border-bottom: 2px solid #bbb;
}
.message .btn {
  float:right;
  font-size:.9em;
}


.node {
  margin: 5px 0 25px 5px;
  clear:both;
}
.node .tag {
  margin:0 0 8px 0;
  color: #999;
  font-size: .9em;
  float:left;
}
.node .body {
  clear:both;
}
.submitted {
  color: #999;
  padding:0;
  text-align:right;
}
.node .submitted {
  font-size: .85em;
}

.inline {
  padding-bottom:10px;
}
.inline img {
  margin:1px;
  float:left;
}
.inline a:hover {
  border-style:none;
}
img.waku {
  padding:2px;
  border:1px solid #ccc;
}


#comment {
  margin:5px 0;
}
.comment {
  border: 1px solid #ddd;
  padding: .5em;
  margin: 0 0 10px 0;
  background: transparent url(icon-comment.png) right top no-repeat;
}
.comment .submitted {
  padding:5px 0;
  font-size: .9em;
}

/* footer
----------------------------------------------- */
#footer {
  border-top:1px solid #ccc;
  margin:10px 0 0 0;
  padding:12px 0;
  font-size:.85em;
  text-align:center;
  color: #999;
  clear:both;
}

/* table menu
------------------------------------- */
table.menu {
  width:auto;
  border: 1px solid #ddd;
  font-size:.8em;
  float:left;
}
table.menu td {
  padding:3px 5px;
  border-right: 1px solid #ddd;
  background-color:#fed;
  
}
table.menu td.active {
  background-color:#f93;
  
}
table.g td {
  padding:3px 10px;
  border-right: 1px solid #ddd;
  background-color:#f5ffe8;
  
}
table.g td.active {
  background-color:#4b0;
  
}

/* tab menu
------------------------------------- */
.tab-menu {
  position:relative;
  height:20px;
}
ul.tab {
  position:absolute;
  left:0;
  bottom:-1px;
  width: 100%;
  margin:0 5px;
  padding:0 10px 0 0;
  list-style: none;
}
ul.tab li {
  float: left;
  padding: 2px 4px;
  margin: 0 3px 0 0;
  display: inline;
  white-space: nowrap;
  _font-family:'ＭＳ Ｐゴシック';
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  background-color:#f6f6f6;
  border-bottom:1px solid #ddd;
}
ul.tab li.active {
  background-color:transparent;
  border-bottom:1px solid #fff;
}
ul.tab li.active-up {
  border-top:2px solid #fff;
}

.sub-menu ul.tab {
  bottom:0px;
}
.sub-menu ul.tab li {
  background-color:#ffd;
  border-bottom:1px solid #ffd;
}
.sub-menu ul.tab li.active {
  background-color:#f93;
  border-bottom:1px solid #f93;
}
.sub-menu ul.tab li.active a{
  color:#000;
}
.sub-menu .kuzu {
  background-color:#f93;
  margin:0 0 10px 0;
  padding:2px;
  color:#fff;
}

.pf-menu {
  clear:both;
  margin-top:10px;
}
.pf-menu ul.tab {
  margin:0 30px 0 0;
}
.pf-menu ul.tab li {
  float:right;
}

/* lightbox
------------------------------------- */
#lightbox {
  position:absolute;
  top:0;left:0;
  width:100%;
  height: 100%;
  z-index:10;
  display:none;
}
#lightbox-bg {
  position:absolute;
  top:0;left:0;
  width:100%;
  height: 100%;
  background-color: #000;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index:20;
}
#lightbox-disp {
  position:absolute;
  width:100%;
  top:30px;left:0;
  text-align:center;
  z-index:70;
}
#lightbox-disp img {
  margin:0;
  padding:5px;
  background-color:#fff;
}
#lightbox-disp img {
  margin-bottom:20px;
}
#lightbox-navi {
  position:absolute;
  color:#000;
  width:100%;
  bottom:10px;
  text-align:center;
  z-index:60;
}
#lightbox-navi table {
  width:auto;
  border-collapse: separate;
  border-spacing: 5px
}
#lightbox-navi td {
  padding:5px;
  background:#fff;
}
#lightbox-navi td.selected {
  background-color:#aaa;
}
#lightbox-navi td img {
  background: url(imgbg.gif);
}
#lightbox .memo {
  width:60%;
  margin-left:20%;
  _margin-left:0;
  color:#fff;
  font-size:.75em;
  padding:5px 0 5px 5px;
}
#lightbox span{
  color:#000;
  font-size:.75em;
  background-color:#fff;
  border:1px solid #ddd;
  padding:5px 0 5px 5px;
}
#lightbox img.close {
  position:absolute;
  top:-20px;
  right:0px;
  padding:0px;
  z-index:200;
}
#lightbox a:hover {
  color:#fff;
}

/* suggest
------------------------------------- */
.tag_suggest {
  position:relative;
}
.suggest {
  display:none;
  position:absolute;
  background:#f6f6f6;
  left:0; top:3px;
  z-index:100;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.suggest-word {
  border:1px solid #ccc;
  line-height:1.4;
  font-size:11px;
  padding:2px 3px;
}
.tagput {
  font-size:11px;
  padding-top:3px;
  color:#888;
}

/* toolman
----------------------------------------------- */
.move {cursor: move}
.move a {cursor:pointer}

ul.toolman {
  list-style-type: none;
/*   font-size:.85em; */
  padding:0;
}
ul.toolman li {
  position:relative;
  margin:0 0 5px 0;
  _margin:0 0 2px 0;
  clear:both;
  border:1px solid #ddd;
  padding:5px;
  background-color:#fff;
}
#spotlist ul.toolman li {
  position:static;
}

ul.toolman li.move{
  height:50px;
  overflow:hidden;
}
ul.toolman li img{
/*   float:left; */
/*   margin:0 10px 0 0; */
}
ul.toolman li .item {
/*   font-size:.9em; */
  margin-top:3px;
}
ul.toolman li .tag {
  margin-bottom:2px;
}
ul.toolman li .edit {

}

.toolman li a.rm {
  position:absolute;
  top:5px; right:5px;
  width: 14px;
  height: 14px;
  background: url(add.gif) -14px 0px no-repeat;
  z-index:9;
}
.toolman li a.rm span {
   display:none;
}
.toolman li a.rm:hover {
  background-position: -14px -14px;
  border-style:none;
}


ul.toolman li.add {
  border:2px solid #ffd87f;
}

ul.toolman a.add {
  position:absolute;
  top:5px;left:5px;
  _left:0;
  width: 14px;
  height: 14px;
  background: url(add.gif) 0px 0px no-repeat;
  z-index:1000000000;
}
ul.toolman a.add span {
   display:none;
}
ul.toolman a.add:hover {
  background-position: 0px -14px;
  border-style:none;
}
ul.toolman .msg{
  color:red;
  font-size:.9em;
}

/* box
----------------------------------------------- */
ul#boxes, ul.box {
  list-style-type: none;
  padding:0;
  margin:5px 0 0 0;
  font-size:.85em;
}
#boxes li, ul.box li, div.box {
  position: relative;
  float: left;
  margin: 0 2px 5px 2px;
  padding:5px;
  width:78px;
  height:122px;
  border:1px solid #ddd;
  line-height:1;
  overflow:hidden;
  background-color:#fff;
}
#boxes li.move {
  cursor: move;
}

ul.mbox li {
  margin: 0 5px 5px 5px;
  _margin:0 4px 5px 4px;
}

.box li a.add {
  position:absolute;
  top:5px;
  right:5px;
  width: 14px;
  height: 14px;
  background: url(add.gif) 0px 0px no-repeat;
  z-index:9;
}
.box li a.add span {
   display:none;
}
.box li a.add:hover {
  background-position: 0px -14px;
  border-style:none;
}
.box li a.rm {
  position:absolute;
  top:69px;
  right:5px;
  width: 14px;
  height: 14px;
  background: url(add.gif) -14px 0px no-repeat;
  z-index:9;
}
.l a.rm {
  position:absolute;
  top:0px;
  right:5px;
  width: 14px;
  height: 14px;
  background: url(add.gif) -14px 0px no-repeat;
  z-index:9;
}
a.rm span {
   display:none;
}
a.rm:hover {
  background-position: -14px -14px;
  border-style:none;
}

#boxes li .ttl, ul.box li .ttl, div.box .ttl {
  padding-top:2px;
}

ul.box li.mark, ul.toolman li.mark {
  border:1px solid #fda;
  background-color:#ffe;
}
ul.box li.mark2, ul.toolman li.mark2 {
  border:1px solid #bd0;
  background-color:#efd;
}

ul.box em {
  color:#888;
  font-size:10px;
}
ul.box .cnt{
  position:absolute;
  right:3px;
  bottom:3px;
  color:#888;
  font-size:10px;
  text-align:right;
}
ul.box .addr, div.box .addr {
  position:absolute;
  left:3px;
  bottom:3px;
  color:#888;
  font-size:10px;
  height:10px;
  overflow:hidden;
}
ul.box .msg{
  position:absolute;
  left:3px;
  bottom:3px;
  color:#888;
  font-size:10px;
  z-index:9;
}
ul.box .cnt em, ul.box .msg em{
  font-style:normal;
  color:red;
}

/* ranking
----------------------------------------------- */
.subhead {
  margin:0 0 5px 0;
  padding:0 0 5px 0;
  border-bottom:2px solid #ddd;
}

/* .rankAddForm {
  background-color:#fff;
  border:2px solid #ddd;
  padding:5px;
} */
/* .ranking-outline {
  border-bottom:2px solid #eee;
} */
.ranking-outline .item {
  margin-bottom:5px;
}

.ranking {
  line-height:1.4;
}
/* .ranking img {
  margin:0 10px 5px 0;
} */
.ranking .user {
  font-size:.9em;
  border-bottom:2px dotted #ddd;
  margin-bottom:10px;
}


/* -----------------ここから見直し削除 */
/* .ranking .rank {
  clear:both;
  position: relative;
}
.ranking img.photo {
  position:absolute;
  border:1px solid #ddd;
  padding:2px;
}

img.spc {
  float:left;
  width:1px;
}

.ranking .inrank {
  padding:0 0 0 60px;
}
.ranking .inrank-s {
  padding:0 0 0 70px;
}
*/

#spotlist .rank {
  border:1px solid #ddd;
  background-color:#fff;
}

.ranking .rank a.add {
  position:absolute;
  top:0px;
  left:0px;
  width: 14px;
  height: 14px;
  background: url(add.gif) 0px 0px no-repeat;
  z-index:10;
}
.ranking .rank a.add span {
   display:none;
}
.ranking .rank a.add:hover {
  background-position: 0px -14px;
  border-style:none;
}

/* -----------------ここまで */

.ranking table.rank {
/*   border:1px solid #ddd; */
  margin-bottom:10px;
/*   background-color:#fff; */
}
.ranking table.rank td {
  padding:5px;
}
.ranking table.rank .waku {
  border:1px solid #ddd;
  padding:10px;
  margin-bottom:10px;
   background-color:#fff;
}


#instorage {
 font-size:.9em;
}

.rankingNavi strong {
  border-bottom:2px solid #ddd;
  font-size:1.2em;
}

/* vote
----------------------------------------------- */
#spot-delete {
  font-size:.9em;
}
.delvotelist {
  padding:5px 0;
}
.delvotelist .item {
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px dotted #ddd;
}

/* community
----------------------------------------------- */
.kakiko {
  margin-bottom:10px;
  border:1px solid #ddd;
  padding:10px;
  font-size:.9em;
}

/* flow navi
----------------------------------------------- */
ul.flow {
  list-style:none;
  font-size:13px;
  padding-left:0px;
}
ul.flow li {
  position:relative;
  float:left;
  margin:0 15px 10px 0;
  border-left:1px solid #ddd;
  padding:0 30px 0 25px;;
  background: url(flow.jpg) right top no-repeat;
  height:50px;
}
ul.flow li.active {
  background: url(flow_active.jpg) right top no-repeat;
}
ul.flow li div{
  padding:7px 0 0 0;
}
ul.flow li span{
  display:block;
  position:absolute;
  left:5px; top:7px;
}

/* basic
----------------------------------------------- */
.clear {clear:both}
.small, small {font-size:.9em}
.x-small {font-size:.76em}
.large, big {font-size:larger}

.ftb {font-size:.85em}
.fts {font-size:12px}

.ft10 {font-size:10px;font-weight:normal;}
.ft11 {font-size:11px;font-weight:normal;}
.ft12 {font-size:12px;font-weight:normal;}
.ft13 {font-size:13px;font-weight:normal;}
.ft14 {font-size:14px;font-weight:normal;}
.ftn {font-weight:normal}
.bold {font-weight:bold}
.red {color:red}
.gray {color:#bbb}
.new, .tomato {color:tomato}
.fr {float:right}
.fl {float:left}
.mt {margin-top:10px}
.mr {margin-right:10px}
.mb {margin-bottom:10px}
.ml {margin-left:10px}
.mth {margin-top:5px}
.mrh {margin-right:5px}
.mbh {margin-bottom:5px}
.mlh {margin-left:5px}
.mt2 {margin-top:20px}
.mb2 {margin-bottom:20px}
.ml2 {margin-left:20px}
.mb3 {margin-bottom:30px}
.mn {margin:0}
.pt {padding-top:10px}
.pb {padding-bottom:10px}
.pl {padding-left:10px}
.pr {padding-right:10px}
.pth {padding-top:5px}
.plh {padding-left:5px}
.prh {padding-right:5px}
.pbh {padding-bottom:5px}
.pb1 {padding-bottom:1px}
.pl2 {padding-left:20px;}
.pah {padding:5px}
.pn {padding:0}
.tc {text-align:center}
.tr {text-align:right}

.bt {border-top:1px solid #ddd}
.bt2 {border-top:2px solid #ddd}
.bb {border-bottom:1px solid #ddd}
.bb2 {border-bottom:2px solid #ddd}
.btd {border-top:1px dotted #ddd}
.bbd {border-bottom:1px dotted #ddd}
.brd {border-right:1px dotted #ddd}
.br {border-right:1px solid #ddd}
.bl {border-left:1px solid #ddd}
.ba {border:1px solid #ddd}

.bg {background-color:#eee}
.bg6 {background-color:#f6f6f6}
.vm {vertical-align:middle}
.vt {vertical-align:top}
.nw {white-space:nowrap}
.w300 {width:300px}

.w90 {width:90%;}

.mark {background-color:#ffe;}
.mark2 {background-color:#efd;}