#rotateText {
	
   writing-mode: tb-rl;
   transform:rotate(180deg);
   text-align:center;	 
     /*-webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg);
     text-align:center;	 
     width: 30px; 
     height: 200px; /* высота блока */
}
.iconSave {
  border: 0;
  padding: 0;
  margin: 0;
  background: url('/images/s_save.png') no-repeat;
  width: 20px;
  height: 20px;
}
#iconSave {
  border: 0;
  padding: 0;
  margin: 0;
  background: url('/images/s_save.png') no-repeat;
  width: 20px;
  height: 20px;
}
#SentMail {
  border: 0;
  padding: 0;
  margin: 0;
  background: url('/images/mail.jpg') no-repeat;
  width: 68px;
  height: 53px;
}
#SentMailSmall {
  border: 0;
  padding: 0;
  margin: 0;
  background: url('/images/mailSmall.jpg') no-repeat;
  width: 26px;
  height: 20px;
}
#iconDelete {
  border: 0;
  padding: 0;
  margin: 0;
  background: url('/images/s_delete.png') no-repeat;
  width: 24px;
  height: 17px;
}
#cwdm a
{
	font-family: 'Amarante', Tahoma, sans-serif;
	display:block;
	width: 100%; 
	height: 100%;
}
#table222 table{ 
width: 1000px; 
margin:50px auto;
padding: 0;
}
#table222 th { 
background: #3498db; 
color: white; 
font-weight: bold; 
}
#table222 td, th { 
font-weight:bold;
padding:10px;
text-align:left;
font-size:18px;
}
.labelsQQ tr td {
background-color: #f0fff0;
font-weight: bold;
color: #000;
}
.labelsZZ tr td {
color: #000;
}

.labels2 tr td {
background-color: #ffff00;
font-weight: bold;
color: #000;
}
.labels1 tr td {
background-color: #b0ffb0;
font-weight: bold;
color: #000;
}
.labels3 tr td {
background-color: #ff8080;
font-weight: bold;
color: #000;
}
.labels4 tr td {
background-color: #707070;
font-weight: bold;
color: #000;
}
.label tr td label {
display: block;
font-weight: bold; 
padding: 10px; 
text-align: left; 
font-size: 18px;
}
.hide{
display: none;
}	
.show{
display: block;
}	
[data-toggle="toggle"] {
display: none;
}


#ttat table {
    width: 50%;
    caption-side: bottom;
    border: 3px solid #006400;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ADFF2F;
   }
#ttat tr:hover {
    background: #fbd8e9;   
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     	
	}
#ttat th {
    font-size: 13px;
    font-weight: bold;
    background: #ADFF2F;
    border-top: 3px solid #006400;
    border-bottom: 2px solid #FF8C00;
    color: #039;
    padding: 3px;
   }
#ttat tr {
    border-bottom: 1px solid #FF8C00;
   }
#ttat thead {
    font-size: 13px;
    background: #E0FFFF;
    border-bottom: 1px solid #FF8C00;
    border-top: 1px solid transparent;
    padding: 3px;
}
#ttat tbody {
    font-size: 12px;
    background: #F0FFFF;
    border-bottom: 1px solid #FF8C00;
    border-top: 1px solid transparent;
    padding: 10px;
	color: #888888;
	font-weight:normal; 
   }
#ttat select:invalid:not(:focus) {
  color: #000;
  background:#369;
}
#ttat select:invalid:focus {
  color: transparent;
  background:#E0FFFF;
}
#ttat select:focus option {
  color: initial;
  background:#E0FFFF;
}
#ttat select {
  color:#000;
  background:#E0FFFF;
}
#ttat option{
    font-size: 12px;
  color:#000;
  background:#E0FFFF;
}
#ttat label {
	width: 100%;
	height: 100%;
	display: block;
}   
   

#upload{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload0{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status0{
	font-family:Arial; padding:5px;
}
ul#files0{ list-style:none; padding:0; margin:0; }
ul#files0 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files0 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload1{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status1{
	font-family:Arial; padding:5px;
}
ul#files1{ list-style:none; padding:0; margin:0; }
ul#files1 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files1 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload2{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status2{
	font-family:Arial; padding:5px;
}
ul#files2{ list-style:none; padding:0; margin:0; }
ul#files2 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files2 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload3{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status3{
	font-family:Arial; padding:5px;
}
ul#files3{ list-style:none; padding:0; margin:0; }
ul#files3 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files3 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload4{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status4{
	font-family:Arial; padding:5px;
}
ul#files4{ list-style:none; padding:0; margin:0; }
ul#files4 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files4 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload5{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status5{
	font-family:Arial; padding:5px;
}
ul#files5{ list-style:none; padding:0; margin:0; }
ul#files5 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files5 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload6{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status6{
	font-family:Arial; padding:5px;
}
ul#files6{ list-style:none; padding:0; margin:0; }
ul#files6 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files6 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload7{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status7{
	font-family:Arial; padding:5px;
}
ul#files7{ list-style:none; padding:0; margin:0; }
ul#files7 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files7 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload8{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status8{
	font-family:Arial; padding:5px;
}
ul#files8{ list-style:none; padding:0; margin:0; }
ul#files8 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files8 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload9{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status9{
	font-family:Arial; padding:5px;
}
ul#files9{ list-style:none; padding:0; margin:0; }
ul#files9 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files9 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }

#upload10{
	margin:10px 30px; padding:10px;
	font-weight:bold; font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:140px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status10{
	font-family:Arial; padding:5px;
}
ul#files10{ list-style:none; padding:0; margin:0; }
ul#files10 li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files10 li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }


select:invalid:not(:focus) {
  color: gray;
}
select:invalid:focus {
  color: transparent;
}
select:focus option {
  color: initial;
}


 .form_style #contentText {
                            border: 1px solid #CCCCCC;
                            border-radius: 5px;
                        }
                        .form_style #FormSubmit {
                            display: block;
                            background: #003366;
                            border: 1px solid #000066;
                            color: #FFFFFF;
                            margin-top: 5px;
                        }
                        #responds{
                            margin: 0px;
                            padding: 0px;
                            list-style: none;
                        }
                        #responds li{
                            list-style: none;
                            padding: 10px;
                            background: rgb(182, 232, 255);
                            margin-bottom: 5px;
                            border-radius: 5px;
                            max-width: 400px;
                            font-family: arial;
                            font-size: 13px;
                            border: 1px solid #adaa9f;
                            border-radius:10px;
                            -webkit-border-radius:10px;
                            -moz-border-radius:10px;
                            -ms-border-radius:10px;
                            -o-border-radius:10px;
                            -khtml-border-radius: 10px;
                        }
                        .del_wrapper{float:right;}
                        .content_wrapper {
                            max-width: 400px;
                            margin-right: auto;
                            margin-left: auto;
                        }