#ticket-view-region {
    clear: both;
    min-height: 500px;
    padding: 20px;
}

.ticket-title {
	font-size: 18px;
	line-height: 25px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#ticket-view-region ol, ul {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

.tickets-region li {
    display: block;
    clear: both;
}

.ticket-details {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 10px;
	position: relative;
	top: 3px;
	right: 5px;
	z-index: 0;
}

.ticket-status {
    background: none repeat scroll 0 0 #D4E2E9;
    border-radius: 5px 5px 5px 5px;
    color: #3858A1;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.ticket-status.resolved {
    background: none repeat scroll 0 0 #DFF4CA;
    color: #336835;
}
li.ticket-details-status {
    padding: 5px 25px 5px 5px;
}
li.ticket-reply-time {
    border: 0 none;
    padding: 5px 5px 5px 25px;
}
.comment-user {
    float: left;
    padding: 0;
    width: 72px;
    text-align: center;
}
.comment-user img {
    border: 1px solid #CCCCCC;
    padding: 3px;
}

.comment-content {
	border: 1px solid #D9D9D9;
	border-radius: 10px 10px 10px 10px;
	float: right;
	min-height: 200px;
	position: relative;
	width: 880px;
	word-break: break-all;
	padding: 10px;
	margin: 0px;
	background-attachment: scroll;
	background-color: #F7F7F7;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.comment-content:before {
    background: url("../images/ticket-comment-arrow.png") no-repeat scroll 0 0 transparent;
    content: " ";
    display: block;
    height: 22px;
    left: -13px;
    position: absolute;
    top: 10px;
    width: 13px;
}
.comment-content p {
    margin: 20px 30px;
}
.comment-type1{
    border-radius: 3px 3px 3px 3px;
    background-attachment: scroll;
    background-color: #FCFCFC;
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
}
.comment-type1 .comment-content {
    background: none repeat scroll 0 0 #EAF0F4;
    border-color: #CFD7DE;
    word-break: break-all;
}
.comment-type1 .comment-content:before {
    background: url("../images/ticket-comment-staff-arrow.png") no-repeat scroll 0 0 transparent;
    left: -12px;
}
.comment-type2{
    border-radius: 3px 3px 3px 3px;
}
.comment-type2 .comment-content {
    background: none repeat scroll 0 0 #EAF0F4;
    border-color: #CFD7DE;
    word-break: break-all;
}
.comment-type2 .comment-content:before {
    background: url("../images/ticket-comment-arrow.png") no-repeat scroll 0 0 transparent;
    left: -12px;
}

.file-attachment {
    background: url("../images/attachment.png") no-repeat scroll 10px center transparent;
    border-radius: 10px 10px 10px 10px;
    color: #41607B;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 10px 10px;
    overflow: hidden;
    padding: 8px 0 8px 35px;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 127px;
}
.file-attachment:hover {
    background-color: rgba(255, 255, 255, 0.55);
}

.ticket-actions{
    height: 25px;
}
.ticket-actions > li {
    float: left;
    margin: 5px 10px 0 0;
}
.ticket-actions a {
    color: #41607B;
    text-decoration: none;
    font-size: 12px;
}
.ticket-actions a:hover {
    color: #000000;
}
.post-date {
    color: #999999;
    font-size: 11px;
    margin: 5px 0 0 30px;
}

.ticket-reply {
	clear: both;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
.ticket-reply h2 {
    margin: 10px 0 15px;
    padding: 0;
}

.ticket-reply .comment-content textarea {
    padding: 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 14px;
    line-height: 25px;
    color: #000;
}
.ticket-reply .add-attachment label, .ticket-reply .close-ticket label {
    font-size: 12px;
}
.ticket-reply .add-attachment {
    float: left;
    margin: 7px 0 0 15px;
}
.ticket-reply .close-ticket {
    float: left;
    margin: 9px 0 0 10px;
}
.ticket-reply .close-ticket input[type="checkbox"] {
    position: relative;
    top: -2px;
}

.status-label {
    font-size: 14px;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #BFBFBF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 16px;
    padding: 6px;
}

.status-label.total {
    background-color: #CCC;
    color: #666;
    margin-top: 5px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
}

.status-label.new {
    background-color: #C5CC4F;
}

.status-label.open {
    background-color: #FF6600;
}

.status-label.resolved {
    background-color: #249B23;
}

.status-label.reopened {
    background-color: #00A1E9;
}

.status-label.closed {
    background-color: #3A3A3A;
}
#ticket-view-region .status-table {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
#ticket-view-region .status-table td {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    margin: 0px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    font-size: 12px;
    line-height: 14px;
    color: #666;
}

#ticket-view-region .status-table td.none-line{
    border-right-color: #FFF;
}
.comment-user span {
    display: block;
}
.comment-user .user-name {
	font-weight: normal;
	overflow: hidden;
}
#replyTicket p {
    padding-top: 6px;
    padding-bottom: 6px;
}

.cust_fields li {
    float: left;
    font-size: 14px;
    padding-right: 0px;
    min-width: 50px;
}
.cust_fields_div {
    border-top: none;
    border-bottom: none;
    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
}