/*
Basic CSS for helpdesk
*/
.serv-osit-box {
    width:972px;
    margin:25px auto;
    font-size:87.5%;
}
.serv-osit-box a{
    color:#777;
}
.serv-osit-box .float-box{
    width:100%;
    overflow:hidden;
}
.serv-osit-box .float-left{
    float:left;
}
.serv-osit-box .float-right{
    float:right;
}
.serv-osit-box .btn-box{
    background:transparent url(../images/bg-btn-box.png) no-repeat top right;
    height:36px;
    overflow:hidden;
}
.serv-osit-box .btn-box input,
.serv-osit-box .btn-box a{
    border:0;
    text-align: left;
    padding: 8px 24px 15px 32px;
    margin:0;
    background-color:transparent;
    display:block;
    text-decoration: none;
    cursor:pointer;
}
.serv-osit-box .btn-ico-reply,
.serv-osit-box .btn-ico-go{
    background: transparent url(../images/bg-btn-box.png) no-repeat;
}
.serv-osit-box .btn-ico-reply a,
.serv-osit-box .btn-ico-reply input,
.serv-osit-box .btn-ico-go a,
.serv-osit-box .btn-ico-go input{
    padding-left:24px;
    padding-right:32px;
}
.serv-osit-box .btn-ico-reply a,
.serv-osit-box .btn-ico-reply input{
    background: transparent url(../images/btn-ico-reply.png) no-repeat top right;
}
.serv-osit-box .btn-ico-go input,
.serv-osit-box .btn-ico-go a{
    background: transparent url(../images/btn-ico-go.png) no-repeat top right;
}
.serv-osit-box .btn-ico-new input,
.serv-osit-box .btn-ico-new a{
    background: transparent url(../images/btn-ico-new.png) no-repeat;
}
.serv-osit-box .btn-ico-attach input{
    background: transparent url(../images/btn-ico-attach.png) no-repeat;
}
.serv-osit-box .btn-ico-back a{
    background: transparent url(../images/btn-ico-back.png) no-repeat;
}
.serv-osit-box .btn-ico-archive a{
    background: transparent url(../images/btn-ico-archive.png) no-repeat;
}
.serv-osit-box .clear{
    clear:both;
}

/*  ATTACHMENTS */
.serv-osit-box .files-title{
    padding:2px 0 2px 20px;
    background:url(../images/ico-attachments.png) no-repeat center left;
}
.serv-osit-box .file{
    clear:both;
    padding-left: 26px;
    height:24px;
}
.serv-osit-box .file span{
    padding-top: 3px;
    display:block;
}
.serv-osit-box .ico-file-img{
    background:url(../images/ico-file-img.png) no-repeat center left;
}
.serv-osit-box .ico-file-doc{
    background:url(../images/ico-file-doc.png) no-repeat center left;
}
.serv-osit-box .ico-file-pdf{
    background:url(../images/ico-file-pdf.png) no-repeat center left;
}
.serv-osit-box .ico-file-xls{
    background:url(../images/ico-file-xls.png) no-repeat center left;
}
.serv-osit-box .ico-file-zip{
    background:url(../images/ico-file-zip.png) no-repeat center left;
}
/*  DIALOG/INFO BOX  */
.serv-osit-box .dialog-box{
    width:535px;
    margin-left:16px;
}
.serv-osit-box .dialog-box span{
    display:block;
}
.serv-osit-box .dialog-box .top-box,
.serv-osit-box .dialog-box .bot-box{
    height:5px;
    overflow:hidden;
}
.serv-osit-box .dialog-box .txt-box{
    margin-left:10px;
    padding:8px 0 8px 40px;
    font-size:.9em;
    font-weight:bold;
}
.serv-osit-box .dialog-info{
    background:url(../images/bg-info-info-bg.png);
}
.serv-osit-box .dialog-info .top-box{
    background:url(../images/bg-info-info-top.png) no-repeat;
}
.serv-osit-box .dialog-info .txt-box{
    background:url(../images/ico-info-info.png) no-repeat center left;
    color:#434343;
}
.serv-osit-box .dialog-info .bot-box{
    background:url(../images/bg-info-info-bot.png) no-repeat;
}
.serv-osit-box .dialog-error{
    background:url(../images/bg-info-error-bg.png);
}
.serv-osit-box .dialog-error .top-box{
    background:url(../images/bg-info-error-top.png) no-repeat;
}
.serv-osit-box .dialog-error .txt-box{
    background:url(../images/ico-info-error.png) no-repeat center left;
    color:#d51c38;
}
.serv-osit-box .dialog-error .bot-box{
    background:url(../images/bg-info-error-bot.png);
}
.serv-osit-box .dialog-warn{
    background:url(../images/bg-info-error-bg.png);
}
.serv-osit-box .dialog-warn .top-box{
    background:url(../images/bg-info-error-top.png) no-repeat;
}
.serv-osit-box .dialog-warn .txt-box{
    background:url(../images/ico-info-warn.png) no-repeat center left;
    color:#d51c38;
}
.serv-osit-box .dialog-warn .bot-box{
    background:url(../images/bg-info-error-bot.png);
}

