/* 
    Document   : tt
    Created on : 29.09.2011, 11:27:05
    Author     : v.sadihov
    Description:
        Purpose of the stylesheet follows.
*/

textarea {
    resize:vertical;
}

.ui-errors {
    border: 1px solid #cd0a0a;
    background-color: #fef1ec;
    color:#cd0a0a;
    padding: 10px;
    margin-bottom: 10px;
}

.ui-success {
    border: 1px solid #d4edb5;
    background-color: #f2fbe8;
    color:#000;
    padding: 5px;
    margin-bottom: 10px;
}

.ui-errors ol {
    margin-left: 50px;
    margin-top: 10px;
}

.ui-zagolovok {
    background-image: url(red-icons.png);
    background-position: 0px -144px;
    height: 16px;
    width: 16px;
    margin-right: 10px;
}

fieldset .ui-zagolovok2 {
    background-image: url(green-icons.png);
    background-position: -16px -144px;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    margin-top: 5px;
}

.ui-zagolovok2 {
    background-image: url(green-icons.png);
    background-position: -16px -144px;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    margin-top: 2px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#tt-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#tt-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 480px;
	background: url('ajax-loader.gif') top left #000;
}

#tt-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#tt-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ajax-loader.gif', sizingMethod='scale'); }

.tt-gray {
    font-size: 11px;
    color:gray;
}

#tt_chars_left, #tt_submit_add_new_mes_left {
    color:#dc143c;
}

.tt-hide-form {
    border: none;
}

.tt-hide-form #tt-form-element {
    display: none;
}

.tt-show-form {
    border: 1px solid #000;
}

.tt-hide-form legend a {
    text-decoration: underline;
}

.tt-show-form legend a {
    text-decoration: none;
}

.tt-show-form #tt-form-element {
    display: block;
}

.tt_but1 {
    padding: 2px 10px;
    border: 1px solid gray;
}

.tt-mar-bot {
    margin-bottom: 10px;
}

.tt-all-ticket {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ccc;
    /*border-top: 1px solid #ccc;*/
    color: #333;
    width: 100%;
    font-size: 12px;
}

.tt-all-ticket thead {
    font-size: 1em;
    vertical-align: middle;
    font-weight: bold;
}

.tt-all-ticket tbody {
    font-size: 0.85em;
    vertical-align: top;
}

.tt-all-ticket tbody tr:nth-of-type(odd) {
    background-color: #efefef;
}

.tt-all-ticket td, .tt-all-ticket th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    line-height: 1.8em;
}

.tt-chat-poloska-1 {
    background-color: #cccccc;
    height: 14px;
}

.tt-chat-poloska-2 {
    background-color: #e2e2e2;
    height: 33px;
}

.tt-chat-left {
    float: left;
}

.tt-chat-right {
    float: right;
}

.tt-padding-1 {
    padding: 5px 5px 0px 5px;
}

.tt-chat-nick {
    font-size: 14px;
    font-weight: 700;
}

.tt-clear {
    clear: both;
}

.tt-chat-date {
    color: gray;
    font-size: 10px;
}

.tt-chat-msg {
    font-size: 12px;
    line-height: 17px;
}

#tt_add_message {
    min-height: 130px;
    width: 500px;
    float: left;
}

.tt-chat-but-right {
    width: 210px;
}

.div-stars {
    margin-top: 23px;
}

.tt-chat-spark {
    color:#ff6900;
}

#stars-cap {
    font-size: 12px;
}
.ticket_plus{
	cursor:pointer;
	font-size:14px;
	color:#FFAB00;
}
.ticket-action {width:100%;padding:0; margin: 2px 0;  border:1px solid #C30;}
.ticket-action tr{background-color:#fff; margin:0;padding:0;}
.ticket-action td{border:none; border:1px solid #ccc;}
.ta-prehead {color:#fff;}
td.action-tt2 {padding:0;}
.ta-stat{
	width:193px;
	float:left;
	background-color:#ccc;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-right:1px solid #fff;
}
.ta-dep{
	width:150px;float:left;
	background-color:#ccc;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;	
}
.ta-title{
	width:228px;
	background-color:#ccc;
	padding:5px;
	float:left;
	border-left:1px solid #fff;
}

.ta-name{
	width:193px;
	float:left;
	padding: 5px;
	padding-right:0;
}
.ta-dtime{
	width:115px;
	float:left;
	padding:5px;
	padding-left:6px;
	padding-right:0;	
}
.ta-remark{
	width:267px;
	padding:5px;
	float:left;
	border-left:1px solid #ccc;
}
.shadow-box{
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
}
* html .shadow-box {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}