/*
Description: Ciudad Free main CSS file
Version: 1.0
Last updated: 22:30 06/02/2010
Site URI: http://ciudadfree.es
Based on the version by Ricardo Galli, Benjamí Villoslada and Damián Vila
Final version: Francisco José Pérez Peral
Licence: Affero GPL License (http://meneame.net/COPYING)
Comments: This file contains only styles without colors or images. A separate file with colors and images is available.
*/

html * {
    margin: 0;
    padding: 0;
}

body {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-family: sans-serif;
    font-size: 14px;
    color: #333;
}

a {
    text-decoration: none;
    font-weight: bold;
    /*cursor: url('images/hand.cur'), pointer;*/
}

a:hover, a:focus {
    text-decoration: underline;
    outline: none;
}

li{
    list-style-type: none;
}

.inline {
    display: inline;
}

.block{
    display: block;
}

.hidden{
    display:none;
}

.table{
    display:table;
}

.tableCell{
    display:table-cell;
}

.tableRow{
    display:table-row;
}

.clearLeft{
    clear: left;
}

.clearRight{
    clear: right;
}

.clear{
    clear: both;
}

.floatRight{
    float:right;
}

.width100{
    width: 100px;
}

.alignMiddle{
    vertical-align: middle;
}

.centerText{
    text-align: center;
}

ul.circle{
    margin-left: 45px;
}

ul.circle li{
    list-style-type: circle;
    list-style-position: outside;
}

.margin50{
    margin: 0 50px;
}

.opacity05{
    opacity: 0.5;
}

.opacity03{
    opacity: 0.3;
}

.bgWhite{
    background:#FFF;
}

.blueFont{
    color: #429EE9;
}

.borderGray{
    border: 1px solid #DDD;
    padding: 2px;
}

.tabDown{
    background: url('images/tab-down.png') center no-repeat;
    text-align: center;
    width: 86px;
    height: 43px;
    margin-left: 6px;
    float: left;
}

#stop, #stop:focus{
    background: none;
    border: none;
    outline: none;
    color: #FFF;
    font-size: 0.7em;
    float: left;
    margin-left: 10px;
    margin-top: 4px;
    padding: 0;
}

#tabsDownArea{
    margin-left: 700px;
}

#citySelectionArea{
    display:scroll;
    position:fixed;
    top:0;
    left:0;
    z-index: 2;
}

#twitterLogo{
    display:scroll;
    position:fixed;
    top:0;
    right:0;
    z-index: 2;
}

#twitterLogo a{
    padding: 5px;
}

#cityList{
    display: none;
}

#cityList ul{
    padding: 8px 0 8px 8px;
    background: #333;
    opacity: .8;
    filter: alpha(opacity=80);
    font-size:0.8em;
    font-weight: bold;
}

#cityList ul li{
    width: 110px;
    display:table-cell;
}

#cityList ul li a{
    color: #FFF;
}

.button{
    color: #FFF;
    padding: 2px 5px 3px 5px;
    /*background: url('images/button.png') center center no-repeat;*/
    border: 1px solid #DDD;
    margin-bottom: 0;
    background: #429EE9;
}

.buttonClicked{
    color: #429EE9;
    padding: 1px;
    /*background: url('images/button.png') center center no-repeat;*/
    border: 1px solid #DDD;
    margin-bottom: 0;
    background: #FFF;
}

a.button:hover{
    border: 1px solid #FFF;
    height: 1.6em;
}

.button2, a.button2, a.button2:visited, a.button2:hover{
    margin-left: auto;
    margin-right: auto;

    text-decoration: none;
    display: block;
    width: 97px;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    padding-top: 6px;
    padding-bottom: 6px;
    background: url('images/button2.png') center no-repeat;

    margin-top: 4px;
    margin-bottom: 10px;
}

#loginButton, #regButton{
    color: #DC2379;
    font-weight: normal;
    line-height: 24px;
}

#loginButton:visited, #regButton:visited{
    color: #DC2379; /*#429EE9*/
    font-weight: normal;
}

#loginButton:hover, #regButton:hover{
    color: #555;
    font-weight: normal;
    text-decoration: none;
}

.sendButton,
#sendButton{
    background: url('images/ocio_gratis.png') 6px center no-repeat;
    padding-left: 36px;
}

#wrap {
    min-width: 68em; /* 952px */
    max-width: 85.72em; /* 1200px */
    margin: 0 auto;
    text-align: left;
}

#header {
    height: 120px;
    /*overflow: hidden;*/
}

.rejilla{
    background: url('images/rejilla.png') center center;
    height: 120px;
    width: 730px;
    z-index: 10;
}

.modala {
    style="z-index: 100;"
}

#logo {
    background: url('images/freeSmall.png') center center no-repeat;
    float: left;
    width: 168px;
    height: 120px;
    /*text-indent: -9999px;*/
}

