img{border:0 none;}
/*
* {
-webkit-transition-property: opacity, color, background-color, border-color;
-moz-transition-property: opacity, color, background-color, border-color;
-o-transition-property: opacity, color, background-color, border-color;
transition-property: opacity, color, background-color, border-color;

-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;

}
*/

/*A[target='_blank'], */.new_window_link{
background:url("newwindow.gif") no-repeat scroll right center transparent;
padding-right:16px;
}



.inline input{border: 0pt none; padding:0;  display: table-cell;
    vertical-align: middle; width:95%; background: transparent none repeat scroll 0% 0%; }

.w_100{width:100%}


input.example,select.example,textarea.example,  input.blur,select.blur,textarea.blur   {color:#888888; text-align:center;overflow: auto; vertical-align: middle;}
 
.separator {
padding-left:16px;
cursor:pointer;
background:transparent url(closed2.gif) no-repeat scroll left center;
margin:0;
}

.separator.opened {
background:transparent url(opened2.gif) no-repeat scroll left center;
}
input.blur,select.blur,textarea.blur   {color:#888888; text-align:center;  overflow: auto; vertical-align: middle;}

.curFocus {
	background: #fdecb2;
}
 
 
 
 
 
 .thumbnail {
//background-color:#FFFFFF;
border:1px solid #DDDDDD;
color:#888888;
float:left;
font-size:11px;
height:80px;
margin:5px;
overflow:hidden;
padding:3px 3px 15px;
position:relative;
text-decoration:none;
width:100px;




-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
				

-webkit-box-shadow:3px 3px 3px #888888;
-moz-box-shadow:3px 3px 3px #888888;
box-shadow:3px 3px 3px #888888;
-o-box-shadow:3px 3px 3px #888888;
box-shadow:3px 3px 3px #888888;

cursor:pointer;
}
.thumbnail img {
vertical-align:middle;
width:100%;
float:left;
}
.thumbnail div {
height:100%;
overflow:hidden;
width:100%;
}
.thumbnail:hover {
/*background-color:#EEEEEE;*/
border:1px solid #BBBBBB;
color:#777777;

-webkit-box-shadow:4px 4px 4px #888888;
-moz-box-shadow:4px 4px 4px #888888;
box-shadow:4px 4px 4px #888888;
-o-box-shadow:4px 4px 4px #888888;
}
.thumbnail a:hover {
color:#777777;
}




.dbg{
position: absolute; z-index:99999999;  
background-color: yellow; 
//opacity: 0.7; 
border: 1px solid orange;	
width:7px; height:7px;
overflow:hidden;
display:inline;

//-webkit-border-radius:5px;
//-moz-border-radius:5px;
//border-radius:5px;

-webkit-transition: none;
}

XMP.dbg:hover {
width:auto; height:auto; opacity: 0.7;
overflow:visible;
padding:10px;
	
//-webkit-box-shadow:3px 3px 3px #888888;
//-moz-box-shadow:3px 3px 3px #888888;
//box-shadow:3px 3px 3px #888888;
}

XMP,PRE,CODE{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, начиная с 1999 года */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}






span.confirm{
color: green;
}


TD.error, span.error{
color: #FF4400;
}
DIV.error, P.error, TD.errorerror{
	color : #FF5C00;
	background-image: url(icons/warning.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 18px;
	display:block;
}
SPAN.error{
	color : #FF5C00;
	background-image: url(icons/warning.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:16px;
}
h4.error, h4.warning, p.warning{
	border: 1px solid #FF6600;
	background-color: #FFDDAA;
	color:#FF6600;
}






DIV.info, P.info{
color : #45688E;
background-color:#DAE2E8;
background-image:url("icons/info.png");
background-position:12px 8px;
background-repeat:no-repeat;
border-top:1px solid #B1BDD6;
padding:7px 7px 7px 40px;
}
P.info{
background-color:#FFFFFF;
}
h4.info{
	border: 1px solid #3297FD;
	color: #3297FD;
	background-color: #E6E9FF;
}




.green{
	color : #00FF5C;	
	background:#F8FCF9 url(ok.gif) no-repeat scroll 12px 8px;
	border:1px solid #DFF3E5;
	margin:3px 0;
	padding:7px 7px 7px 40px;
}
h4.green, p.green{
	border: 1px solid #03e289;
	background-color: #E6FFE9;
}


/* фиксим проблему с календарем jQuery */
#ui-datepicker-div {
z-index: 9999; /*must have*/
display: none;
background: #ffffff;
}


.tooltip {
background-image:url("icons/help.png");
background-position:left center;
background-repeat:no-repeat;
/*
border-bottom-style:dashed;
border-bottom-width:thin;*/
padding-left:16px;
cursor:help;
}



.attention {
color:#FF6600;
}
td.attention  {
width:8px;
}


.ellipsis{
line-height: 1.2em;
height: 1.2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
-o-text-overflow: ellipsis;
-moz-binding: url(moz_fix2.xml#ellipsis);
}
 
.moz-ellipsis > DIV:first-child{
float: left;
margin-right: -26px;
}
.moz-ellipsis > DIV + DIV{
float: right;
margin-top: -1.2em;
/*
background: url(ellipsis.png) repeat-y;
optimization for 
*/
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAsCAYAAAB7aah+AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABPSURBVHja7M07CoBADEDBKPhZvYD3v2jcYoUg2FpN4JEikJky84qIfdR6R+ks+129P7Xya+uto2WOnwYEAoFAIBAIBAKBQCAQCPQ1twADAOH0BFQVVlgmAAAAAElFTkSuQmCC") repeat-y;
padding-left: 26px;
}
.moz-ellipsis > DIV + DIV::after{
background-color: white;
content: '...';
}


A.external {
background-image:url("external.png");
background-position:right center;
background-repeat:no-repeat;
padding-right:12px;
}


.loading {
background-image:url("loading_rect.gif");
background-position:center center;
cursor:wait;
/*background-size:100%;*/
}



.vertical_text {position:absolute;}
.vertical_text span {
  text-align:center;
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* Start Hack FF */
@-moz-document url-prefix(){.serach span {top:58px;left:-58px;}}
/* hack for OPERA */
@media all and () {.vertical_text {top:100px;left:40px;}}
@media all and () {.vertical_text span {
  padding:3px 5px;left:-3px;top:8px;
  overflow:hidden;letter-spacing:10px;
  width:16px;height:24px;
}}
/* Start Hack IE6 */
*html .vertical_text span {
  padding:0 4px;writing-mode:tb-rl;filter:fliph flipv;
  left:-3px;top:8px;width:24px;height:144px;
}
/* Start Hack IE7 */
*+html .vertical_text span {left:-3px;top:8px;}
/* Start Hack IE8 */
.vertical_text span {left /*\**/: -3px\9;top /*\**/: 8px\9;}