/* CSS Document */
body, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#ffffff;
	height:100%;
	}
	
	
/* global styles */
img { border:none; }
p {	margin:10px 0 10px 0;	padding:0; }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; color:#005284; margin:5px 0 5px 0; padding:0; }
h1 { font-size:24px; font-weight:normal; }
h2 { font-size:21px; font-weight:normal; }
h3 { font-size:12px; font-weight:normal; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
.clear { clear:both; }
.text { display:table; width:100%; color:#666666; text-align:justify; }
hr {
	height:1px;
	border:none;
	color:#6d6d70;
	background:#6d6d70;
	}

#HTMLBlock { min-width:1000px; }
/* for IE6 */
* html #HTMLBlock { padding-left:1000px; }
* html #HTMLBlockMinWidth { height:0; }
* html #HTMLBlockContent { margin-left:-1000px;position:relative; height:0; }
/* end */

/* Убираем пунктиры вокруг ссылок-картинок */
/* IE */
a:active, a:focus, img { outline:none; }
/* FF */
:focus{ -moz-outline-style:none; }

/* Стандартные ссылки */
a:link, a:active, a:visited {
	color:#000000;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
	
table#layout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-collapse:collapse;
	background:#ffffff;
	}
	
table#login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-collapse:collapse;
	background:#ffffff;
	margin-left:20px
	}
	
div#logon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-collapse:collapse;
	background:#ffffff;
	margin-left:20px
	}	
	
#title  div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#F2F2F2;
	float:left;
	margin-right:4px; 
	margin-bottom:4px; 
	width:22%;
	height:20px;
	padding-top:4px;
	border-top: 1px dashed #C8D1DB;
	border-bottom: 1px dashed #C8D1DB;
	}
* html #title  div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#F2F2F2;
	float:left;
	margin-right:4px; 
	margin-bottom:4px; 
	width:22%;
	height:24px;
	padding-top:4px;
	border-top: 1px dashed #C8D1DB;
	border-bottom: 1px dashed #C8D1DB;
	}	
	
.list  {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px #DEDEDE solid;
	font-size:12px;
	background:white;
	margin-top:0px;
	height:20px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:0px;
	}
	
.orderlist  {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px #DEDEDE solid;
	font-size:12px;
	background:white;
	margin-top:0px;
	height:auto;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:0px;
	}
	
#ordfld1  {width:23%;margin-bottom:5px;color:#333333;font-size:14px;}
#ordfld2  {float:left;width:80%;color:gray;margin-bottom:5px;}
*html #ordfld2  {float:left;width:80%;color:gray;margin-bottom:0px;}

#field1  {float:left;width:23%;}
#field2  {float:left;width:23%;}
#field3  {float:left;width:23%;}
.del 	{float:right;width:50px; padding: 2px 2px; display:block;}
.change  {float:right;width:50px; padding: 2px 2px;display:block;}

.list      a                   { padding: 3px 4px;   text-decoration: none; font-size: 11px; font-family: "tahoma";}
.list      a:visited   { padding: 3px 4px;  text-decoration: none;  font-size: 11px; font-family: "tahoma";}
.list      a:hover       { color: #fff; background: #3978c4; text-decoration: none; font-size: 11px; font-family: "tahoma";}

.orderlist      a                   { padding: 3px 4px;   text-decoration: none; font-size: 11px; font-family: "tahoma";}
.orderlist      a:visited   { padding: 3px 4px;  text-decoration: none;  font-size: 11px; font-family: "tahoma";}
.orderlist      a:hover       { color: #fff; background: #3978c4; text-decoration: none; font-size: 11px; font-family: "tahoma";}
	 
	 
#layout td {
	padding:0;
	vertical-align:top;
    border:none;
	}

#leftColumn {
	width:250px;
	}

#logotype {
	text-align:center;
	padding:30px 0px;
	color:#6d6d70;
	font-size:11px;
	background:#ffffff;
	line-height:11px;
	}
#leftMenu {
	height:500px;
	}
#leftMenu ul {
	margin:0;
	padding:13px 0px;
	list-style:none;
	}
#leftMenu ul li {
	padding-left:34px;
	background:url(/i/menu0.jpg) left 4px no-repeat;
	padding-bottom:12px;
	}
#leftMenu ul li a:link, #leftMenu ul li a:active, #leftMenu ul li a:visited {
	color:#ffffff;
	text-decoration:none;
	}
#leftMenu ul li a:hover {
	text-decoration:none;
	font-weight:bold;
	}
#leftMenu ul li ul {
	margin-left:-16px;
	}
#leftMenu ul li ul li {
	padding-left:16px;
	padding-top:3px;
	padding-bottom:3px;
	background:url(/i/menu1.gif) left 7px no-repeat;
	}
	