#headtools {
    float: right;
    text-align: right;
    padding: 5px;
    z-index: 20;
    /*vertical-align: middle;*/
}

#headtools li {
    font-size: 0.79em; /* 11px */
    float: right;
    clear: both;
    /*margin: .43em .28em 0 .28em;
    border-left: 1px solid;
    padding-left: .56em;*/
}

#headtools li.noborder {
    border-left: none;
}

#headtools a {
    text-decoration: none;
}

#headtools a:hover {
    text-decoration: underline;
}

#headtools img,
#headtools a img,
img.centered {
    line-height: 16px;
    vertical-align: middle;
}

a.teaser {
    line-height: 28px;
    vertical-align: middle;
}

#headtools input {
    margin: 0;
    padding: .29em;
    /*border: 1px solid #DFDFDF;*/
    border: 1px;
    font-size: 1em;
    width: 15em;
}

#messages{
    width: 30px;
    background: url('images/mail.png') left center no-repeat;
    text-align: right;
}

#naviwrap {
    float: left;
    margin-left: 0px;
}

#navigation {
    text-align: right;
    width: 9em;
    margin: 0 0 .71em 0;
}

#navigation li {
    list-style-type: none;
    font-size: 0.93em; /* .86em */
    padding: 2px 1em 2px 0;
    border-top: 1px solid;
}

#navigation li.second {
    padding-right: 1.5em; /* antes 2em*/
}

#navigation li.third {
    padding-right: 2em; /* antes 2.5em*/
}

#navigation li.fourth {
    padding-right: 2.5em;
}
#navigation li.bost {
    padding-right: 3em;
}
#navigation li.sei {
    padding-right: 3.5em;
}

#navigation a {
    text-decoration: none;
}

#navigation a:hover {
    text-decoration: underline;
}

li.current a {
    /*background: #DDD;*/
}

#headerMove {
    background: url('images/header_collage2.jpg') center center no-repeat;
    display: inline;
    clear: right;
    float: left;
    width: 730px;
    height: 120px;
}

.banner-right { 
    width: 100%;
    height: 252px;
    margin: 10px 0 10px 0;
}

#container {
    clear:both;
}

.containerLeft{
    float: left;
    width: 49%;
    margin-right: 10px;
    border-right: 1px dashed;
}

.containerRight{
    margin-left: 10px;
    float: left;
    width: 48%;
}

#newsletter{
    height: 48px;
    line-height: 25px;
    padding-left: 54px;
    background: url('images/news.png') left top no-repeat;
    vertical-align: bottom;
}

#sidebar {
    float: right;
    width: 300px;
    margin: 2px 0 25px 25px;
    overflow: hidden;
    padding-top: 12px;
}

#newswrap {
    margin: 10px 330px 0 0;
    font-size: small;
}

#singlewrap {
    margin: 0 10px 0 10px;
    font-size: small;
}

#map {
    overflow: hidden;
    border-radius: 3px;
    moz-border-radius: 3px;
}

.infoMessage{
    background: url('images/bg_message.png') center no-repeat;
    text-align: center;
}

#noActivities{
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    width: 344px;
    height: 104px;
    line-height: 22px;
    font-weight: bold;
    color: #FFF;
}

#noActivities a{
    color: #429EE9;
}

.mini-icon-text {
    vertical-align: middle;
    margin-right: 9px;
}

.tabmain {
    height: 26px !important;
    margin-top: 10px;
    /*padding-left: 160px;*/
    border-bottom: 1px solid #429EE9;
}

.tabsub {
    height: 26px !important;
    margin-top: 10px;
    margin-left: -24px;
    border-bottom: 1px solid #429EE9;
}

.tabsub li,
.tabmain li {
    background: url('images/tab.png') top left no-repeat;
    float: left;
    padding-left: 28px;
    line-height: 26px;
    vertical-align:middle;
}

.tabsub li a,
.tabmain li a {
    color: #429ee9;
    font-size: .93em;
    font-weight: bold;
    text-decoration: none;

    padding-left: 8px;
    padding-right: 8px;

    line-height: 26px;
    vertical-align:middle;

    display:block;

    /*    border-top: 1px solid;
        border-right: 1px solid;
        border-left: 1px solid;*/

    /*border-color: #429ee9;*/
}

.tabsub li.current a,
.tabmain li.current a {
    color:#DC2379;
}

.tabsub li a:hover,
.tabmain li a:hover {
    text-decoration: none;
}

.tabsub li {
    height: 26px;
}

.tabsub li.tab-first,
.tabmain li.tab-first{
    background: url('images/tab-first.png') top left no-repeat;
}

.tabsub li.tab-end,
.tabmain li.tab-end{
    padding: 0;
    background: url('images/tab-end.png') top left no-repeat;
    width: 6px;
    height: 26px;
}

