/* clear fix class to force blocks to render correctly when content floats */
.clear:after
{
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}
.clear
{
    display:                inline-table;
}
.clear
{
    display:                inline-block;
}
/* Hides from IE-mac \*/
* html .clear
{
    height:                 1%;
}
.clear
{
    display:                block;
}
/* End hide from IE-mac */
#comments
{
    border:                 1px solid #010101;
    margin:                 10px 0 4px 0;
    font-family:            Arial;
    font-size:              12px;
    color:                  #3B3C3C;
}

#comments img
{
    border:                 0;
}
#comments div.header
{
    line-height:            13px;
    font-size:              11px;
    padding:                0;
    margin:                 0 0 8px 0;
    border-bottom:          1px solid #010101;

    background-repeat:      repeat-x;
    list-style:             none;
    color:                  #fff;
}
#comments div.header div
{
    float:                  right;
    padding:                0 6px 0 6px;
}
#comments div.header div.title
{
    float:                  left;
    width:                  49%;
    font-weight:            bold;
}
#comments div.bottom
{
    border-top:             1px solid #B1B3B5;
}
#comments div.nav
{
    margin:                 0 0 8px 0;
    padding:                0;
    list-style:             none;
    font-size:              12px;
    color:                  #C1C1C1;
}
#comments div.nav div
{
    float:                  left;
    width:                  39%;
}
#comments div.nav div.right
{
    float:                  right;
    text-align:             right;
    width:                  30%;
    padding-right:          6px;
    word-spacing:           6px;
}
#comments div.nav div.left span
{
    word-spacing:           6px;
}
#comments div.nav div.left
{
    padding-left:           6px;
}
#comments div.nav div.center
{
    width:                  28%;
    text-align:             center;
    word-spacing:           4px;
    color:                  #808180;
}
#comments div.bottom div
{
    margin-top:             8px;
}
#comments div.error
{
    padding:                16px 11px 16px 11px;
    margin:                 0 6px 6px 6px;
    border:                 1px solid #D7D7D7;
    font-size:              14px;
    font-family:            Arial;
    height:                 80px;
}
#comments div.error h4
{
    font-size:              14px;
    font-family:            verdana;
    padding:                0;
    margin:                 0 0 8px 0;
    color:                  #E5001E;
}
#comments div.error a
{
    font-size:              14px;
    font-family:            Arial;
}
#comments div.login
{
    padding:                3px 11px 7px 11px;
    margin:                 0pt 6px 8px;
    border:                 1px solid #D7D7D7;

    font-size:              12px;
}
#comments div.login h4
{
    font-size:              14px;
    font-family:            verdana;
    padding:                0;
    margin:                 0 0 8px 0;
}
#comments div.login form
{
    margin:                 0 0 16px 0;
    padding:                0;
}
#comments div.login form fieldset
{
    float:                  left;
    overflow:               hidden;
    position:               relative;
    border:                 0;
    padding:                0;
    margin:                 0 11px 0 0;
    font-size:              9px;
}
#comments div.login form fieldset input
{
    display:                block;
    width:                  174px;
    height:                 20px;
    border:                 1px solid #BABABA;
    margin:                 0 0 2px 0;
    padding:                2px 0 0 2px;
    font-size:              12px;
}
#comments div.login form fieldset.pass
{
    width:                  178px;
}
#comments div.login form fieldset.pass span
{
    float:                  left;
    display:                block;
}
#comments div.login form fieldset.pass a
{
    float:                  right;
    display:                block;
}





#comments div.login form fieldset.submit input
{
    display:                none;
}
#comments div.login form fieldset input.submit
{
    display:                block;
    position:               absolute;
    z-index:                2;
    border:                 0;
    width:                  65px;
    height:                 25px;
}
#comments div.login form fieldset a.submit
{
    position:               relative;
    display:                block;
    border:                 1px solid #B1B3B5;


    background-repeat:      repeat-x;
    line-height:            18px;

    padding:                0 8px 0 8px;
    font-size:              11px;
}
#comments div.login div
{
    font-size:              14px;
}
#comments div.login div a
{
    font-weight:            bold;
}

