@media screen {

* {
margin : 0;
padding : 0;
}
body {
padding-top : 0;
font : 80% "Trebuchet MS", verdana, arial, sans-serif;
background : #333;
color : #000;
}
			/*WRAP*/
#wrapper {
width : 950px;
margin : 0 auto;
border : 5px solid #fff;
background : #eee; /*url(img/sidebar.gif) repeat-y;*/
color : #666;
}
			/*HEADER*/
#header {
width : 700px;
height : 210px;
float : right;
margin : 0;
background : #b2a591 url(img/Header.jpg) no-repeat;
color : #666;
}
#digital_watch {
width : 50px;
height : 10px;
float : left;
margin-left: 18px;
}
#banner {
width : 100%;
height : 35px;
text-align: right;
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;
color : #333;
background : #369;
}
#banner a {
margin : 5px;
color : #fff;
background : inherit;
}
#banner a:hover {
color : #000;
background : inherit;
}

#login {
width : 220px;
margin : 0 0 20px 0;
background : #d1d4d7;
color : #040404;
}

#login p{
margin : 10px 20px 10px 15px;
color : #020202;
background-color : inherit;
}
			/*NAVIGATION*/
#navcontainer {
width : 220px;
margin : 0 0 20px 0;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {
display : block;
padding : 3px;
width : 197px;
border-bottom : 1px solid #eee;
background : #369;
color : #eee;
}
#navcontainer a:link, #navlist a:visited {
color : #eee;
background : #369;
text-decoration : none;
padding-left : 20px;
}

#navcontainer a:hover {
background : #036;
color : #fff;
}

#navcontainer a.active{
background : #036;
color : #fff;
}

#footer-nav a.active{
background : #036;
color : #fff;
}

.active-button {
    background-color:   #808080;
    font: 17px Tahoma, sans-serif;
    color:  #ffffff;
}

#navlist.current a{
background-color : #036;
color : #fff;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 220px;
padding : 0;
margin : 0;
border-top : 1px solid #fff;
font-size : 100%;
line-height : 1.8em;
background : #d1d4d7;
color : #333;
}
			/*CONTENT*/
#content {
float : left;
width : 700px;
margin : 20px 0 0 20px;
line-height : 1.8em;
}
			/*FOOTER*/
#footer {
clear : both;
width : 700px;
margin-left : 240px;
padding-left : 5px;
text-align : left;
border-top : 5px solid #336699;
}

#footer-nav a{
margin : 10px 2px 10px 1px;
}

#captcha_text {
margin-left:5px;
}

#captcha_img {
margin-top:0px;
}
			/*TYPOGRAPHY*/
p {
margin : 10px 20px 10px 15px;
color : #4b4b4b;
background-color : inherit;
}