.tabsub li:first-child,
.tabmain li:first-child,
.tabmain li.tab-first{
    background: url('images/tab-first.png') top left no-repeat;
    float: left;
    padding-left: 28px;
    line-height: 26px;
    vertical-align:middle;
}

.tabsub li.tabmain-this,
.tabmain li.tabmain-this {
    line-height: 28px;
}

.tabsub li.tabsub-this a,
.tabmain li.tabmain-this a {
    /*font-style: oblique;*/
    color: #DC2379;
    /*font-size: 1.07em;
    padding: 2px 24px 0 5px;*/
    line-height: 28px;
}

.tabsub-shakeit {
    text-align: center;
    background: url('images/bg_categories.png') center repeat-x;
    margin-top: 1px;
    height: 30px !important;
    line-height: 30px;
    clear: both;
    /*padding-left: 45px;*/
    border-bottom: 1px dotted #DDD;
}

.tabsub-shakeit li {
    background: url('images/separator.png') no-repeat right center;
    /*float:left;*/
    display: inline;
    list-style: none;

    padding-left: 8px;
    padding-right: 8px; /* padding instead of margin for toggler */
    /*margin-left: 6px;*/
    line-height: 28px;
    vertical-align: middle;
}

.tabsub-shakeit li a {
    font-weight: normal;
    text-decoration: none;
    color: #429ee9;
}

.tabsub-shakeit li.tabsub-this a{
    font-weight: bold;
}

.tabsub-shakeit-icon {
    /*padding-top: 3px;*/
}

.tabsub-shakeit li:first-child {
    padding-left:0;
    border-left: 0;
    border-left: none;
    margin-left: 0;
}

.tabsub-shakeit li:last-child {
    padding-right:0;
    border-right: none;
    margin-right: 0;
    background: none;
}

.tabsub-shakeit li a:hover {
    text-decoration: underline;
}

/*.tabsub {
    height: 22px !important;
    margin: 10px 0 20px 0;
    padding-left: 20px;
    border-bottom: 1px solid;
}

.tabsub li {
    float: left;
    list-style-type: none;
    margin-right: 4px;
    height: 22px;
    padding-left: 7px;
}

.tabsub li a {
    display: block;
    float: left;
    height: 18px;
    padding: 3px 8px 0 6px;
    border-top: 1px solid;
    border-right: 1px solid;
    font-size: .9em;
    text-decoration: none;
}

.tabsub li a:hover {
    text-decoration: none;
}
*/

/*.tabsub li.tabsub-this a {
    font-style: oblique;
    padding: 2px 8px 0 4px;
    height: 20px;
}*/

#fstcorto {
    margin-top: 25px;
    margin-left: 90px;
    padding-left: 25px;
    text-align: center;
    color: #429ee9;
    font-family: verdana;
    font-size: 11px;
    align: middle;
    width: auto;
    height: 20px;
    background: url(../../img/cortos/bq1.png) top left no-repeat;
}
#endcorto {
    background: url(../../img/cortos/bq2.png) bottom right no-repeat;
    height: 20px;
    padding-right: 25px;
    width: auto;
}
#coarriba {
    font-size: 10px;
}

.thiscat a {
    font-weight: bold;
}

.catsub-block {
    border-bottom: 1px dotted;
    padding: 3px 25px;
    font-size: 8.5pt;
}

.catsub-block li {
    display: inline;
    list-style-type: none;
}

.catsub-block li a {
    text-decoration: none;
}

.catsub-block li a:hover {
    text-decoration: underline;
}

.sidebox, .banner-right  {
    margin-bottom: 25px;
}

.sidebox h5 {
    margin: .5em 5px .6em 48px;
    font-size: .85em;
}


.mini-pop {
    clear: both;
    border-bottom: 1px solid;
}

.mnm-pop,
.mnm-pop.queued {
    color: #fff;
    background: url('images/arrow_votes_small.png') center no-repeat;
    float: left;
    width: 40px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    margin-top: .4em;
    margin-bottom: .4em;
    /*padding-top: 6px;*/
}

#sidebar .tags-box {
    color: #FFF;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px 3px;
    text-align: center;
    background: url('images/cloud-bg.png') no-repeat center top;
}

#sidebar .tags-box h4 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-family: verdana;
    padding: 8px;
    text-shadow: #3D78A7 0 0 3px;
}

#sidebar h4 a:hover {
    text-decoration: underline;
    text-shadow: #FFF 0 0 2px;
}

#sidebar .tags-box h4 a {
    color: #FFF;
    text-decoration: none;
}

#sidebar .tags-box a {
    color: #FFF;
    text-decoration: none;
}

#sidebar .tags-box a:hover {
    text-decoration: underline;
}

.nube {
    padding: 0 1em 1.5em 1em;
    line-height: 1.75em;
}