#leftMenu ul li ul li a:link, #leftMenu ul li ul li a:active, #leftMenu ul li ul li a:visited {
	color:#c4c4c4;
	text-decoration:none;
	}
	
#leftMenu ul li ul li a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	padding-left:3px;
	}

td#centerColumn {

	background:#ffffff;
	padding:20px;
	}
	
.links {
	width:49%;

	float:left;
	min-height:186px;

	height:185px;
	background:url(/i/linksBlockBG.jpg) left top no-repeat;
	color:#6d6d70;
	}
	
.links .text {
	padding:20px 35px;
	display:block;
	width:auto;
	}
.links h5 {
	font-weight:normal;
	color:#007dc5;
	background:url(/i/linksTitle.gif) left top no-repeat;
	display:block;
	line-height:17px;
	height:17px;
	margin:0;
	padding-left:20px;
	}
.links ul {
	margin:10px 0px;
	padding:0;
	list-style:none;
	}
.links ul li {
	display:block;
	border-bottom:dotted 1px #d2d2d2;
	padding:3px 0px;
	}
.links a:link, .links a:active, .links a:visited {
	color:#6d6d70;
	text-decoration:none;
	display:block;
	background:url(/i/marker.gif) 7px 4px no-repeat;
	padding-left:23px;
	}
.links a:hover {
	color:#007dc5;
	}
#content {
	padding:0px 20px 20px 20px;
	}




#rightColumn {
	width:20%;
	background:#ffffff url(/i/rightColumnBG.gif) left top repeat-y;

	}
.sysLinks {
	height:30px;
	text-align:center;
	font-size:0px;
	background:#ffffff url(/i/sysLinksBG.jpg) left top no-repeat;
	}
.sysLinks a:link, .sysLinks a:active, .sysLinks a:visited, .sysLinks a:hover {
	display:inline-block;
	margin:0px 12px;
	}
.sysLinks img {
	width:19px;
	height:19px;
	}
.newsBlock {
	background:url(/i/newsBG.gif) left top repeat-x;
	min-height:280px;
	height:auto !important;
	height:280px;
	}
.newsBlockBG {
	background:url(/i/newsBG.jpg) left top no-repeat;
	min-height:280px;
	height:auto !important;
	height:280px;
	padding:80px 15px 10px 15px;
	}
.newsBlockBG2 {
	background:url(/i/newsBG2.jpg) left top no-repeat;
	min-height:380px;
	height:auto !important;
	height:380px;
	padding:80px 15px 10px 15px;
	}
.newsBlock h1 {
	text-transform:uppercase;
	color:#005284;
	font-weight:normal;
	}
.newsBlock h6 {
	text-transform:uppercase;
	color:#007dc5;
	margin-top:20px;
	background:url(/i/newsDate.gif) 55px 5px no-repeat;
	padding-right:12px;
	}
.newsBlock a:link, .newsBlock a:active, .newsBlock a:visited {
	margin-bottom:20px;
	display:block;
	}
.newsBlock a:hover {
	}
a.allNews:link, a.allNews:active, a.allNews:visited {
	display:inline-block;
	padding:5px 10px;
	margin:20px 0px;
	background:#005284 url(/i/readMore.gif) left top no-repeat;
	color:#ffffff;
	text-decoration:none;
	display:inline;
	}
a.allNews:hover {
	}

.cMenu {
	clear:both;
	display:table;
	padding:0px 0px 20px 0px;
	}
.cMenu ul {
	margin:10px 0px;
	padding:0;
	list-style:none;
	}
.cMenu ul li {
	float:left;
	width:50%;
//	width:49%;
	padding:5px 0;
	}
	
.cMenu a:link, .cMenu a:active, .cMenu a:visited {
	color:#005284;
	padding-left:15px;
	background:url(/i/cMenu.gif) left 3px no-repeat;
	}
.cMenu a:hover {
	}

.copy {
	border-top:solid 1px #000000;
	padding:15px 0px;
	color:#6d6d70;
	margin-top:30px;
	}


.flash {
	padding:0px 2px 10px 1px;
	}
	
#path {
    font-size:10px;
}	

#path a{
    font-size:10px;
	text-decoration:underline;
}

#path a:hover{
    font-size:10px;
	text-decoration:none;
}

#tab1 {
    border-top:1px solid #0D73B0;
    border-left:1px solid #0D73B0;		
}	

#tab1 td{
    border-bottom:1px solid #0D73B0;
    border-right:1px solid #0D73B0;
	padding:3px;	
}

/* TABS */


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/i/tabs.png) no-repeat -420px 0px;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;	text-decoration:none; background-position: -420px -62px;	
}


/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}