﻿#TB_ajaxWindowTitle {
    width: 640px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html, body {
    height: 100%;
    width: 100%;
    text-align: center;
    font-family: Trebuchet MS !important;
}

#expositor_container {
    width: 794px;
}

/* top definitions */
#expositor_top {
    padding: 10px;
    padding-bottom: 0px;
    height: 70px;
    background-color: #1c1c1c;
}

#expositor_top #logo {
    padding-top: 10px;
    float: left;
    font-size: 26px;
    font-family: Verdana;
    padding-right: 25px;
    line-height: 50px;
}

#expositor_top #logo #alternativa {
    color: #3d3d3d;
    font-weight: bold;
}

#expositor_top #logo #online {
    color: #3d3d3d;
}

#expositor_top #banner {
    float: left;
    background-color: #fe8d09;
    width: 468px;
    height: 60px;
}

#expositor_top #close {
    height: 24px;
    width: 24px;
    background-color: #4b4b4b;
    float: right;
    color: #FFF;
    padding-top: 10px;        
    font-family: Trebuchet MS;
    text-align: center;
    cursor: pointer;
}
/* end of the top definitions */

/* middle definitions */
#expositor_middle {
    height: 511px;
    background-color: #121211;
}

#expositor_middle #picture {
    width: 760px;
    height: 400px;
    background-color: #272727;
    border: 15px solid #272727;
}

#expositor_middle #picture img {
    /*width: 760px;
    height: 400px;*/
}

#expositor_middle #galerias_caption {
    height: 77px;
    width: 105px;
    color: #FFF;
    font-family: Trebuchet MS;
    float: left;
    text-align: left;
    padding: 15px;
    font-size: 15px;
}

#expositor_middle #thumbs {
    width: 370px;
    height: 60px;
    background-color: #272727;
    float: left;
    text-align: center;
}

#expositor_middle #thumbs #expositor-prev {
    float: left;
    padding-top: 18px;
    text-align: center;
    padding-left: 10px;
    padding-right: 5px;
    cursor: pointer;
}

#expositor_middle #thumbs #expositor-next {
    float: right;
    padding-top: 18px;
    text-align: center;
    padding-left: 0px;
    padding-right: 10px;
    cursor: pointer;
}

#expositor_middle #thumbs ul li img {
    width: 50px !important;
    height: 50px !important;
    cursor: pointer;
}

#expositor_middle #thumbs ul li img.selected {
    border: 3px solid #FFF !important;
}

#expositor-control a {
    font-family: Trebuchet MS;
    font-size: 17px;
    color: #b3b3b3;
    /*word-spacing: 15px;*/
    /*padding: 2px;*/
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    float: left !important;
}
#expositor-control a:link {
    text-decoration: none;
    color: #b3b3b3;
}
#expositor-control a:visited {
    text-decoration: none;
    color: #b3b3b3;
}
#expositor-control a:hover {
    text-decoration: none;
    color: #c4161c;
}
#expositor-control a:active {
    text-decoration: none;
    color: #c4161c;
}

#expositor-control {
    padding-top: 5px;
    width: 279px !important;
    height: 72px !important;
    overflow: auto;
}

/* end of the middle definitions */

#expositor_bottom {
    height: 100%;
    background-color: #272727;
    padding: 15px;
    /*border-bottom: 18px solid #121211;*/
    margin-bottom: -20px;
}

#expositor_bottom_header {
    width: 100%;
    float: left;
}

#expositor_bottom #comentarios_caption {
    font-family: Trebuchet MS;
    font-size: 15px;
    color: #696969;
    float: left;
}

#expositor_bottom #fazer_comentario {
    font-family: Trebuchet MS;
    font-size: 15px;
    color: #FFFFFF;
    float: right;
    padding-bottom: 35px;
}

#expositor_bottom #fazer_comentario:link {
    text-decoration: none;
    color: #FFFFFF;
}
#expositor_bottom #fazer_comentario:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#expositor_bottom #fazer_comentario:hover {
    text-decoration: none;
    color: #c4161c;
}
#expositor_bottom #fazer_comentario:active {
    text-decoration: none;
    color: #c4161c;
}

#expositor_bottom #comentarios {
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
}

#expositor_bottom #comentarios .repeater {
    width: 94% !important;
    float: left;
}

#expositor_bottom #comentarios .comentario_box {
}

#expositor_bottom #comentarios .comentario_box br {
    line-height: 40px;
}

#expositor_bottom #comentarios .comentario_box hr {
    border: 1px solid #585858;
    line-height: 1px;
    height: 1px;
    margin-bottom: 10px;
}

#expositor_bottom #comentarios .comentario_box .postado_por_caption {
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    color: #b6b5b5;
    padding-right: 5px;
}

#expositor_bottom #comentarios .comentario_box .postado_por {
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-style: italic;
    color: #b6b5b5;
    padding-right: 5px;
}

#expositor_bottom #comentarios .comentario_box .divisoria {
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #b6b5b5;
    padding-right: 5px;
}

#expositor_bottom #comentarios .comentario_box .postado_em {
    float: left;
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #b6b5b5;
}

#expositor_bottom #comentarios .comentario_box .comentario {
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #868686;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 750px;
}

#no_comment {
    color: #FFF;
}

#no_comment a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#no_comment a:hover {
    color: #c41517;
}

.comentarios_pager {
    width: 97%;
    float: left;
    display: block;
    clear: both;
    background-color: #2a2a2a;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.comentarios_pager .goto {
    color: #CCC;
}

.comentarios_pager a {
    color: #FFF;
    font-weight: bold;
}

.comentarios_pager a:hover {
    color: #c41517;
}

#expositor_comentar {
    background-color: #272727;
}

#comentar {
    margin-top: 20px;
    display: block;
    background-color: #343434;
    padding: 10px;
    width: 97%;
    border-bottom: 18px solid #121211;
}

#comentar #envie_comentario {
    font-family: Trebuchet MS;
    text-align: left;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    width: auto;
    border-bottom: 1px solid #c41517;
    margin-bottom: 5px;
}

#comentar ul {
    list-style-type: none;
}

#comentar ul li {
    display: block;
    width: 100%;
    table-layout: fixed;
}

#comentar ul div.left {
    width: 100px;
    float: left;
    font-weight: bold;
    color: #FFF;
    text-align: right;
    padding-right: 10px;
}

#comentar ul div.right {
    float: left;
}

#comentar ul div.right input {
    width: 150px !important;
}

#comentar ul div.right textarea {
    width: 300px !important;
    height: 100px;
}

#comentar ul li.bottom {
    width: 100% !important;
}

.picture_description {
    /*padding: 5px;*/
    /*position: relative;*/
    height: 25px;
	/*top: -35px;*/
    background-color: #FFFFFF;
    opacity:.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.3;
    z-index: 9999999;
    display: none;
}

.picture_description_text {
    /*padding: 5px;*/
    /*position: absolute;*/
    color: #000;
    font-weight: bold;
    z-index: 9999999;
    padding-top: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    /*width: 745px !important;*/
    text-align: left;
    font-family: Trebuchet MS;
    display: none;
}

/* carousel styles */
.jcarousel-skin-tango {
    float: left;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  320px;
    height: 75px;
}
/* end of the carousel styles */