/*  HEADER  */
.serv-helpdesk-header .logo{
    width:365px;
    height:53px;
}
.serv-helpdesk-header .logo a{
    display:block;
    text-indent: -100em;
    height:100%;
}
/*  HEADER : not logged in */
.serv-helpdesk-header .info{
    width:370px;
    margin:10px 160px 0 405px;
}
.serv-helpdesk-header .info-title-box,
.serv-helpdesk-header .info-txt{
    text-align:center;
}
.serv-helpdesk-header .lang{
    margin: 15px 5px 0 0;
}
/*  HEADER : logged in*/
.logged-in .serv-helpdesk-header .info{
    float:right;
    width:auto;
    margin: 10px 10px 0 0;
}

/*  MENU    */
.serv-helpdesk-menu{
    margin:50px 0 0 28px;
    width:138px;
    display:inline;
}
.serv-helpdesk-menu ul{
    margin:0;
    padding:0;
}
.serv-helpdesk-menu li{
    list-style: none;
    height:28px;
    overflow:hidden;
}
.serv-helpdesk-menu li a:link, .serv-helpdesk-menu li a:visited{
    display:block;
    color:#777;
    text-decoration: none;
    padding:5px 0 6px 8px;
}
.serv-helpdesk-menu li a:hover{
    text-decoration:underline;
}
.serv-helpdesk-menu li a.selected{
    background:url(../images/selected-bg.png);
    font-weight: bold;
    color:#434343;
}
.serv-helpdesk-menu .complaint-book{
    height:auto;
}
.serv-helpdesk-menu .complaint-book.selected{
    background:url(../images/selected-bg2.png);
}
.serv-helpdesk-menu .complaint-book.selected a{
    background:url(../images/selected-bg2.png) no-repeat bottom right;
}
.serv-helpdesk-menu .return-to-website{
    padding-left:5px;
    background: url(../images/ico-back.png) no-repeat 0 7px;
    height:auto;
}


.area-box-1{
    background: url(../images/area_bg.png);
}
.area-box-2{
    background: url(../images/area_top.png) no-repeat;
}
.area-box-3{
    background: url(../images/area_bottom.png) no-repeat left bottom;
    padding:25px 0;
}
.helpdesk-area{
    margin-right:35px;
    width:744px;
    display:inline;
}



/*  NEW ISSUE   */
#serv-osit-frm-new {
    font-size:0.85em;
    width:570px;
    overflow:hidden;
}
#serv-osit-frm-new dt{
    padding:3px 0;
    float:left;
    clear:both;
    width:130px;
}
#serv-osit-frm-new dd{
    padding:3px 0;
    margin:0;
    float:left;
}
#serv-osit-frm-new dt#attach-label{
    display:none;
}
#serv-osit-frm-new dd#attach-element{
    padding-left:100px;
}
#serv-osit-frm-new input,
#serv-osit-frm-new textarea{
    font-family: Arial, sans-serif;
    font-size:inherit;
    width:430px;
}
#serv-osit-frm-new .attachments-info{
    width:430px;
}
#serv-osit-frm-new .file-attached{
    background: #F4F4F4;
    padding:5px 0;
    margin:3px 0;
    width:100%;
    overflow:hidden;
}
#serv-osit-frm-new .no-file-attached{
    background: #F4F4F4;
    padding:5px 3px;
}
#serv-osit-frm-new .file-attached span{
    display:block;
    float:left;
    margin-right:5px;
    padding:0 3px
}
#serv-osit-frm-new .file-attached .delete-btn{
    display: block;
    float:right;
    padding-left:12px;
    background: url(../images/delete.gif) no-repeat center left;
}
#serv-osit-frm-new #attach-element{
    clear:both;
    margin:-26px 0 0 0;
    float:right;
    position:relative;
}
#serv-osit-frm-new #attachment{
    margin-top:5px;
    width:auto;
}
#serv-osit-frm-new #services-osit-submit,
#serv-osit-frm-new #attach,
#serv-osit-frm-new #issue-kClientePagou-yes,
#serv-osit-frm-new #issue-kClientePagou-no{
    width:auto;
}
#serv-osit-frm-new #submit-element{
    clear:both;
    margin-left:130px;
}
#serv-osit-frm-new ul.errors{
    padding:5px 0 10px 0;
}
#serv-osit-frm-new ul.errors li {
    padding:0;
    margin:0;
    list-style:none;
    color:#d51c38;
}
.serv-osit-loading {
    position:absolute;
    margin-top:30px;
    border:1px solid #CCC;
    background: #F4F4F4 url(../images/loading.gif) no-repeat 20px 20px;
    width:560px;
    padding:30px 0;
}
.serv-osit-loading .msg{
    padding:0 22px 0 70px;
    font-size:12px;
}

