/* technical-support */
.technical-support{
  overflow: hidden;
  width: 740px;
  margin: 0;
  padding: 0;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.menu-tech-sup ul{
  width: 726px;
  height: 27px;
  margin: 5px 2px 0 5px;
  padding: 0 0 0 3px;
  border-bottom: 1px solid #bbb;
}
.menu-tech-sup ul li {
list-style: none;
float: left;
position: relative;
font: bold 13px Arial;
margin: 0 2px 0 2px;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
} 


.menu-tech-sup ul li span { 
float: left; 
margin: 0; 
padding: 7px 13px; 
color: #444; 
border-radius: 4px 4px 0 0; 
-moz-border-radius: 4px 4px 0 0; 
-webkit-border-radius: 4px 4px 0 0; 
-khtml-border-radius: 4px 4px 0 0; 
}

.menu-tech-sup ul li a{
  float: left;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
}

.menu-tech-sup ul li a:hover{ 
height: 27px; 
cursor: pointer; 
background: #eeeeee; 
}

.menu-conf-sup ul{
  width: 702px;
  height: 27px;
  margin: 5px 2px 2px 0;
  padding: 0 0 0 3px;
  border-bottom: 1px solid #bbb;
}
.menu-conf-sup ul li{
  list-style: none;
  float: left;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  margin: 0 2px 0 2px;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.menu-conf-sup ul li span{
  float: left;
  margin: 0;
  padding: 5px 15px 5px 15px;
  color: #344e6a;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
}
.menu-conf-sup ul li a{
  float: left;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
}
.menu-conf-sup ul li a:hover{
  cursor: pointer;
  background: #eeeeee;
}
.menu-bookmark ul{
  width: 715px;
  height: 27px;
  margin: 0 0 0px 13px;
  padding: 0;
  float: left;
}
.menu-bookmark ul li{
  list-style: none;
  float: left;
  position: relative;
  font: bold 13px Arial;
  margin: 0 2px 0 2px;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}

.menu-bookmark ul li a{
  float: left;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
}


.cat-tech-sup {
width: 710px;
display: inline-block;
margin: 5px 5px;
padding: 10px;
background: #f0f0f0;
border-top: 2px solid #bbb;
border-bottom: 2px solid #bbb;
} 

.cat-tech-sup ul{
  float: left;
  list-style: none;
  margin: 0 0 0 100px;
}
.cat-tech-sup ul li{
  padding: 3px 0 2px 0px;
  font-size: 12px;
}
.tech-ticket {
display: inline-block;
width: 729px;
margin: 4px 2px 2px 5px;
border-spacing: 1px 4px;
}

.tech-ticket table{border-spacing: 1px 4px;}
.tech-ticket-two {
margin: 0px 2px 2px 4px;
}

.tech-ticket-two table { 
border-spacing: 1px 4px; 
margin: 3px 0 0; 
width: 731px; 
}


.tech-ticket-two table tr{
  margin: 0;
  padding: 0;
}
.options-question{
  width: 728px;
  border: 1px solid #bbb;
  margin: 5px 0px 5px 5px;
  font-size: 12px;
}
.options-question table{
  width: 100%;
  color: #444;
  padding: 5px 2px;
}
.options-question table td{
  padding: 5px 7px;
}
.grey{
  background: #eee;
  width: 100%;
}
.grey-lighten{
  background: #f9f9f9;
  width: 100%;
}
.number{
  color: #d56b27;
  font-weight: bold;
  text-align: left;
}
.right{text-align: right;}
.tech-ticket-title-two{
  width: 709px;
  background: #344e6a;
  padding: 6px 10px 6px 10px;
  color: #fff;
  font-size: 11px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin: 0 0 2px 0;
  float: left;
}
.tech-ticket-title-two ul li{
  list-style: none;
  float: left;
  margin: 0;
}
.tech-ticket-title-two a{
  color: #f68c1f;
}
.tech-ticket-title td{
  background: #344e6a;
  padding: 6px 10px;
  color: #fff;
  font-size: 11px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.tech-ticket-list td{
  background: #e9e9e9;
  padding: 4px 10px;
  color: #444;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  vertical-align: top;
}

.tech-ticket-list td img{
padding: 0 5px 0 0;
vertical-align: -2px;
} 

.tech-ticket-list td p{
  color: #333;
  font-size: 10px;
}
#border-avatar{
  background: #fff;
  padding: 1px;
  border: 1px solid #D5D5D5;
  margin: 2px 0 0 0;
}
.tech-ticket-list td a{
  color: #333;
  font-weight: bold;
}
.tech-ticket-list-white td{
  background: #fbfbfb;
  padding: 4px 10px;
  color: #444;
  border-top: 2px solid #c1c1c1;
  border-bottom: 2px solid #c1c1c1;
  vertical-align: top;
}
.tech-ticket-list-white td p{
  color: #333;
  font-size: 10px;
}
.tech-ticket-list-white td a{
  color: #333;
  font-weight: bold;
}
.tech-ticket-admin td{
  padding: 5px;
  font-size: 10px;
  color: #222;
  border: 1px dotted #000;
}
.tech-ticket-regulations{
  background: #f0f0f0;
  margin: 0 0 3px 0;
  padding: 5px 10px 5px 10px;
  color: #444;
  font-size: 11px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  float: left;
}
.tech-ticket-question{
  width: 729px;
  margin: 0 0 3px 0;
  background: #f0f0f0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
  float: left;
}
.tech-ticket-question ul{
  width: 729px;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.tech-ticket-question ul li{
  float: left;
  color: #333;
  padding: 5px 0 5px 10px;
}
.tech-ticket-question b{
  vertical-align: -3px;
  color: #444;
}
.tech-ticket-question-two{
  background: #f0f0f0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 12px;
  padding: 5px 5px 0 5px;
}
.tech-ticket-question-two tr{
  padding: 0;
  float: left;
  color: #333;
  margin: 0;
}
.msg-ticket{color: red; font-size: 10px;}
.msg-ticket-non{color: #535353; font-size: 10px;}

.tech-ticket-list-red td { 
background: #bad3e9; 
padding: 4px 10px; 
color: #444; 
font-size: 11px; 
border-top: 1px solid #d9d9d9; 
border-bottom: 1px solid #d9d9d9; 
vertical-align: top; 
}


.tech-ticket-list-red td img{
  padding: 0 5px 0 0;
  vertical-align: -2px;
}
.my-ticket{
  font-size: 16px;
  padding: 10px 0 5px 10px;
  color: #d73336;
}
.ticket-faq { 
width: 733px; 
margin: 5px 0 5px 5px; 
float: left; 
padding: 0; 
}

.ticket-faq ul{
  float: left;
  background: #eee;
  padding: 0;
}
.ticket-faq li{
  list-style-type: none;
  float: left;
  padding: 5px;
}
.ticket-faq-title{
  width: 660px;
  padding: 15px 0 0 0;
  font-size: 14px;
  color: #333;
}
.ticket-faq-title p{
  font-size: 11px;
}
.ticket-faq-cat{
  width: 364px;
  margin: 3px 2px 0 0px;
  color: #333;
}
.tags{
  width: 715px;
  background: #fff;
  font-size: 13px;
}
.tags td{padding: 8px;}
.list-issues{
  width: 720px;
  background: #f7f7f7;
  margin: 0 0 10px 5px;
  padding: 5px;
}
.list-issues ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-issues ul li{
  list-style: none;
  background: #eee;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  padding: 3px 10px 3px 5px;
  margin: 3px 0 0 0;
  color: #444;
  list-style: none;
}
.list-issues a{
  color: #344e6a;
  font-weight: bold;
}
.list-issues p{
  font-size: 12px;
  padding: 0 0 5px 0;
}
.list-server{
  width: 720px;
  background: #f7f7f7;
  margin: 0 0 10px 5px;
  padding: 0 0 5px 5px;
  font-size: 12px;
  color: #444;
}
.list-server-info{
  background: #eee;
  padding: 10px;
}
.data-time-ip{
  width: 100%;
  padding: 0px 0px 4px 0;
  font-size: 10px;
  //border-bottom: 1px solid #ccc;
  color: #a1a1a1;
}
.attach{
  width: 100%;
  padding: 2px 5px 5px 5px;
  font-size: 11px;
  margin: 15px 0 0 -5px;
  vertical-align: bottom;
  display:inline-block;
  font-size: 12px;
}

.message-full{
  word-wrap: break-word;
  width: 606px;
  overflow: hidden;
  vertical-align: top;
  min-height: 57px;
  font-size: 12px;
}
.message{
  word-wrap: break-word;
  width: 469px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  vertical-align: top;
  display:inline-block;
}

.attach-file {
    display: block;
    overflow: hidden;
    position: relative;
    width: 700px;
}

.name-ts {
width: 86px;
text-overflow: ellipsis;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
vertical-align: top;
display: inline-block;
}


.respect {
width: 100%;
padding: 2px 5px 5px 5px;
font-size: 11px;
margin: 15px 0 0 -5px;
vertical-align: bottom;
display: inline-block;
font-size: 12px;
border-top: 1px solid #999;
}


.tech-ticket-list-note td{
  background: #e9e9e9;
  padding: 4px 10px;
  color: #444;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  vertical-align: top;
}
.tech-ticket-list-note td p{
  color: #333;
  font-size: 10px;
}

.processing-note-on a{
  float: right;
  font-weight: bold;
  color: green;
}
.processing-note-off a{
  float: right;
  font-weight: bold;
  color: red;
}

.processing-note-on{
  float: right;
  font-weight: bold;
  color: green;
}
.processing-note-off{
  float: right;
  font-weight: bold;
  color: red;
}

.send_button{
  background: url(http://dev.myarena.ru/images/ticket/edit_1.png);
  cursor:pointer;
  border: none;
}
#warnModal_html {
font-size: 16px;
line-height: 20px;
color: #414141;
font-weight: bold;
}


.blockquote{
  background: #fbfbfb;
  margin: 0 0 5px 0;
  padding: 5px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.citation{
  width: 584px;
  color: #5a5a5a;
  font-size: 12px;
  padding: 5px 10px;
  border-left: 1px solid #bbb;
  background: #dfdfdf;
  background: -moz-linear-gradient(top, #dfdfdf 0%, #c3c3c3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#c3c3c3));
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  font-weight: bold;
}

#warn_textarea {
width: 100%;
}
	