
/**
  * General classes
  */
.left {
   float : left;
}

.right {
   float : right;
}

.center {
   text-align: center;
}

.inline {
   display : inline;
   margin : 0;
   padding : 0;
}

.italic {
   font-style: italic;
}

.bold, .ingress {
   font-weight: 600;
}

.white {
   color: #fff;
}

.even {
   background-color: #eee;
}

img.image {
   border: 1px solid #ccc;
}

/**
  * Member view
  */
.memberHead {
   background-color: #255e77;
   padding-left: 10px;
   padding-bottom: 5px;
}

/**
  * Board view
  */
.member {
   float: left;
   margin-right: 25px;
   margin-bottom: 20px;
}

div.image {
   text-align: center;
   width: 150px;
   height: 150px;
}

div.image_empty {
   text-align: center;
   width: 150px;
   height: 150px;
}

div.empty {
   padding-top: 70px;
}

div.caption {
   text-align: center;
   width: 150px;
}

/**
  * Rounded corners
  */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/**
  * Content classes
  */
div.contentItem {
   margin: 5px 0 5px 0;
   clear : both;
}

div.leftContentItem {
   float: left;
   margin-right: 10px;
}

/**
  * Menu classes
  */
ul.menuGroup {
   clear : none;
   list-style-type : none;
   margin : 0;
   padding : 0;
}

li.menuItem {
   display : inline;
   margin : 0 10px 0 10px;
}

span.menuItem {
   display: block;
   padding-left: 10px;
   background-color: #fff;
}

a.menuItem, a.menuItem:hover {
   cursor : pointer;
}

a.menuItem:hover {
   text-decoration: underline;
}

a.menuItem:hover {
   text-decoration: underline;
}

a.selected, a.selected:hover {
   color : #fff;
   cursor : pointer;
   text-decoration : none;
}

a.selected:hover {
   text-decoration : underline;
}

a.selected:hover {
   text-decoration : underline;
}

/**
  * Form classes
  */
div.form {
   margin : 10px 0 10px 0;
   text-align : left;
   clear : both;
}

div.row {
   clear: left;
   padding-top: 3px;
}

div.after {
   clear: both;
   height: 10px;
   overflow : hidden;
}

div.row span.label {
   position : relative;
   top : 3px;
   float: left;
   width : 13em;
}

div.row span.item {
   float: left;
   width : 16em;
   text-align: left;
}

div.row span.right {
   float: left;
   width : 22em;
   text-align: right;
}

/**
  * Misc classes
  */

.submit {
   margin-left : 130px;
}

span.gray, .gray {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #999;
}

.messageHead {
   background-color : #eee;
   font-size : 1.1em;
   color : #22f;
}

.errorHead {
   background-color : #eee;
   font-size : 1.1em;
   color : #f22;
}

.noWhite {
   padding : 0;
   margin : 0;
}

.white {
   padding-top : 20px;
   padding-bottom : 20px;
}

.bottom {
   padding-bottom : 10px;
}

.thinBorder {
   border: 1px solid #eee;
}