#sidebar .topcommentsli li, .storyrsslist li {
    list-style-type: none;
    border-bottom: 1px solid;
    padding: .35em 0;
    font-size: .85em;
}

#sidebar .storyrsslist li {
    padding-left: 17px;
}

#footwrap {
    margin: 5em 100px 0 100px;
    clear: both;
}

#footcol1, #footcol2, #footcol3, #footcol4, #footcol5 {
    float: left;
    padding: 0 22px;
    border-left: 1px dotted;
    font-size: .75em;
    margin-bottom: 20px;
}

#footcol1 ul, #footcol2 ul, #footcol3 ul, #footcol4 ul, #footcol5 ul {
    margin-left: 1px;
    padding-bottom: .5em;
}


#footcol1 li, #footcol2 li, #footcol3 li, #footcol4 li, #footcol5 li {
    list-style-type: none;
}

#footcol1 {
    width: 19%;
}

#footcol2 {
    width: 12%;
}

#footcol3 {
    width: 13%;
}

#footcol4 {
    width: 15%;
}

#footcol5 {
    width: 9%;
    border-right: 1px dotted;
}

#footcol1 h5, #footcol2 h5, #footcol3 h5, #footcol4 h5, #footcol5 h5 {
    font-size: 1.5em;
    font-weight: normal;
}

/** FOOTER **/
#footthingy {
    background: url('images/freeBlue.png') no-repeat left top;
    color: #999;
    clear: both;
    margin: 1em 20px 0 20px;
    padding: 0 1em 0 70px;
    /* margin-top: -5em; hack ie7 */
}

#footthingy li {
    display: inline;
    list-style-type: none;
    font-size: .75em;
}

#footthingy p {
    border-color: #429ee9;
    border-bottom: 1px dotted;
    padding-bottom: 4px;
    text-indent: -9999px;
}

#legalese {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
    text-align: center;
}

#legalese li {
    border-left: 1px solid #c6c6c6;
    padding: 0 6px 0 6px;
}

#legalese li:first-child {
    border-left: none;
    padding-left: 0;
}

#stdcompliance {
    padding: 2em 0 4em 0;
    text-align: center;
}

#stdcompliance li {
    margin: 0 5px;
}

/*** LEGACY STYLES ***/
dl.categorylist {
    float: left;
    width: 165px;
    /*min-width: 20%;*/
    margin-right: 5px;
    padding-bottom: 10px;
    font-size: 85%;
}

dl.categorylist dt {
    float: none;
    width: auto;
    text-align: left;
    font-size: 120%;
    font-weight: bold;
}

dl.categorylist dd {
    margin-left: 15px ;
    padding-bottom: 0;
}

.thumbnail {
    border: 1px solid;
    overflow: hidden;
    float: right;
}

.tag{
    border: none;
    float: left;
    margin: 10px 4px 0 0;
    line-height: 25px;
}

.userAvatar{
    border: 1px solid;
    float: left;
    margin-right: 4px;
    vertical-align: bottom;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

abbr { cursor: help; }

img { border: none; }

/* End holygrail */
.tt {
    cursor: pointer;
    text-decoration: underline;
}

hr {
    height: 1px;
    border: none;
}

h2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 160%;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

h3 {
    margin-bottom: 8px;
}

/* h2 without underline */
.topheading h2 {
    padding: 10px 0 20px 0;
    margin: 0 0 0 20px;
    font-size: 160%;
    font-weight: normal;
    border: none;
}

h3 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 140%;
    font-weight: normal;
}

h4 {
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0 3px 0;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 16px;
    clear: both;
}

table img {
    border: 1px solid;
}

th, td {
    text-align: left;
    font-size: 85%;
    padding: 6px;
    border-bottom: 1px solid;
}

th.short, td.short {
    text-align: center;
}

th.short a, td.short a {
    text-decoration: none;
    display: block;
    padding: 3px 0;
    border: 1px solid;
}

th.short a:hover, td.short a:hover {
    text-decoration: underline;
    border: 1px solid;
}

th a.info, th a:hover.info {
    padding: 0 12px 0 0;
    display: inline;
    border: none;
}

th img {
    border: none;
    margin-right: 1px;
    vertical-align: middle;
}

th span.info_s {
    padding: 0 12px 0 0;
    font-size: 120%;
    text-decoration: none;
    border: none;
}

td.count {
    font-size: 140%;
    text-align: right;
}

.warn {
    position: relative;
    border: 1px solid;
    padding: 3px 10px 3px 30px ;
    margin: 5px 0 5px 0;
    font-size: 85%;
}

.error {
    font-weight: bold;
    font-size: 140%;
    margin: 5px 0 0 0;
    padding: 25px 0 0 0;
}

.error-text {
    font-size: 1em;
}

.form-error, .form-error-submit {
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 0 20px;
    padding: 5px 0 0 45px;
    border-radius: 3px 3px;
}