/*  LOGIN SUBFORM   */
#serv-osit-frm-new .login-fields dt{
    margin:0 5px;
    padding-top:6px;
    width:120px;
    text-align: right;
}
#serv-osit-frm-new .login-fields input{
    width: 200px;
}
#serv-osit-frm-new .login-fields{
    background:#F4F4F4;
    width:100%;
    overflow:hidden;
    padding:10px 0;
    margin-bottom:20px;
}


/*  LOGIN FORM   */
#serv-osit-frm-login {
    width:265px;
    overflow:hidden;
    margin:20px 0 0 20px;
    padding-bottom:100px;
}
#serv-osit-frm-login dt{
    padding:3px 0;
    float:left;
    clear:both;
    width:105px;
}
#serv-osit-frm-login dd{
    padding:3px 0;
    margin:0;
    float:left;
}
#serv-osit-frm-login input{
    font-family: Arial, sans-serif;
    font-size:inherit;
    width:150px;
}
#serv-osit-frm-login #submit-element{
    clear:both;
    padding:10px 4px 0 0;
}
#serv-osit-frm-login #serv-osit-submit{
    width:auto;
}

/* LIST */
.serv-osit-issues-list h2{
    color: #828282;
}
.serv-osit-issues-list .issue-box{
    border-top:1px solid #CBCBCB;
    padding:5px 0 10px 0;
}
.serv-osit-issues-list .collapsed{
    background-color: #FFF;
}
.serv-osit-issues-list .collapsed .title {
    color:#000;
}
.serv-osit-issues-list .collapsed .short-desc {
    color:#828282;
}
.serv-osit-issues-list .expanded{
    background-color:#f3f3f3;
    margin-bottom:10px;
}
.serv-osit-issues-list .expanded .title {
    color:#000;
}
.serv-osit-issues-list .expanded .short-desc {
    color:#828282;
}
.serv-osit-issues-list .lnk-detail .short-desc{
    color:#828282;
}
.serv-osit-issues-list .collapsed .issue-info{
    display:none;
}
.serv-osit-issues-list .expanded .issue-info{
    display:block;
    margin:5px;
}
.serv-osit-issues-list .unread .title,
.serv-osit-issues-list .unread .short-desc{
    font-weight: bold;
}
.serv-osit-issues-list .date{
    color:#000;
}
.serv-osit-issues-list .txt-box{
    width:610px;
    height:22px;
    overflow:hidden;
}
.serv-osit-issues-list .collapsed.from-support .title {
    padding-left:20px;
    background:url(../images/ico-from-support1.png) no-repeat;
}
.serv-osit-issues-list .expanded.from-support .title {
    padding-left:20px;
    background:url(../images/ico-from-support2.png) no-repeat;
}
.serv-osit-issues-list .lnk-detail {
    display:block;
    float:left;
    width:620px;
    height:20px;
    overflow:hidden;
    text-decoration: none;
    line-height: 1.4em;
    margin-left:5px;
}
.serv-osit-issues-list .lnk-toggler{
    display:block;
    float:right;
    width:20px;
    overflow:hidden;
    text-decoration: none;
}
.serv-osit-issues-list .collapsed .lnk-toggler{
    background:url(../images/ico-collapsed.png) no-repeat center center;
}
.serv-osit-issues-list .expanded .lnk-toggler {
    background:url(../images/ico-expanded.png) no-repeat center center;
}
.serv-osit-issues-list .reply-box {
    margin-top:20px;
}
.serv-osit-issues-list .reply-box.customer{
    background: url(../images/bg-baloon1-bottom.png) no-repeat bottom left;
}
.serv-osit-issues-list .reply-box.customer .reply-box-inner{
    background: url(../images/bg-baloon1-top.png) no-repeat;
}
.serv-osit-issues-list .reply-box.customer .reply-info{
    float:left;
    background: url(../images/ico-reply-customer.png) no-repeat top center;
}
.serv-osit-issues-list .reply-box.support{
    background: url(../images/bg-baloon2-bottom.png) no-repeat bottom left;
}
.serv-osit-issues-list .reply-box.support .reply-box-inner{
    background: url(../images/bg-baloon2-top.png) no-repeat;
}
.serv-osit-issues-list .reply-box.support .reply-info{
    float: right;
    margin-right: 10px;
    background: url(../images/ico-reply-support.png) no-repeat top center;
}
.serv-osit-issues-list .reply-box .reply-info{
    text-align: center;
    padding-top: 28px;
    width: 90px;
}
.serv-osit-issues-list .reply-box .author{
    display: block;
    color: #eb002d;
    font-weight: bold;
    padding-bottom: 7px
}
.serv-osit-issues-list .reply-box .date{
    color:#888;
    border-top:1px solid #e4e4e4;
    padding-top:3px;
    font-size:.9em;
}
.serv-osit-issues-list .reply-box .desc-box{
    margin-left:100px;
    padding:10px 0;
    width:510px;
}
.serv-osit-issues-list .reply-box .desc{
    min-height:50px;
    height:auto !important;
    height:50px;
    padding:0 10px;
}
.serv-osit-issues-list .issue-info .btn-ico-reply{
    margin:15px 130px 40px 0;
}
.serv-osit-issues-list .no-replies-info{
    width:510px;
    background-color:#E3E3E3;
    padding:10px 0;
    margin-left:100px;
}
.serv-osit-issues-list .no-replies-info .msg{
    padding:0 20px;
}
.serv-osit-issues-list .linked .lnk-detail,
.serv-osit-issues-list .linked .lnk-toggler,
.serv-osit-issues-list .linked .date{
    opacity:.5;
    filter: alpha(opacity=50);
}
.serv-osit-issues-list .linked-issue{
    margin: 0 100px;
    padding: 10px 20px;
    color:#777;
}
.serv-osit-issues-list .linked-issue a {
    color:#333;
}
.serv-osit-issue-detail .serv-osit-issues-list .linked-issue{
    background-color: #ECECEC;
    margin-bottom:50px;
}


