body {
      font-family:      sans-serif;
      background:       #f8f8f8;
      color:            #000000;
      font-size:        13px;
      margin:           0;
      width:            100%;
      height:           100%;
}

A {
   color: #000000;
}
A:visited {
           color: #000000;
}
A:active {
          color: #000000;
}

p {
   margin-top:      5px;
   margin-bottom:   0px;
}

div.wide {
    width:          100%;
}

div.topwrapper {
    width:              100%;
    height:             54px;
    position:           fixed;
    z-index:            10;
    background:         #e8e8e8;
}

div.header {
    margin-top:         5px;
    margin-left:        15px;
}

div.menubar {
    width:              100%;
    height:             20px;
    background-image:   url('/img/bar_bw.png');
    background-repeat:  repeat-x;
    margin-top:         30px;
    border-top:         2px solid #e8e8e8;
    border-bottom:      2px solid #f0f0f0;
    z-index:            4;
}

div.menuwrapper {
    margin-left:        7px;
    margin-top:         2px;
    height:             20px;
}

div.menuitemwrapper {
    border-right:       1px dotted #000000;
    display:            inline;
    padding-right:      5px;
    padding-left:       8px;
    text-align:         center;
    text-decoration:    underline;
    margin:             0px auto;
}

.menuitemwrapper:hover {
    background-color:   #c0c0c0;
    cursor:             pointer;
}

div.headertextleft {
    position:           absolute;
    top:                26px;
    left:               15px;
}

div.headertextright {
    position:           absolute;
    top:                26px;
    right:              100px;
    z-index:            1;
}

div.lang {
    position:           absolute;
    top:                8px;
    right:              100px;
    z-index:            1;
}

div.headerimageright {
    position:           absolute;
    top:                0px;
    right:              0px;
    background-image:   url('/img/berry.png');
    width:              70px;
    height:             70px;
    z-index:            -1;
    opacity:            .95;
}

div.mainareawrapper {
    width:              90%;
    margin:             0px auto 0px auto;
    top:                78px;
    position:           relative;
    text-align:         left;
}

div.mainarea {
    width:              100%;
    max-width:          1200px;
    padding-top:        5px;
    padding-left:       8px;
    text-align:         left;
}

p {
    padding-top:        5px;
    padding-bottom:     5px;
}

ul,ol {
    margin-top:         0px;
    margin-left:        0px;
}

tr.tablerow:hover {
    background:         #ff9060;
}

div.container {
    width:              100%;
    padding-bottom:     5px;
}

div.bm_short {
    width:              350px;
    height:             18px;
    margin-left:        400px;
    margin-top:         5px !important;
    text-align:         left;
    background:         #e0e0e0;
    -moz-border-radius: 5px;
    border-radius:      5px;
    z-index:            3;
    position:           relative;
}

.bm_short:hover {
    cursor:             move;
}

div.bm_detailed {
    width:              445px;
    margin-left:        400px;
    text-align:         left;
    margin-top:         5px;
    background:         #e0e0e0;
    -moz-border-radius: 5px;
    border-radius:      5px;
    z-index:            3;
    position:           relative;
    top:                5px;
	border:				1px solid #d0d0d0;
}

.bm_detailed:hover {
    cursor:             move;
}

div.bm_num {
    width:              30px;
    text-align:         right;
    display:            inline-block;
}

div.bm_surl {
    width:              220px;
    text-align:         left;
    display:            inline-block;
    padding-left:       2px;
}

div.bm_spos {
    width:              90px;
    text-align:         right;
    display:            inline-block;
    padding-right:      2px;
}

div.bm_dleft {
    width:              55px;
    text-align:         right;
    display:            inline-block;
}

div.bm_ditem {
    width:              375px;
    text-align:         left;
    display:            inline-block;
    padding-left:       3px;
}

div.iconwrapper {
    text-align:         left;
    display:            inline;
    position:           fixed;
    padding-bottom:     2px;
    border-bottom:      1px dotted #404040;
}

div.icongroupplus {
    display:            inline-block;
    width:              16px;
    height:             16px;
    margin-left:        1px;
    margin-right:       1px;
}

div.iconspace {
    display:            inline-block;
    width:              10px;
    height:             16px;
    border-right:       1px dotted #404040;
    margin-right:       10px;
}

.icongroupplus:hover {
    cursor:             pointer;
}

div.icon {
    display:            inline-block;
    width:              16px;
    height:             16px;
    margin-left:        1px;
    margin-right:       1px;
}

div.iconactive {
    display:            inline-block;
    width:              16px;
    height:             16px;
    margin-left:        1px;
    margin-right:       1px;
}

.icon:hover {
    cursor:             pointer;
}

div.bookmarklets {
    font-family:        verdana;
    display:            inline-block;
    margin-left:        20px;
    margin-right:       5px;
    padding-bottom:     1px;
    font-size:          12px;
    height:             10px;
}

div.groupsmenu {
    width:              150px;
    height:             400px;
    text-align:         center;
    overflow:           auto;
    background:         #d0d0d0;
    border:             2px solid #b0b0b0;
    position:           fixed;
    -moz-border-radius: 7px;
    border-radius:      7px;
    padding:            15px;
    margin-top:         77px;
    margin-left:        66px;
}

div.group {
    width:              95%;
    height:             30px;
    margin-top:         10px;
    margin-bottom:      1px;
    text-align:         left;
    background:         #ff9060;
    -moz-border-radius: 5px;
    border-radius:      5px;
    padding-left:       5px;
    padding-top:        4px;
    padding-right:      2px;
    border:             2px solid #ee8050;
}

div.group:hover {
    cursor:            pointer;
}