.form-error-submit {
    padding: 10px;
    margin: 15px 0 0 0;
    border: 1px;
}

.form-full {
    width: 100%;
}

.instruction-list {
    margin: 0;
    padding: 0;
}

.instruction-list li {
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 25px;
}

/* news */
.news-summary {
    margin: 0;
    padding: 10px 0 5px 0;
    position: relative;
}

.activityDate{
    font-weight: bold;
    font-size: 11px;
}

.textShadow{
    color: #FFF;
    text-shadow: brown 0 0 4px;
}

.imgShadow{
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.news-body {
    /*padding-left: 85px;*/
    padding-right: 5px;
}

.news-block{
    display: table;
}

.news-block p{
    font-size: 13px;
}

.news-details {
    display: table-row;
    margin-top: 4px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}

.news-details span {
    margin: 0;
    vertical-align: top;
}

.news-details img {
    display: inline;
    margin: 0;
    vertical-align: text-bottom;
}

.news-details select {
    display: block;
    border: none;
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 90%;
    letter-spacing: 0;
    max-width: 7.5em;
    vertical-align: middle;
}

.news-details .tool {
    display: inline;
    border-left: 1px solid;
    padding: 0 4px 0 6px;
}

.news-details .comments {
    padding: 0 6px 0 22px ;
    font-weight: bold;
    border-left: none;
}

.category-icon{
    display: table-column;
    float: left;
    clear: left;
    height: 40px;
    width: 65px;
    text-align: center;
    vertical-align: middle;
    font-size: 8.2pt;
    margin: 0 10px 0 10px;
    padding: 0;
}

/* Counter box */
.news-shakeit {
    display: table-column;
    float: left;
    clear: left;
    height: 70px;
    width: 65px;
    text-align: center;
    font-size: 8.2pt;
    margin: 0 10px 0 10px;
    padding: 0;
}

.mnm-published a, .mnm-queued a, .mnm-discarded a {
    /*display: block;*/
    font-size: 19px;
    font-weight: normal;
    /*height: 19px !important;
    letter-spacing: -1px;*/
    text-decoration: none;
    vertical-align: middle;
}

.mnm-published a span, .mnm-queued a span, .mnm-discarded a span{
    font-size: 15px;
    font-weight: bold;
}

.mnm-published,
.mnm-queued,
.mnm-discarded {
    display: block;
    padding: 2px 0;
}

/*.mnm-queued {
    width: 53px;
    height: 60px;
    display: block;
}*/

/*.mnm-discarded {
    display: block;
    border: 1px solid;
    padding: 4px 0 4px 0;
}*/

/* vote box */
.menealo{
    /*width: 53px;*/
    height: 15px;
    /*background: url('images/vote.png') center no-repeat;*/
}

.menealo a, .menealo span {
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    color: #FFF;
}

.width650{
    width: 650px;
}

.news-head{
    display: table-cell;
    vertical-align: top;
    width: 446px;
    padding-right: 10px;
}

.news-body h1 {
    display: table-cell;
    vertical-align: top;
    margin-bottom: 2px;
    padding-right: 5px;
    font-size: 140%;
    font-weight: normal;
    background: none;
    border: none;
}

.news-body p {
    /*display: table-row;*/
    margin: 4px 0 2px 0;
    padding: 0;
    text-align: justify;
    overflow: hidden;
}

.news-submitted {
    color: #666;
    display: table-row-group;
    font-size: 85%;
    white-space: nowrap;
    min-height: 25px;
}

.news-submitted a:link, .news-submitted a:visited {
    font-weight: bold;
    color: #666;
}

.news-tags {
    font-size: 90%;
    margin: 0;
}

/* trackback */
.tab-trackback-url {
    font-weight: bold;
    font-size: 100%;
}

.tab-trackback {
    margin: 0 0;
    padding: 0 0 0 5px;
    font-size: 90%;
    font-weight: normal;
}

.tab-trackback li {
    list-style: none;
    text-align: left;
    padding: 0 0 5px 5px;
    margin: 2px;
    overflow: hidden;
}

.tab-trackback-entry a {
    padding: 2px 0 0 20px;
}

.tab-trackback-technorati a, .tab-trackback-google a, .tab-trackback-askcom a {
    padding: 5px 0 2px 20px;
}

/* submit form */

#newActivityForm{
    width: 700px;
}

#thisform .column-list {
    margin: -15px 0 20px 0;
    min-height: 185px;
}

#thisform .column-list li {
    font-size: 100%;
    font-weight: normal;
}

#thisform .column-list ul {
    padding-left: 15px;
    margin: 0px;
}

/* comments [& incipient notes] */

.comments {
    margin: 15px 5px 0 15px;
}

.notes {
    margin: 15px 5px 0 15px;
}

.comments h3 {
    margin: 0;
}


