/*
//DIADM JQUERY-FEEDBACK PLUGIN
//VERSION 1.0
//2013-06-20
*/


.popup_window {position: fixed; z-index: 99; visibility: hidden; width: 100%; height: 100%; top:0; left:0;}
.fform_bg {position: absolute; z-index: 1; width: 100%; height: 100%; top:0; left:0; background: #000; opacity: 0.6}
.fform {position: fixed; z-index: 2; top:50%; left:50%; padding: 20px; /*width: 600px; height: 600px;*/ margin:-300px 0 0 -300px; background: #fff;
		/*CSS3 form styles*/ border-radius: 18px;}
.fform h2#title {line-height: 20px; padding-bottom: 25px;}
.fform .fform-data {min-width: 200px; min-height: 200px;}
/*.fform .tl {background: url('imgs/tl.png') no-repeat 0 0; position: absolute; top:-48px; left:-48px; width: 48px; height: 48px; }
.fform .bl {background: url('imgs/bl.png') no-repeat 0 0; position: absolute; bottom:-48px; left:-48px; width: 48px; height: 48px;}
.fform .tr {background: url('imgs/tr.png') no-repeat 0 0; position: absolute; top:-48px; right:-48px; width: 48px; height: 48px; }
.fform .br {background: url('imgs/br.png') no-repeat 0 0; position: absolute; bottom:-48px; right:-48px; width: 48px; height: 48px;}
.fform .l {background: url('imgs/l.png') repeat-y; position: absolute; top:0; left:-48px; width: 48px; height: 100%;}
.fform .r {background: url('imgs/r.png') repeat-y; position: absolute; top:0; right: -48px; width: 48px; height: 100%;}
.fform .t {background: url('imgs/t.png') repeat-x; position: absolute; top:-48px; left:0; width: 100%; height: 48px;}
.fform .b {background: url('imgs/b.png') repeat-x; position: absolute; bottom:-48px; left:0; width: 100%; height: 48px;}*/

.fform .ffbtnclose, .fform .ffbtnprint{position: absolute;  top:20px; width: 22px; height: 22px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.fform .ffbtnclose:hover, .fform .ffbtnprint:hover {opacity: 1;}
.fform .ffbtnclose {right: 20px; background-image: url('imgs/btn_close.png');}
.fform .ffbtnprint {right: 62px;  top:19px; width: 24px; height: 24px; background-image: url('imgs/btn_print.png');}
.fform form {font-size: 16px !important;}
.fform .msg_ok, .fform .success {display: none; font-size: 24px; text-align: center; padding:30px; color:#20b820; font-weight: bold; font-style: italic;}
.redborder, .blink_red {border:1px solid red !important;}
.fform .red_disabled {background: red !important; cursor: wait; }




/*примеры стилей для формы*/
.feedback1 {text-align: left; }
.feedback1 div.line {margin:0 0 10px 0;}
.feedback1 div.line .title {color:#666; font-size: 16px; margin:8px 0 0 0; text-align: left;}
.feedback1 div.line .desc {color:#999; font-size: 14px; margin:8px 0 0 0; text-align: left;}
.feedback1 div.line input[type=text],.feedback1 div.line input[type=file] {border-radius: 5px; border:1px solid #5F8DBB; width:95%; height: 22px; padding:2px 8px; font-size: 18px; box-shadow: inset 1px 1px 2px #b58b8b; background: #f7f7f7}
.feedback1 div.line select {border-radius: 3px; border:1px solid #5F8DBB; width:100%; height: 28px; padding:2px 8px; font-size: 18px; background: #f7f7f7}
.feedback1 div.line input[type=file] {height: 32px; font-size: 16px; width: 98%;}
.feedback1 div.line textarea {border-radius: 5px; border:1px solid #5F8DBB; width:95%; height: 120px; padding: 8px; font-size: 18px; box-shadow: inset 1px 1px 2px #b58b8b; background: #f7f7f7 }
.feedback1 div.line input[type=text]:focus, .feedback1 div.line input[type=file]:focus, .feedback1 div.line textarea:focus {border:1px solid #993d3d;box-shadow: inset 1px 1px 3px #8c6464; background: #fff;}
.feedback1 div.line input[type=button], .feedback1 div.line input[type=submit] {opacity: 0.9; background-image: -o-linear-gradient(top, #d65454, #d65454); color:#fff; display: inline-block; text-align: center; vertical-align: middle; cursor:pointer; color:#000;border: 1px solid rgb(158, 158, 158);
              -moz-user-select: -moz-none; -o-user-select:none;  -khtml-user-select: none;  -webkit-user-select: none;  user-select: none; border-radius: 5px; height: 38px; width:255px; margin-right: 12px; font-size: 20px;}
.feedback1 div.line input[type=button]:hover, .feedback1 div.line input[type=submit]:hover {opacity:1; color:#fff; box-shadow:1px 1px 5px #999; border: 1px solid rgb(128, 128, 128);}
.feedback1 div.line .caption {color:#333;margin:16px 0 0 0; text-align: left; font-style: italic; font-size: 20px; border-bottom:1px solid #5F8DBB}

.feedback1 table {padding: 0; border-collapse: collapse;}
.feedback1 table td {vertical-align: top; padding: 0 10px;}
.feedback1 .send {text-align: right;}
.feedback1 .send {border-radius:5px; border:1px solid #5F8DBB; background-color:#5F8DBB; color:#fff; font-size: 20px; display: inline-block; text-align: center; padding: 10px; min-width:250px; margin-top:15px; cursor:pointer }
.feedback1 .send:hover {background: #20b820;}


@media screen {
	.print_bg {position: absolute; z-index: 100; width: 100%; height: 100%; top:0; left:0; background: #fff; opacity: 0,9}
	.loading_bar {position: absolute; width:260px;  height: 56px;  top:50%; left:50%; margin:-28px 0 0 -130px; background: url('imgs/loading.gif') no-repeat center bottom; text-align: center; color:#999; font-size: 14px; font-family: "Segoe UI",Arial}
}

@media print{
	body {background: none; min-height: 100mm; background-color: #fff; background-image: none;}
/*	.site_content {display:none}*/
	.popup_window {position: static; visibility: visible; width: 100%; height: auto; }
	.fform_bg {display: none}
	.fform {position: static; display: block; margin:8mm !important; padding: 0; background: none; background-image: none; background-color: #fff;border-radius:0;}
	.fform div.success {display: none}
	.fform h2#title {line-height: normal;}
	.fform { top:0 !important; left:0 !important; }

	.fform-data {height: auto; width: auto; overflow: visible !important;}
	.noprint, .no-print {display: none;}
	.fform .ffbtnclose, .fform .ffbtnprint {display: none}
	.fform-data:before{content:"www.kss-tmn.ru"}
	.print_bg {display: none;}
}