/*  PAGER   */
.serv-osit-box .pager-box{
    padding:10px 0;
}
.serv-osit-box .pager-box .pag-btn{
    display:block;
    float:left;
    background:url(../images/bg-pager.png) no-repeat;
    width:25px;
    height:26px;
    overflow:hidden;
}
.serv-osit-box .pager-box .pag-btn a{
    display:block;
    text-align:center;
    padding:4px 0;
    color:#888;
    text-decoration: none;
}
.serv-osit-box .pager-box .pag-btn.sel{
    background:url(../images/bg-pager-sel.png) no-repeat;
}
.serv-osit-box .pager-box .pag-btn.sel a{
    color:#FFF;
}


/*  DETAIL  */
.serv-osit-issue-detail {
    background-color:#f3f3f3;
}
.serv-osit-issue-detail h2{
    background-color:#d51c38;
    color:#FFF;
    padding:5px 10px;
    border-bottom: 20px solid #FFF;
    font-size:1.2em;
}
.serv-osit-issue-detail dl{
    margin:0 10px;
}
.serv-osit-issue-detail dt{
    float:left;
    color:#d51c38;
    padding-right:5px;
    font-weight: bold;
}
.serv-osit-issue-detail dd{
    padding:0;
    margin:0 0 10px 0;
}
.serv-osit-issue-detail .no-replies-info{
    width:510px;
    background-color:#E3E3E3;
    padding:10px 0;
    margin-left:100px;
}
.serv-osit-issue-detail .no-replies-info .msg{
    padding:0 20px;
}
.serv-osit-issue-detail .files-title{
    margin: 0 0 5px 10px;
}
.serv-osit-issue-detail .file{
    margin: 0 0 5px 10px;
    width:210px;
    float:left;
    clear:none;
}
.issue-selection-box{
    padding: 0 20px;
}
.issue-selection-box h4{
    background-color:#F3F3F3;
    color:#444;
    padding:5px;
    margin-bottom:5px;
}
.issue-selection-box ul {
    margin:5px 20px;
    list-style:none;
}