#comments div.login a:hover { text-decoration: underline; }
#comments div.login fieldset#email { margin-bottom: 1px; }

#comments div.login div.inputlabel {  float: left; font-size: 10px; padding-top: 4px; text-align: right; }
#comments.narrow div.login div.inputlabel { width: 88px;  }
#comments div.login input.login { float: left; margin-left: 4px; }
#comments div.login p#olivdecontrasena { clear: both; margin: 0; padding: 2px 0 0 0; text-align: right; }
#comments.narrow div.login p#olivdecontrasena { width: 266px; }
div#comments.wide div.login p#olivdecontrasena { width: 148px; }
div#comments.wide div.login form fieldset input { width:135px; }





#comments div#reportForm
{
    padding:                16px 11px 16px 11px;
    margin:                 0 6px 6px 6px;
    border:                 1px solid #D7D7D7;
    background:             #fff;
    font-size:              9px;
    width:                  194px;
    position:               absolute;
    z-index:                3;
    left:                   0;
    top:                    0;
    display:                none;
}
#comments div#reportForm div.error
{
    padding:                0;
    margin:                 0;
    border:                 0;
    background:             none;
    height:                 80px;
    display:                none;
}
#comments div#reportForm div.error h4
{
    font-size:              14px;
    font-family:            verdana;
    padding:                0;
    margin:                 0 0 8px 0;
    color:                  #E5001E;
}
#comments div#reportForm form,
#comments div#reportForm form fieldset
{
    padding:                0;
    margin:                 0;
    border:                 0;
}
#comments div#reportForm form fieldset select,
#comments div#reportForm form fieldset textarea
{
    width:                  100%;
    font-size:              12px;
    margin:                 4px 0 4px 0;
}
#comments div#reportForm form fieldset textarea
{
    width:                  98%;
    margin:                 4px 0 10px 0;
}
#comments div#reportForm form fieldset a
{
    display:                block;
    border:                 1px solid #B1B3B5;


    background-repeat:      repeat-x;
    line-height:            18px;

    padding:                0 8px 0 8px;
    font-size:              11px;
    float:                  left;
    width:                  40%;
    text-align:             center;
}