.commentform a:link, .commentform a:visited {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.commentform .submit {
    font-weight: bold;
    border: 1px dotted;
}

.commentform a:hover {
    text-decoration: none;
}

.commentform textarea {
    display: block;
    width: 99%;
    margin: 0 0 10px 0;
}

.commentform label {
    font-weight: bold;
    font-size: 100%;
}

.commentform.warn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    text-align: center;
}

.commentform.warn p, .commentform.warn ul {
    text-align: left;
    font-weight: normal;
    padding-left: 30px;
}

.commentform.warn li {
    line-height: 0px;
    margin-left: 25px;
}

.commentform.warn p {
    margin-top: 20px;
}

.commentform.warn em {
    font-weight: bold;
}

.comments-list {
    list-style: none;
    margin-top: 10px;
    padding: 0;
}

.comments-list li {
    margin-bottom: 10px;
}

.comment-body { /*comentarios sin resaltar*/
    background-color: #adcee9;
    color: #333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 50px 5px 10px;
    line-height: 130%;
    min-height: 25px;
    overflow: hidden;
}

.comment-body.high { /*comentarios resaltados*/
    background: #56A8EB url(../../img/common/comment-high-01.png) right bottom no-repeat;
    border-color: #429ee9;
}

.comment-body-hidden {
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3px 50px 3px 10px;
    font-size: 90%;
    overflow: hidden;
}

.comment-body strong {
    font-weight: bold;
}

.comment-body a,
.comment-body a:visited,
.comment-body a:hover{
    color: #FFF;
}

.comment-body .avatar {
    float: left;
    margin: 2px 10px 2px 0;
}

* html .comment-body .avatar { float:none; vertical-align: baseline;}

.comment-meta, .comment-meta-hidden {
    font-size: 85%;
    line-height: 160%;
    padding: 0 0px 5px 0;
}

.dibujo-chat {
    background: url(../../img/msg/chatimg.png) no-repeat top left;
    background-repeat:no-repeat;
    witdh:200px;
    height:128px;
    margin-left:20px;
    font-size:55%;
}
.irudiak {
    padding-left: 500px;
    padding-top: 35px;
}
.tmezuak {
    font-size:90%;
    margin-top:10px;
    width:720px;
    height:auto;
}

.mezuko_normala {
    vertical-align:middle;
    border-bottom: 1px solid  #D1E9F1;
    padding-left: 5px;
    padding-top: 2px;

    text-indent: 2px;
    background-color:#FFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;

}

.mezuko_aldatuta {
    border-bottom: 1px solid  #D1E9F1;
    padding-left: 5px;
    padding-top: 2px;
    text-indent:2px;
    background-color:#E3F3F9;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.mezuko_titulua {
    vertical-align:middle;
    text-align:center;
}

.mezuko_behe_ezkerra {
    text-align: right;

    margin-bottom:0.1px;
    bottom:0px;
    right:0px;

}
/*
.mezuko_behe_ezkerra img {
border: none;
margin: 0 4px 0 0;
vertical-align: middle;
}*/

.mezuko_normala2 {
    padding-left: 5px;
    padding-top: 2px;
    margin-top:2px;

    text-indent:2px;
    background: #adcee9 url(../../img/mnm/comment.png) right bottom no-repeat;
    color: #303030;
    border-color: #429ee9;
    border: 1px dotted;
    min-height: 50px;
}

.mezuko_normala2 .avatar {
    float: left;
    margin: 2px 10px 2px 0;
}

floatingAvatar{
    padding: 1px;
    border: 1px solid #FFF;
}

/* * html .mezuko_normala2 .avatar { float:none; vertical-align: baseline;}*/