h1 {
margin : 0;
padding : 20px;
font-size : 200%;
letter-spacing : 5px;
color : #000;
background : inherit;
}
h2 {
margin : 0 0 0 15px;
padding : 0;
font-size : 120%;
letter-spacing : 5px;
text-transform : uppercase;
color : #333;
background : inherit;
}
h3 {
margin : 10px 0 10px 15px;
padding : 0 0 3px 3px;
text-transform : uppercase;
font-size : 120%;
letter-spacing : 5px;
color : #036;
background : inherit;
}
blockquote {
margin : 10px 20px 10px 15px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*CLASS*/
.img {
margin : 0 0 10px 0;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #eee;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}
			/*LINKS*/
a.menu, a.menu:visited {
text-decoration : none;
color : #369;
background : inherit;
}
a.menu:hover {
color : #333;
background : inherit;
}

a.menu img {
border : none;
}

a.reg:link{
color: black;
text-decoration: none;
}

a.reg:hover{
color: #40bf79;
text-decoration: none;
}

a.reg:visited	{ color:#999966 }
a.reg:active	{ color:#999966 }

   A:link { 
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   } 
   A:visited {color:#070ef8; text-decoration: none; } 
   A:active { text-decoration: none; }
   A:hover {
    text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */
    color: red; /* Цвет ссылки */
	font-weight: bold;
   } 

table.orders {
	border-width: thin;
	border-spacing: 0px;
	border-style: inset;
	border-color: gray;
	border-collapse: separate;
	background-color: rgb(250, 240, 230);
	text-align: center;
	width: 80%;
	margin: auto;
}
table.orders th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
table.orders td {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
table.message {
	border-width: thin;
	border-spacing: 0px;
	border-style: inset;
	border-color: gray;
	border-collapse: separate;
	background-color: rgb(250, 240, 230);
	text-align: center;
	width: 90%;
	margin: auto;
}
table.message th {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
table.message td {
	border-width: 1px;
	padding: 1px;
	border-style: outset;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
h3.alert{
	color : #ff0000;
}

h3.pass{
	color : #00ff00;
}

select.orders{
	width: 80%;
	font-size: 10px;
	line-height: 1;
	margin-left :10%;
   -webkit-appearance: none;
}

div.wrapper {
width:450px;
}
div.left_block {
float:left;
width:200px;
}
div.right_block {
float:right;
width:200px;
}
#submit {
 color: #fff;
 font-size: 5;
 width: 135px;
 height: 60px;
 border: none;
 margin: 0;
 padding: 0;
 background: #0c0 url(image) 0 0 no-repeat; 
}

table.calendar, table.calendar caption, table.calendar td.in_month {	border: 1px solid black; background-color: #FFFFCC;  text-align: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
table.calendar td.in_month {  width:18px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
table.calendar td.selected {  background-color: yellow; FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
table.calendar a {	display: block; 	font-weight: bold; 	text-decoration: none; 	color: #0000ff;  text-align: center; FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
table.calendar caption a { 	display: inline;  FONT-WEIGHT: normal; FONT-SIZE: 8pt;  COLOR: red;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

#img.dealer{
	margin: 50px,50px,0px,0px;
}
#page-wrap						{ background: white; width: 700px; margin: 0 auto;padding: 1px 0; } 
#slider							{ background: white url(../img/Header.jpg); height: 210px; overflow: hidden;
								  position: relative; margin: 1px 0; }
								  
                                /* slider-bg.jpgDEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 700px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #FF0000; }
.slide p						{ background-color: #369;color: #ffffff; font-size: 12px; line-height: 22px; width: 220px; }
.slide img						{ position: absolute; top: 20px; left: 300px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

.imgpad
{ margin: 0px 7px 0px 7px ;}

.s_server {
	width: 100px;
}

* {
	font-family:arial,sans-serif;
	font-size:10pt;
}
.GlobalTableDiv {
	width:650px;
	margin-top:3px;
	border:1px solid #505050;
}
.DivHeader {
	background:#f1f1f1;
	width:100%;
	border-bottom:1px solid #c0c0c0;
}
.DivCont {
	height:104px;
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}
.TableFix {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.TableFix td, .TableFix th {
	padding:2px 4px;
	border-left:1px solid #c5c5c5;
	border-bottom:1px solid #EDEDED;
}
.TableFix th {border-bottom:0;}
.TableFix td:first-child, .TableFix th:first-child {border-left:0;}
.c1 {width:10%;}
.c2 {width:20%;}
.c3 {width:20%;}
.c4 {width:50%;}

.schet { font-size:12pt; }
.moneyfnt {font-size:15pt;color:#066209;}
.username {font-size:13pt;color:#120583;}

.holder	{ width:200px; float:left; }
#add,#remove	{ display:block; width:100px; border:1px solid #ccc; background:#eee; padding:10px; }
.mselect	{ margin:0 0 10px 0; width:150px; font:12px tahoma; padding:1px; height:100px; }
.moption	{ padding:5px; }

.keyb	{ margin:10px 10px 10px 10px;float:left; }

#summa {
	 font-family: Verdana, sans-serif;
	 font-weight:bold;
}

a.first_page_link:link, a.first_page_link:visited {
    border: 1px solid #808080;
    text-align: center;
    height: 20px;
    padding: 4px 9px 4px 9px;
    font: 14px Arial,Helvetica,sans-serif;
    border-radius: 3pt;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.num_page_not_link {
    font: 14px Arial,Helvetica,sans-serif;
    color: #0000ff;
    border-bottom: 2px solid #0000ff;
    text-align: center;
    height: 18px;
    padding: 4px 10px 4px 10px;
}

.table_dark {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 14px;
  width: 640px;
  text-align: left;
  border-collapse: collapse;
  background: #252F48;
  margin: 10px;
}
.table_dark th {
  color: #EDB749;
  border-bottom: 1px solid #37B5A5;
  padding: 12px 17px;
}
.table_dark td {
  color: #CAD4D6;
  border-bottom: 1px solid #37B5A5;
  border-right:1px solid #37B5A5;
  padding: 7px 17px;
}
.table_dark tr:last-child td {
  border-bottom: none;
}
.table_dark td:last-child {
  border-right: none;
}
.table_dark tr:hover td {
  text-decoration: underline;
}

a.row_link:link, a.row_link:visited {
    border: 1px solid #f6f6f6;
    text-align: center;
    height: 20px;
    padding: 4px 9px 4px 9px;
    font: 14px Arial,Helvetica,sans-serif;
    border-radius: 3pt;
    text-decoration: none;
    color: #fefff7;
    font-weight: bold;
    text-decoration: none;
}
}
#editdealer{
    width: 200px; /* Ширина списка в пикселах */
   }

@media print {
	html, body{
		height: 297mm;
		width: 210mm;
	}
}

@page {
	margin: 20mm 15mm 20mm 30mm;
}

@media print {
	*, *:before, *:after { 
		color: #000;
		box-shadow: none;
		text-shadow: none;
	}
}

@media print {
	html, body {
		font-size: 14px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
}

@media print {
	.header, .footer, .banner {
		display: none;
	}
}

@media print {
	.wrapper {
		width: auto;
		margin: 0;
		padding: 0;
	}
}

@media screen { 
	.noprint {
		display: none;
	} 
}
@media print{
	.element {
		display: block;
	} 
}
.search{
    position:relative;
}

.search_result{
    background: #FFF;
    border: 1px #ccc solid;
    width: 100px;
    border-radius: 4px;
    max-height:60px;
    overflow-y:scroll;
    display:none;
}

.search_result li{
    list-style: none;
    padding: 5px 10px;
    margin: 0 0 0 0px;
    color: #0896D3;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition:0.3s;
}

.search_result li:hover{
    background: #F9FF00;
}