#comments div#reportForm form fieldset a#reportCancel
{
    float:                  right;
}
#comments div.insert
{
    border:                 1px solid #D7D7D7;
    margin:                 0 6px 6px 6px;

}
#comments div.insert form
{
    margin:                 0;
    padding:                0;
}
#comments div.insert div.insertColumns
{
    padding:                6px;
    margin:                 0;
    list-style:             none;
}
#comments div.insert div.insertColumns div
{
    float:                  left;
}
#comments div.insert div.insertColumns div.insertColumnLeft
{
    width:                  68px;
}
#comments div.insert div.insertColumns div.insertColumnLeft img
{
    border:                 1px solid #787467;
}
#comments div.insert div.insertColumns div.insertColumnRight
{
    width:                  440px;
}
#comments div.insert div.insertColumns div.insertColumnRight p
{
    margin:                 0 0 4px 0;
    padding:                0;
    font-size:              10px;
}
#comments div.insert div.insertColumns div.insertColumnRight span
{
    display:                block;
}
#comments div.insert div.insertColumns div.insertColumnRight p a.userName
{
    font-size:              14px;
    font-weight:            bold;
}
#comments div.insert div.insertColumns div.insertColumnRight #edit
{
    width:                  99%;
    border:                 1px solid #BABABA;
    height:                 98px;
    background-color:       #fff;
    margin:                 0 0 8px 0;
}
#comments div.insert div.insertColumns div.insertColumnRight fieldset.captcha
{
    border:                 0;
    padding:                0;
    margin-bottom:          10px;
}
#comments div.insert div.insertColumns div.insertColumnRight fieldset.captcha span
{
    font-size:              10px;
    font-weight:            bold;
    margin-bottom:          10px;
}
#comments div.insert div.insertColumns div.insertColumnRight fieldset.captcha div
{
    float: left;
    margin-right: 10px;
}
#comments div.insert div.insertColumns div.insertColumnRight fieldset.captcha div.captchaImage
{

}
#comments div.insert div.insertColumns div.insertColumnRight fieldset.captcha div input
{
    display:                block;
    width:                  174px;
    height:                 16px;
    border:                 1px solid #BABABA;
    margin:                 0 0 10px 0;
    padding:                2px 0 0 2px;
    font-size:              12px;
}
#comments div.insert div.insertColumns div.insertColumnRight a#submitComment
{
    display:                block;
    float:                  right;
    border:                 1px solid #B1B3B5;


    background-repeat:      repeat-x;
    line-height:            18px;

    padding:                0 8px 0 8px;
    font-size:              11px;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment
{
    padding:                0;
    margin:                 0;
    list-style:             none;
    border:                 1px solid #BABABA;
    width:                  128px;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div
{
    float:                  left;
    padding:                0;
    margin:                 0;
    line-height:            18px;
    width:                  25%;
    text-align:             center;
    font-size:              13px;
    font-weight:            bold;
    font-family:            Verdana;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div.faces
{
    width:                  24%;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div a
{
    display:                block;
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/bg_comments_format.gif' );
    background-repeat:      repeat-x;
    border-right:           1px solid #F2F2F2;
    color:                  #3B3C3C;
    height:                 18px;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div a img
{
    margin:                 auto;
    margin-top:             4px;
    margin-bottom:          4px;
    display:                inline;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div a:hover
{
    background-position:    0 -18px;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div.bold a
{
    font-weight:            bold;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div.italic a
{
    font-style:             italic;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div.underline a
{
    text-decoration:        underline;
}
#comments div.insert div.insertColumns div.insertColumnRight div.formatComment div.faces a
{
    border:                 0;
}
div.comment
{
    padding:                6px;
    margin:                 0 6px 6px 6px;
    border:                 1px solid #D7D7D7;
    font-size:              12px;
}
div.comment div.commentColumnLeft
{
    width:                  68px;
    float:                  left;
}
div.comment div.commentColumnLeft img
{
    border:                 1px solid #787467 !important;
}
div.comment div.commentColumnLeft a img { border-color: #0468B2 !important; }
div.comment div.commentColumnRight
{
    width:                  440px;
    overflow:               hidden;
    position:               relative;
}
div.comment div.commentColumnRight div.top
{
    margin:                 0 0 5px 0;
    padding:                0 0 3px 0;
    border-bottom:          1px solid #DFDFE0;
    width:                  100%;
}
div.comment div.commentColumnRight div.top div
{
    float:                  left;
    width:                  70%;
}
div.comment div.commentColumnRight div.top div a
{
    font-weight:            bold;
}
div.comment div.commentColumnRight div.top div span
{
    font-size:              10px;
    color:                  #808180;
}
div.comment div.commentColumnRight div.top div.report,
div.comment div.commentColumnRight div.top div.delete
{
    float:                  right;
    text-align:             left;
    width:                  29%;
}
div.comment div.commentColumnRight div.top div.report a,
div.comment div.commentColumnRight div.top div.delete a,
div.comment div.commentColumnRight div.top div.approve a
{
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/bg_comments_report_abuse.gif' );
    background-repeat:      no-repeat;
    background-position:    0 center;
    padding-left:           14px;
    font-size:              10px;
    font-weight:            normal;
}
div.comment div.commentColumnRight div.top div.delete a
{
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/bg_comments_delete.gif' );
}
div.comment div.commentColumnRight div.commentContent
{
    overflow:               hidden;
}
div.comment div.commentColumnRight div.commentContent p
{
    margin:                 0 0 10px 0 !important;
}
div.comment div.commentColumnRight div.bottom
{
    font-size:              9px;
    width:                  100%;
    border:                 0 !important;
    clear:                  both;
}
div.comment div.commentColumnRight div.bottom span
{
    letter-spacing:         2px;
}
div.comment div.commentColumnRight div.bottom a.positive,
div.comment div.commentColumnRight div.bottom a.negative
{
    display:                block;
    float:                  left;
    background-position:    right center;
    background-repeat:      no-repeat;
    line-height:            17px;
    padding-right:          26px;
    margin-right:           10px;
}
div.comment div.commentColumnRight div.bottom a.positive
{
    color:                  #169C00 !important;
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/comments_thumbs_up.gif' );
}
div.comment div.commentColumnRight div.bottom a.negative
{
    color:                  #FF0000 !important;
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/comments_thumbs_down.gif' );
}
div.comment div.commentColumnRight div.bottom a.inactive
{
    background-image:       none;
}
div.comment div.commentColumnRight div.bottom a.expand
{
    float:                  right;
    font-size:              14px;
    color:                  #0468B2;
    font-weight:            bold;
    letter-spacing:         2px;
}
div.forumLink
{
    padding:                6px;
    margin:                 0 0 0 0;
    border:                 1px solid #B1B3B5;
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/bg_forums.gif' );
    background-position:    0 bottom;
    background-repeat:      repeat-x;
    font-family:            Arial;
    color:                  #3B3C3C;
}
div.forumLink a
{
    background-image:       url( 'http://u.univision.com/contentroot/uol/art/systemimages/images/commentimages/bg_icon_forums_b.gif' );
    background-repeat:      no-repeat;
    background-position:    0 2px;
    padding-left:           15px;
    margin-left:            2px;
    font-weight:            bold;
    color:                  #0468B2;
    text-decoration:        none;
}
div.narrow div.insert div.insertColumns div.insertColumnRight,
div.narrow div.comment div.commentColumnRight
{
    width:                  280px !important;
}
div.narrow div.nav
{
    font-size:              9px !important;
}
div.narrow div.nav div.right
{
    width:                  28% !important;
    word-spacing:           0 !important;
}
div.narrow div.nav div.center
{
    width:                  27%;
    word-spacing:           0 !important;
}
div.narrow div.nav div.left span
{
    word-spacing:           0 !important;
}
div.narrow div.commentColumnRight div.top div
{
    width:                  67%;
}
div.narrow div.commentColumnRight div.top div.report
{
    width:                  32%;
}
.hide {
    display: none;
}

.toolong { color: red; }

span.nolink { font-weight: bold; }

div.lowlight { background-color: #DFD1DC; }

/* CSS for the popup login box */
#popupLoginBox  { border: 1px solid #016bb7; z-index: 10000; width: 450px; background: #fff; position: absolute; left: 35%; background: url('http://u.univision.com/contentroot/uol/art/systemimages/mipagina/images/login_bg.jpg') repeat-x; text-align: left; }
#popupLoginHeader { font: bold 12px Arial, Helvetica, sans-serif; background: #016bb7; padding: 3px; color: #fff; }
#popupLoginHeader div.l { float: left; }
#popupLoginHeader div.r { float: right; font-size: 10px; }
#popupLoginHeader div.r a { color: #fff; }
#popupLoginBody { margin: 12px 30px 0 30px; padding-bottom: 12px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#popupLoginBody p { font-size: 14px; padding: 0; margin: 0; }
#popupLoginBody table { margin-top: 10px; margin-bottom: 10px; }
#popupLoginBody table tr td { font-size: 12px; font-weight: bold; vertical-align: top; }
#popupLoginBody table tr td.r { text-align: right; padding-right: 3px; }
#popupLoginBody table tr td input { width: 200px; margin-right: 6px; }
#popupLoginBody a.submit { position: relative; border: 1px solid #b1b3b5; background-color: #016bb7; color: #fff; padding: 1px 8px 3px 8px; font-size: 11px; }
#popupLoginBody a.omc { font-size: 9px; font-weight: normal; display: block; margin-top: 3px; }
#popupLoginBody a.abrircuenta { display: block; background: url('http://u.univision.com/contentroot/uol/art/systemimages/channel/45musica/images/mas-bullet.gif') no-repeat 0 4px; padding-left: 6px; margin-top: 6px; }