.mezuko_normala2 ul {
    margin: 0;
    padding: 16px 0 0 780px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

.mezuko_zein{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#333333;
    margin: 0;
    padding: 0 0 0 600px;
}

.comment-meta a {
    font-weight: bold;
}

.comment-info {
    text-align: right;
}

.comment-votes-info {
    float: left;
    display: inline;
}

.comment-votes-info img {
    border: none;
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.comment-info img {
    border: none;
    margin: 1px 0 0 4px;
    vertical-align: middle;
}

.comments-list ul li {
    list-style: none;
    margin: 0 0 16px 0;
}

.comments-list ul {
    margin: 0;
    padding: 16px 0 0 48px;
}

.comments .comment-info select {
    font-size: 85%;
}

#tolerance, #tolerance select {
    font-size: 85%;
}

/* fieldsets */

fieldset {
    border: 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 10px 10px;
    margin: 10px 0;
}

/* pagination */

.pages, .pages-margin {
    padding: 10px 0 0 0;
    margin: 20px 0 50px 0;
    clear: left;
    font-size: 9pt;
}

.pages-margin {
    margin-left: 90px;
}

.pages a, .pages span, .pages-margin a, .pages-margin span {
    display: block;
    float: left;
    padding: 3px 5px 3px 5px;
    margin-right: 3px;
    border: 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.pages span.current, .pages-margin span.current {
    border: 1px solid;
    font-weight: bold;
}

.pages span.current a, .pages-margin span.current a {
    padding: 0;
    border: 0px;
}

.pages a, .pages-margin a {
    border: 1px solid;
    text-decoration: none;
}

.pages a.nextprev, .pages-margin a.nextprev {
    font-weight: bold;
}

.pages span.nextprev, .pages-margin span.nextprev {
    border: 1px solid;
}

/* faq-es */

.faq {
    text-align: justify;
}

.faq-title {
    text-align: center;
    margin-bottom: 15px;
    /*margin: 0 30px 0 30px;*/
}

.faq ol {
    font-weight: bold;
}

.faq ul {
    font-weight: normal;
}

.faq h3,
.faq h4 {
    font-weight: bold;
    font-size: 125%;
}

.faq p {
    font-weight: normal;
}

.genericform h2 {
    margin: 10px 0 10px 0;
}

.genericform fieldset, .genericform-contents fieldset {
    border: 1px solid;
}

.genericform {
    border: 0;
    margin: 0 60px 10px 60px;
    padding: 0 0 20px 0;
    font-weight: bold;
}

.genericform .sign, .genericform-contents legend {
    font-weight: bold;
    font-size: 110%;
}

.genericform .genericformtxt {
    font-size: 100%;
    font-weight: normal;
}

.genericform textarea {
    width: 100%;
    height: 128px;
}

.geoform {
    margin: 5px 0 5px 0;
    font-size: 8.5pt;
}

/* enviar_noticia.php */
#calendarWrap{
    display: block;
}

#calendarWrap #dates{
    float: left;
    border-right: 1px solid;
    margin-right: 15px;
    padding-right: 15px;
}

#calendarWrap #weekly{
    float: left;
    border-right: 1px solid;
    margin-right: 15px;
    padding-right: 15px;
    height: 100px;
}

#calendarWrap #permanent{
    float: left;
    padding-right: 15px;
    height: 100px;
}

/* generic form: login page specials */

.genericform .recoverpass {
    font-size: 125%;
}

.genericform .recoverpass a:link, .recoverpass a:visited {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    padding-bottom: 1px;
    text-decoration: none;
}

.genericform .recoverpass a:hover {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 1px;
    text-decoration: none;
}

.genericform .formnotice {
    font-weight: normal;
}

/* image forms */

.tc {
    margin: 5px 0 5px 0;
}

.sneaker {
    margin: 0;
}

.mini-sneaker-title strong, .sneaker-title strong {
    font-size: 95%;
}

.sneaker-legend {
    font-size: 9pt;
    text-align: center;
    padding: 3px 0 5px 0;
    margin: 0px;
    border-bottom: 1px solid;
}

.sneaker-legend img {
    margin: 0 25px 0 3px;
    vertical-align: baseline;
}

.sneaker-control {
    margin: 0;
}

.sneaker-item {
    width: 100%;
    clear: both;
    border-bottom: 1px solid;
    padding: 5px 0 5px 0;
    text-align: center;
    overflow: hidden;
}

.sneaker-ts, .sneaker-type, .sneaker-votes, .sneaker-story, .sneaker-chat, .sneaker-who, .sneaker-status, .sneaker-chat-friends, .sneaker-chat-admin {
    float: left;
    display: block;
}

.sneaker-ts {
    width: 7%;
    text-align: left;
}

.sneaker-type {
    width: 7%;
}

.sneaker-type img {
    border: none;
    margin: 0;
    vertical-align: middle;
}

.sneaker-votes {
    width: 8%;
}

.sneaker-story {
    width: 53%;
    text-align: left;
    overflow: hidden;
}

.sneaker-chat, .sneaker-chat-friends, .sneaker-chat-admin {
    width: 53%;
    text-align: left;
    overflow: hidden;
}

.sneaker-who {
    width: 16%;
    text-align: left;
}

.sneaker-who img {
    border: 0px solid;
    float: right;
    margin-right: 2px;
    margin-left: 4px;
    vertical-align: bottom;
}

.sneaker-status {
    width: 8%;
    text-align: right;
}

.voters, .mini-sneaker {
    margin: 25px 0 0 14px;
}

.voters h2 {
    margin: 0 0 10px 0;
}

.voters-list {
    position: relative;
    padding: 2px 2px 2px 2px;
    float: left;
    width: 99%;
    overflow: hidden;
    height: 150px;
    border: 1px solid;
    margin: 0 0 5px 0;
}


.voters-list .item {
    float: left;
    overflow: hidden;
    display: block;
    width: 24%;
    height: 20%;
    font-size: 85%;
    white-space: nowrap;
}