div.gplus {
    width:              16px;
    height:             13px;
    font-size:          10px;
    background:         #30e030;
    -moz-border-radius: 3px;
    border-radius:      3px;
    border:             1px solid green;
    position:           fixed;
}

div.helpgplus {
    width:              16px;
    height:             13px;
    font-size:          10px;
    background:         #30e030;
    -moz-border-radius: 3px;
    border-radius:      3px;
    border:             1px solid green;
    text-align:         center;
    margin-top:         1px;
    display:            inline-block;
}

.gplus:hover {
    cursor:             pointer;
}

input.newgroup {
    color:              #000000;
    background-color:   #f0e070;
    font-size:          12px;
    border:             1px solid red;
}

input.newgroup:focus {
    outline: none;
}

div.helpimagewrapper {
    width:              100%;
}

div.helpimage {
    text-align:         left;
    margin:             0 0 0 18px;
    padding-top:        10px;
}

img.helpicon {
    border:             1px solid #e0e0e0;
}

span.link {
    text-decoration: underline;
}

span.link:hover {
    cursor:             pointer;
}

span.span_underlined {
    border-bottom:      1px dashed black;
}

span.delete_group {
    border-bottom:      1px dashed black;
}

span.kill_group {
    border-bottom:      1px dashed black;
}

div.login {
    width:              220px;
    position:           absolute;
    left:               15px;
    top:                25px;
    display:            inline;
    background:         #c0c0c0;
    opacity:            0.95;
    -moz-border-radius: 5px;
    border-radius:      5px;
    border:             1px solid black;
    padding:            5px;
    font-size:          12px;
}

div.logintext {
    width:              100%;
    padding-bottom:     5px;
}

div.provider {
    width:              40%;
    display:            inline-block;
    margin-left:        10px;
}

div.ownprovider {
    width:              100%;
    display:            inline-block;
    margin-left:        10px;
}

input.ownprovider {
    color:              #000000;
    background-color:   #f0e070;
    font-size:          12px;
    border:             1px solid red;
    width:              150px;
}

input.ownprovider:focus {
    outline: none;
}

div.bmcd_wrapper {
    position:           relative;
    top:                -75px;
    left:               445px;
    height:             1px;
}

div.bmcd_wrapper:hover {
    cursor:             default;
}

div.bmcd {
    -moz-border-radius:     0 3px 3px 0;
    border-radius:          0 3px 3px 0;
    background-color:       #a0a0a0;
    width:                  15px;
    height:                 50px;
    text-align:             center;
}

div.bmcs_wrapper {
    position:           relative;
    top:                -16px;
    left:               348px;
    height:             1px;
}

div.bmcs_wrapper:hover {
    cursor:             default;
}

div.bmcs {
    -moz-border-radius:     0 3px 3px 0;
    border-radius:          0 3px 3px 0;
    background-color:       #a0a0a0;
    width:                  15px;
    height:                 16px;
    text-align:             center;
}

div.bmce {
    text-decoration:    underline;
}

div.bmce:hover {
    cursor:    pointer;
}

div.sitecontrolswrapper {
    text-align:     center;
    margin:         0px auto;
    width:          100%;
}

div.sitecontrols {
    position:       relative;
    left:           0px;
    top:            10px;
    width:          40px;
    height:         18px;
    border:         1px solid #208020;
    text-align:     center;
    background:     #60ee60;
    opacity:        0.8;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:  5px;
    z-index:        1;
    display:        inline-block;
    margin:         1px;
}

textarea.generic {
    width:          100%;
    height:         200px;
    background:     #eeee70;
    border:         2px dotted green;
}

h1 {
    font-size:  14px;
}

table.shared {
    width: 100%;
    border: 0;
}

div.shared {
    width:          100%;
}

div.sharedbm {
    -moz-border-radius:     7px;
    -webkit-border-radius:  7px;
    border-radius:  7px;
    background:     #ff9060;
    margin-bottom:  10px;
    width:          99%;
    padding:        5px;
    border:         2px solid #dd7030;
}

div.sharedbm:hover {
    background:     #ffb080;
    cursor:         pointer;
}

img.ico_image {
    border: 1px solid #a0a0a0;
    width: 16px;
    height: 16px;
}

div.ico_div {
    display: inline; position: absolute;
}

div.filter {
    width:              445px;
    margin-left:        400px;
    text-align:         left;
    margin-top:         5px;
    z-index:            3;
    position:           relative;
    top:                5px;
}

input.filter {
    color:              #000000;
    background-color:   #e0e0e0;
    font-size:          12px;
    border:             1px solid black;
    width:              300px;
}

div.preview {
    overflow: hidden;
    text-align: center;
    margin: 0px auto 0px auto;
    position: fixed;
    top: 120px;
}

div.preview iframe {
    zoom: 1;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:  5px;
    width: 1024px;
    height: 768px;
}

span.ffbs_img_star img {
    border: 0;
    width: 20px;
    opacity: 0.3;
}

span.ffbs_star_img_set img {
    border: 0;
    width: 20px;
    opacity: 1;
}

span.ffbs_star_img_vote img {
    border: 0;
    width: 20px;
    opacity: 1;
}

div.rate {
    padding-left: 3px;
    padding-right: 3px;
    display: inline;
    visibility: hidden;
    width: 15px;
}

div.stats {
    position: relative;
    margin-left: 20px;
    display: inline;
    margin: 0 auto 0 auto;
    top: -3px;
}

div.corrections {
    width:              445px;
    margin-left:        400px;
    text-align:         left;
    margin-top:         5px;
    background:         #e0e0e0;
    -moz-border-radius: 5px;
    border-radius:      5px;
    z-index:            3;
    position:           relative;
    top:                5px;
	border:				1px solid #d0d0d0;
    padding: 5px;
}