.friends-item {
    float: left;
    display: block;
    overflow: hidden;
    height: 25px;
    white-space: nowrap;
    width: 48%;
    height: 30px;
    font-size: 85%;
    white-space: nowrap;
}

.friends-item  img,
.voters-list img {
    border: 0px;
    margin-right: 5px;
    margin-left: 4px;
    vertical-align: bottom;
}

.friend_list{
    width: 48%;
    margin-right: 12px;
    display: block;
    float: left;
    border: 1px solid #429EE9;
    border-radius: 3px;
    moz-border-radius: 3px;
    padding: 5px 0 10px 5px;
}

.mini-pages {
    padding: 0;
    margin: 10px 0 10px 0;
    font-size: 80%;
    clear: left;
}

.mini-pages a, .mini-pages span {
    display: block;
    float: left;
    padding: 3px 5px 3px 5px;
    margin-right: 3px;
    border: 1px solid;
}

.mini-pages span.current {
    border: 1px solid;
    font-weight: bold;
}

.mini-pages span.current a {
    padding: 0;
    border: 0px;
}

.mini-pages a {
    border: 1px solid;
    text-decoration: none;
}

/* Floating messages */
#tooltip-shadow {
    position:absolute;
    visibility:hidden;
    z-index:9999;
    margin: 0;
    padding: 0;
    background: url(../../img/common/shadow.png) no-repeat bottom right !important;
    background: url(../../img/common/shadow.gif) no-repeat bottom right;
}

#tooltip-text {
    text-align: left;
    position:absolute;
    visibility:hidden;
    margin: 0;
    z-index:10000;
    border: 1px solid;
    padding: 10px;
    font-size: 90%;
    overflow: hidden;
    width: 44em;
    max-height: 45ex;
    /* CSS3 */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}

.news-websnapr {
    border: 1px solid;
    float: right;
    margin: 0 0 5px 5px;
    vertical-align: bottom;
}

.mini-sneaker-item {
    margin: 0 5px 0 5px;
    width: 99%;
    clear: both;
    border-bottom: 1px solid;
    padding: 2px 0 2px 0;
    text-align: center;
    overflow: hidden;
}

.mini-sneaker-ts, .mini-sneaker-type, .mini-sneaker-votes, .mini-sneaker-who, .mini-sneaker-status {
    float: left;
    display: block;
}

.mini-sneaker-ts {
    width: 18%;
    text-align: left;
}

.mini-sneaker-type {
    width: 18%;
}

.mini-sneaker-type img {
    border: none;
    margin: 0;
    vertical-align: middle;
}

.mini-sneaker-votes {
    width: 18%;
}

.mini-sneaker-who {
    width: 24%;
    text-align: left;
}

.mini-sneaker-who img {
    float: right;
    margin-right: 2px;
    margin-left: 4px;
    vertical-align: bottom;
}

.mini-sneaker-status {
    width: 18%;
    text-align: right;
}

.rich-edit-key {
    margin-left: 3px;
    margin-bottom: 3px;
    float: right;
}

#addpost {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 10px;
}

.media-icon {
    margin-bottom: 0px;
}

/* Simple Modal */

#modalOverlay {
    background-color:#888;
    cursor:wait;
    z-index: 100;
}

#modalContainer {
    height:300px;
    width:600px;
    left:50%;
    top:20%;
    margin-left:-300px;
    border:1px solid #429ee9;
    background: #adcee9;
    overflow: hidden;
    text-align: left;
    font-size: 10pt;
    z-index: 100;
    display: block;
}
#modalContainer a.modalCloseX,
#modalContainer a.modalCloseX:link,
#modalContainer a.modalCloseX:active,
#modalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.3em; position:absolute; top:-1px; left:585px; color:#fff;}
#modalContainer a.modalCloseX:hover {color:#9bb3b3;}

#modalContainer .header {
    width:100%;
    background: #429ee9;
    color: #fff;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
}

#modalContainer .content {
    padding: 5px 5px 5px 5px;
}

#modalContainer .content ul {
    padding-left: 15px;
}

#modalContainer .content li {
    margin: 3px 0 0 0;
}

/* Form defaults */

input[type="url"],
input[type="text"],
input[type="password"],
textarea {
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
}

.radioButton{
    padding-top: 4px;
    padding-bottom:4px;
    line-height: 25px;
    vertical-align:middle;
}

legend {
    font-weight: bold;
    padding: 0 5px;
}

fieldset dl {
    margin: 0;
    padding: 0;
}

fieldset dt {
    clear: left;
    float: left;
    width: 12em; /* increase for wider dt text */
    text-align: right;
    padding: 0 10px 4px 5px;
}

fieldset dd {
    padding: 0 0 4px 0;
    font-weight: bold;
}

label {
    font-weight: bold;
}

.note {
    font-size: 85%;
    font-weight: normal;
}

.toggler img {
    border: none;
    margin: 0 0 2px 6px;
    vertical-align: middle;
}