@charset "windows-1251";

img {border: 0;}

html {
		min-width: 900px;
}

body{

	font-family: Arial, Geneva, sans-serif;

	font-size: 13px;

	margin: 30px 10% 0 10%;
	


	background-color:#FFFFFF;

}

table, tr, td {

	vertical-align: top;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

}



td.td-content {



	padding-right: 20px;

	padding-left: 20px;	

}



h1, h2, h3, h4 {

	font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#bc0826;

	font-weight: normal;

	line-height: 1.2;



}

h1 {
	font-size: 34px;
}

h2 {
	font-size: 24px;
}




.body_div {



	margin: 30px 10%;

	#margin: 10px auto;

}



/* Menu */



    ul

    {

        padding: 0;

		margin: 10px, 0, 0, 0;

    }



    #services li

    {

        padding: 0;

        margin: 0 2em 1em 0;

        float: left;

        list-style-type: none;

        position: relative;
        
        font-size: 16px;

    }

/* Всем не угодить. Ставим на место подменю в Хроме  */

@media all and (-webkit-min-device-pixel-ratio:0) {

   

   body:first-of-type #services li

    {

        padding: 0;

        margin: 0 2em 0em 0;

        float: left;

        list-style-type: none;

        position: relative;

    }

   

}



/* Лиса огорчает. Слишком далеко меню уползает.  */

@-moz-document url-prefix() {	

    #services li

    {

        padding: 0;

        margin: 0 2em 0em 0;

        float: left;

        list-style-type: none;

        position: relative;

    }

}



    #services a.menu_link

    {

		color:#636363;

		font-size: 14px;

		font-weight:bold;

        padding: 0 0 0 18px;

        display: block;

        position: relative;

        text-decoration: none;

		border:none;

        z-index: 2;

    }

    #services a:hover.menu_link, a:focus.menu_link

    {

		outline:0;

		color:#000000;

		font-size: 14px;

		font-weight:bold;

        padding: 0 0 0 18px;

        display: block;

        position: relative;

        text-decoration: none;

        z-index: 2;

    }	

    #services b

    {

		color:#000000;		

		font-size: 14px;

		font-weight:bold;

        padding: 0 0 0 18px;

        display: block;

        position: relative;

        text-decoration: none;

        z-index: 2;

    }	

    /* этот элемент нужен для решения проблемы перезагрузки фоновых изображений в IE */

    #services i

    {

        position: absolute;

        z-index: 1;

        left: 0;

        top: -12px;

        width: 16px; height: 16px;

        margin-top: 0.7em;

        background: url('/img/menu.gif') no-repeat;

    }



    #menu i { background-position: 0px 0; }

    #nowhere i { background-position: -32px 0; }

    #submenu i { background-position: -16px 0; }	

	





#price_services li

    {

        padding: 0;

        margin: 0px 0em 0px 0;

        float: left;

        list-style-type: none;

        position: relative;

    }



    #price_services a.menu_link

    {

		font-family: Verdana, Geneva, sans-serif;

		color:#636363;

		font-size: 10px;

		font-weight:none;

        padding: 0 0 0 16px;

        display: block;

        position: relative;

        text-decoration: none;

		border:none;

		outline: none;

        z-index: 2;

    }

    #price_services a:hover.menu_link, a:focus.menu_link

    {

		color:#000000;

		font-size: 10px;

		font-weight:none;

        padding: 0 0 0 16px;

        display: block;

        position: relative;

        text-decoration: none;

        z-index: 2;

    }	

    #price_services b

    {

		color:#000000;		

		font-size: 10px;

		font-weight:bold;

        padding: 0 0 0 16px;

        display: block;

        position: relative;

        text-decoration: none;

        z-index: 2;

    }	

    /* этот элемент нужен для решения проблемы перезагрузки фоновых изображений в IE */

    #price_services i

    {

        position: absolute;

        z-index: 1;

        left: 0;

        top: -12px;

        width: 16px; height: 16px;

        margin-top: 0.7em;

        background: url('/img/menu.gif') no-repeat;

    }



    #price_menu i { background-position: 0px 0; }

    #price_nowhere i { background-position: -32px 0; }	



.align_center

{

position: relative;

width: 100%;

}

.align_center:after

{

content: '';

display: block;

clear: both;

}

.align_center_to_left

{

position: relative;

right: 50%;

float: right;

}

.align_center_to_right

{

position: relative;

z-index: 1;

right: -50%;

}	



.framed_hidden,

.framed_hidden .f_r,

.framed_hidden .f_b,

.framed_hidden .f_l,

.framed_hidden .f_c

{



float: left;

position: relative; z-index: 1;

width: auto; height: auto;

max-width: 200px;

margin: 0; padding: 0;

}

.framed_hidden .f_tt,

.framed_hidden .f_rr,

.framed_hidden .f_bb,

.framed_hidden .f_ll

{

display: none;

}

.framed_hidden

{



font-size:xx-small;

visibility:hidden;	

margin: 0 30px 15px 0;

background: url('/img/hint-t.png') no-repeat left top;

//background: none;

}



.framed_hidden .f_r

{

left: 30px;

background: url('/img/hint-r.png') no-repeat right top;

//background: none;

}

.framed_hidden .f_b

{

top: 30px;

background: url('/img/hint-b.png') no-repeat right bottom;

//background: none;

}

.framed_hidden .f_c

{

float: none;

position: relative;

left: 30px; top: -15px;

padding: 1px 0; margin: 0 30px 0 0;

background: #fffcb8;

}

.framed_hidden .f_l

{

left: -30px;

padding: 15px 0;

background: url('/img/hint-l.png') no-repeat left bottom;

//background: none;

}

* html .framed_hidden .f_r,

* html .framed_hidden .f_b,

* html .framed_hidden .f_l

{ height: 0; }

* html .framed_hidden .f_tt,

* html .framed_hidden .f_rr,

* html .framed_hidden .f_bb,

* html .framed_hidden .f_bb *,

* html .framed_hidden .f_ll,

* html .framed_hidden .f_ll *

{

display: block;

position: absolute;

left: 0; top: 0;

}

* html .framed_hidden .f_tt

{

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/hint-t.png,sizingMethod=crop);

}

* html .framed_hidden .f_rr

{

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/hint-r.png,sizingMethod=crop);

}

* html .framed_hidden .f_tt,

* html .framed_hidden .f_bb

{

width: expression( parentNode.offsetWidth ); height: 30px;

}

* html .framed_hidden .f_rr,

* html .framed_hidden .f_ll

{

width: 30px; height: expression( parentNode.offsetHeight );

}

* html .framed_hidden .f_bb,

* html .framed_hidden .f_ll

{

overflow: hidden;

}

* html .framed_hidden .f_bb *

{

width: 3000px; height: 30px;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/hint-b.png,sizingMethod=crop);

}

* html .framed_hidden .f_ll *

{

width: 30px; height: 3000px;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/hint-l.png,sizingMethod=crop);

}

/* Исправляем неправильный расчет позиции при "нечетной ширине" */

* html .framed_hidden .f_rr,

* html .framed_hidden .f_bb *

{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }

* html .framed_hidden .f_ll,

* html .framed_hidden .f_ll *,

* html .framed_hidden .f_bb,

* html .framed_hidden .f_bb *

{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }



.thumbnails

{

/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */

margin: -2em 0 0px -2em;



/* Выравнивание по центру */

text-align: center;

}



.thumbnail

{

/* Убираем подчеркивание у элемента ins,

который был использован для совместимости со старыми версиями Internet Explorer */

text-decoration: none;



/* Следующее правило для Firefox 2 */

display: -moz-inline-box;



/* а это для остальных */

display: inline-block;



vertical-align: top;



/* Убираем выравнивание по центру */

text-align: center;



/* Отступы между блоками */

margin: 3em 2em 0 3em;

}



.thumbnail .r

{

/* Если есть необходимость, то свойства padding, border, background и position со значением relative

лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */



/* Задаем минимальную ширину по тексту */

width: auto;

text-align:center;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */



}





.price_ball_red

{

	height:22px;

	padding: 0 10px 0 10px;

vertical-align: middle;

	font-size: 10px;

	background: url('/price_images/red_ball.png');

	background-repeat:no-repeat; background-position:left;

	/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

	-background-image: none;

	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/red_ball.png,sizingMethod=crop);	

}



.price_ball

{

	height:22px;

	padding: 0 10px 0 10px;

	font-size: 10px;

	vertical-align: middle;

	background: url('/price_images/ball.png');

	background-repeat:no-repeat; background-position:left;

	/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

	-background-image: none;

	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/ball.png,sizingMethod=crop);	

}



.listovaya

{

background: url('/price_images/listovaya.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/listovaya.png,sizingMethod=crop);	

}



.papercost

{

background: url('/price_images/papercost.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/papercost.png,sizingMethod=crop);	

}



.postpress

{

background: url('/price_images/postpress.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/postpress.png,sizingMethod=crop);	

}



.convert_lam

{

background: url('/price_images/convert_lam.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/convert_lam.png,sizingMethod=crop);	

}



.rulon_lam

{

background: url('/price_images/rulon_lam.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/rulon_lam.png,sizingMethod=crop);	

}

.prujina

{

background: url('/price_images/bind.jpg');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/rulon_lam.png,sizingMethod=crop);	

}

.konvert

{

background: url('/price_images/konvert.jpg');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/rulon_lam.png,sizingMethod=crop);	

}



.vizitki

{

background: url('/price_images/vizitki.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/vizitki.png,sizingMethod=crop);	

}



.psevdoplastic

{

background: url('/price_images/psevdoplastic.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/psevdoplastic.png,sizingMethod=crop);	

}





.calendar_business{

background: url('/price_images/calendar_business.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_business.png,sizingMethod=crop);	

}



.calendar_brand{

background: url('/price_images/calendar_brand.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_brand.png,sizingMethod=crop);	

}



.calendar_econom{

background: url('/price_images/calendar_econom.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_econom.png,sizingMethod=crop);	

}



.calendar_mini{

background: url('/price_images/calendar_mini.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_mini.png,sizingMethod=crop);	

}



.calendar_business_ind{

background: url('/price_images/calendar_business_ind.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_business_ind.png,sizingMethod=crop);	

}



.calendar_brand_ind{

background: url('/price_images/calendar_brand_ind.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_brand_ind.png,sizingMethod=crop);	

}



.calendar_econom_ind{

background: url('/price_images/calendar_econom_ind.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_econom_ind.png,sizingMethod=crop);	

}



.calendar_midi{

background: url('/price_images/calendar_midi.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_midi.png,sizingMethod=crop);	

}



.calendar_maxi{

background: url('/price_images/calendar_maxi.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_maxi.png,sizingMethod=crop);	

}



.calendar_perekid_a4{

background: url('/price_images/calendar_perekid_a4.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_perekid_a4.png,sizingMethod=crop);	

}



.calendar_perekid_a3{

background: url('/price_images/calendar_perekid_a3.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_perekid_a3.png,sizingMethod=crop);	

}



.calendar_domik_hor{

background: url('/price_images/calendar_domik_hor.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_domik_hor.png,sizingMethod=crop);	

}



.calendar_domik_hor_mini{

background: url('/price_images/calendar_domik_hor_mini.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_domik_hor_mini.png,sizingMethod=crop);	

}



.calendar_domik_hor_maxi{

background: url('/price_images/calendar_domik_hor_maxi.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_domik_hor_maxi.png,sizingMethod=crop);	

}



.calendar_carman_color{

background: url('/price_images/calendar_carman_color.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_carman_color.png,sizingMethod=crop);	

}



.calendar_carman_econom{

background: url('/price_images/calendar_carman_econom.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_carman_econom.png,sizingMethod=crop);	

}



.calendar_poster_a3{

background: url('/price_images/calendar_poster_a3.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/calendar_poster_a3.png,sizingMethod=crop);	

}



.plastic

{

background: url('/price_images/plastic.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/plastic.png,sizingMethod=crop);	

}



.price_cifra_print

{

background: url('/price_images/cifra_print.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/cifra_print.png,sizingMethod=crop);	

}



.price_plotter_print

{

background: url('/price_images/plotter_print.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/plotter_print.png,sizingMethod=crop);	

}





.price_vizitki

{

background: url('/price_images/price_vizitki.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/price_vizitki.png,sizingMethod=crop);	

}



.price_postpress

{

background: url('/price_images/price_postpress.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/price_postpress.png,sizingMethod=crop);	

}







.price_plastic

{

background: url('/price_images/price_plastic.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/price_plastic.png,sizingMethod=crop);	

}



.price_calendars

{

background: url('/price_images/price_calendars.png');

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/price_images/price_calendars.png,sizingMethod=crop);	

}





a.link_price{

	color:#0834b3;

	text-decoration:underline;

	#display: block;

	#width: 10px;

	position: relative;

	outline: none;

}



/* Опера, сука такая, прыгает от бордера. Придется в опере обойтись без пунктирного подчеркивания :-( 

@media not all and (-webkit-min-device-pixel-ratio) {

a.link_price{

	color:#0834b3;

	text-decoration:underline;

	border: 0;

}

}*/



a:hover.link_price,

a:focus.link_price

{

	color:#ff5223;	

	text-decoration:none;

	#display: block;

	#width: 10px;

}

/* Опера, сука такая, прыгает от бордера. Придется в опере обойтись без пунктирного подчеркивания :-( 

@media not all and (-webkit-min-device-pixel-ratio) {

a:hover.link_price,

a:focus.link_price{

	color:#ff5223;	

	text-decoration:none;

	border: 0;

}

}*/



a{

	color:#0834b3;

	text-decoration:underline;

	#display: box;

	outline: none;

}

/* Опера, сука такая, прыгает от бордера. Придется в опере обойтись без пунктирного подчеркивания :-( 

@media not all and (-webkit-min-device-pixel-ratio) {

a{

	color:#0834b3;

	text-decoration:underline;

	border: 0;

}

}*/



a:hover,

a:focus

{

	color:#ff5223;	

	text-decoration:none;

	border: none;

}

/*

a.non-decor{

	color:#2299ff;

	text-decoration:none;

	border: none; 

	outline:0;	

}

a:hover.non-decor,

a:focus.non-decor

{

	color:#2299ff;	

	text-decoration:none;

	border: none;

}

*/

.question

{



	background-image:url(/img/question.png);

	background-position:top;

	background-repeat:no-repeat;

	background-position:inherit;

	width: 15px;

	height:	15px;

/* Учим ИЕ хорошему :) */

#background-image: none;

#filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/question.png,sizingMethod=crop);		

}





.smile

{



float: left;

position: static; z-index: 1;

width: auto; height: auto;

max-width: 200px;

margin: 0; padding: 0;

}



.smile

{

	font-size:xx-small;

visibility:hidden;	

margin: 0 30px 15px 0;

//background: none;

}







span.java_link{

	color:#0834b3;

	text-decoration:none;

	border-bottom: dashed 1px;

	margin-bottom:10px;

	#display: block;

	#width: 10px;

	cursor: pointer;

	position: static;

	outline: none;

}



span.java_link:hover{

	color:#ff5223;

	text-decoration:none;

	border-bottom: 0;

	margin-bottom:10px;

	#display: block;

	#width: 10px;

	position: static;

	outline: none;

}



.fly_div{

	z-index: 3;

	position: absolute; 

	margin: 30px auto;	

	#margin: 10px auto; 

	border: none; 

}



.fly_img{

	background:url('/price_images/close_fly_div.gif'); 

	background-position:center; 

	background-repeat:no-repeat;

	margin: 0px 0 0 0px;

}



.img1{

	border: 1px solid white;

	opacity: 1.0;	

	-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 

	//filter: alpha(opacity=100);

}



span.admin_alert{

	font-size:x-small;

	font-weight:bold;

	color:#FF0000;

}





span.admin_date_alert{

	font-size:16px;

	font-weight:bold;

	color:#FF0000;

}

span.admin_date_prealert{

	font-size: 12px;

	font-weight:bold;

	color:#ff6600;

}



div.create_order{

	display:none;

}



div.div_alert{

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	visibility:hidden;

	margin: auto auto;

	z-index:3;

	position:absolute;

	background-image:url(/img/gray_bg.png);

	background-position:center;

	background-position:inherit;

/* Учим ИЕ хорошему :) */

_background-image: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/gray_bg.png,sizingMethod=scale);		

}



div.div_alert_inside{

	top: 50%;

	left: 50%;

	width: 350px;

	height: 200px;

	margin-left: -175px;

	margin-top: -100px;

	padding-top:120px;

	_padding-top:80px;	

	z-index:4;

	position:absolute;

background:  url(/img/div_alert.png) 50% 50% no-repeat;

/* Учим ИЕ хорошему :) */

_background-image: none;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/div_alert.png,sizingMethod=crop);		

}



table.tablesorter {

	font-family:arial;

	background-color: #CDCDCD;

	margin:10px 0pt 15px;

	font-size: 8pt;

	width: 100%;

	text-align: left;

}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {

	background-color: #e6EEEE;

	border: 1px solid #FFF;

	font-size: 8pt;

	padding: 4px;

	padding-right: 20px;

}

table.tablesorter thead tr .header {

	background-image: url(bg.gif);

	background-repeat: no-repeat;

	background-position: center right;

	cursor: pointer;

}

table.tablesorter tbody td {

	color: #3D3D3D;

	padding: 4px;

	background-color: #FFFFFF;

	vertical-align:middle;



}

table.tablesorter tbody tr.odd td {

	background-color:#F0F0F6;

}

table.tablesorter thead tr .headerSortUp {

	background-image: url(asc.gif);

}

table.tablesorter thead tr .headerSortDown {

	background-image: url(desc.gif);

}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

background-color: #8dbdd8;

}





#datepicker_div, .datepicker_inline {

	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 0;

	margin: 0;

	background: #DDD;

	width: 185px;

}

#datepicker_div {

	display: none;

	border: 1px solid #99ccff;

	z-index: 10;

}

.datepicker_inline {

	float: left;

	display: block;

	border: 0;

}

.datepicker_dialog {

	padding: 5px !important;

	border: 4px ridge #DDDDDD !important;

}

button.datepicker_trigger {

	width: 25px;

}

img.datepicker_trigger {

	margin: 2px;

	vertical-align: middle;

}

.datepicker_prompt {

	float: left;

	padding: 2px;

	background: #DDDDDD;

	color: #000;

}

*html .datepicker_prompt {

	width: 185px;

}

.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {

	clear: both;

	float: left;

	width: 100%;

	color: #FFFFFF;

}

.datepicker_control {

	background: #99ccff;

	padding: 2px 0px;

}

.datepicker_links {

	background: #cbdbf9;

	padding: 2px 0px;

}

.datepicker_control, .datepicker_links {

	font-weight: bold;

	font-size: 80%;

	letter-spacing: 1px;

}

.datepicker_links label {

	padding: 2px 5px;

	color: #888;

}

.datepicker_clear, .datepicker_prev {

	float: left;

	width: 34%;

}

.datepicker_current {

	float: left;

	width: 30%;

	text-align: center;

}

.datepicker_close, .datepicker_next {

	float: right;

	width: 34%;

	text-align: right;

}

.datepicker_header {

	padding: 1px 0 3px;

	background: #4888c9;

	text-align: center;

	font-weight: bold;

	height: 1.3em;

}

.datepicker_header select {

	background: #3083d8;

	color: #000000;

	border: 0px;

	font-weight: bold;

}

.datepicker {

	background: #CCCCCC;

	text-align: center;

	font-size: 100%;

}

.datepicker a {

	display: block;

	width: 100%;

}

.datepicker .datepicker_titleRow {

	background: #9dc4ef;

	color: #000;

}

.datepicker .datepicker_daysRow {

	background: #FFFFFF;

	color: #666;

}

.datepicker_weekCol {

	background: #87abdb;

	color: #000;

}

.datepicker .datepicker_daysCell {

	color: #000;

	border: 1px solid #DDDDDD;

}

#datepicker .datepicker_daysCell a {

	display: block;

}

.datepicker .datepicker_weekEndCell {

	background: #d7e2f4;

}

.datepicker .datepicker_daysCellOver {

	background: #FFFFFF;

	border: 1px solid #777;

}

.datepicker .datepicker_unselectable {

	color: #888;

}

.datepicker_today {

	background: #0066ff !important;

}

.datepicker_currentDay {

	background: #6699ff !important;

}

#datepicker_div a, .datepicker_inline a {

	cursor: pointer;

	margin: 0;

	padding: 0;

	background: none;

	color: #000000;

}

.datepicker_inline .datepicker_links a {

	padding: 0 5px !important;

}

.datepicker_control a, .datepicker_links a {

	padding: 2px 5px !important;

	color: #000000 !important;

}

.datepicker_titleRow a {

	color: #000000 !important;

}

.datepicker_control a:hover {

	background: #99ccff !important;

	color: #333333 !important;

}

.datepicker_links a:hover, .datepicker_titleRow a:hover {

	background: #FFFFFF !important;

	color: #333333 !important;

}

.datepicker_multi .datepicker {

	border: 1px solid #83C948;

}

.datepicker_oneMonth {

	float: left;

	width: 185px;

}

.datepicker_newRow {

	clear: left;

}

.datepicker_cover {

	display: none;

	display/**/: block;

	position: absolute;

	z-index: -1;

	filter: mask();

	top: -4px;

	left: -4px;

	width: 193px;

	height: 200px;

}



.button_horizontal

, .button_horizontal ul

{

list-style-type: none;

width: 100%;

margin: 50;

padding: 0;

}

.button_horizontal:after

, .button_horizontal ul:after

{

content: '';

display: block;

clear: left;

}

.button_horizontal li

{

float: left;

margin: 0 1em 0.5em 0;

padding: 0;

}

/*****************************/



/* Чтобы исправить поведение курсора и hover в IE. */

.button_framed a

{

cursor: pointer;

//cursor: hand;

}

.button_framed a:hover

{

background-color: transparent;

}



/* Для компенсации отрицательного значения margin-bottom в IE. */

.button_framed.horizontal

{

//padding-bottom: 10px;

}



.button_framed .f

{

position: relative;

z-index: 1;

display: block;

float: left;

min-height: 10px;

//height: 10px;

color: #000000;

}

.button_framed .c

{

position: relative;

z-index: 2;

display: block;

margin: 0 0 -10px 0;

/* Отступы от границ кнопки. Нижний больше на 2px, которые занимает тень. */

padding: 2px 15px 4px 15px;

}

.button_framed .t

, .button_framed .b

{

position: absolute;

z-index: 1;

top: 0;

//top: auto;

bottom: 0;

left: 0;

right: 11px;

overflow: hidden;

//width: 100%;

//height: 100%;

}

.button_framed .b

{

top: auto;

bottom: -10px;

height: 10px;

}

.button_framed .r

{

left: auto;

//left: -11px;

right: 0;

//margin-left: 100%;

width: 11px;

}

.button_framed .t *

, .button_framed .b *

{

position: absolute;

top: 0;

left: 0;

/* Общие ширина и высота изображения. Можно указать с запасом. */

width: 800px;

height: 400px;

background: url('/img/framed.png') 0 0 no-repeat;

/* IE 7 уже умеет показывать png, поэтому используем хак, который он не понимает. */

-background-image: none;

-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/framed.png,sizingMethod=crop);

}

.button_framed .t *

{

margin-top: -10px;

}

.button_framed .l *

{

//width: 100%;

margin-left: -11px;

}



/* Демонстрируем смену оформления у кнопки. В данном случае на hover. */

.button_framed a:hover .t *

, .button_framed a:hover .b *

{

top: -200px;

}

/*****************************************************/



.ac_results {

	padding: 0px;

	border: 1px solid black;

	background-color: white;

	overflow: hidden;

	z-index: 99999;

}



.ac_results ul {

	width: 100%;

	list-style-position: outside;

	list-style: none;

	padding: 0;

	margin: 0;

}



.ac_results li {

	margin: 0px;

	padding: 2px 5px;

	cursor: default;

	display: block;

	/* 

	if width will be 100% horizontal scrollbar will apear 

	when scroll mode will be used

	*/

	/*width: 100%;*/

	font: menu;

	font-size: 12px;

	/* 

	it is very important, if line-height not setted or setted 

	in relative units scroll will be broken in firefox

	*/

	line-height: 16px;

	overflow: hidden;

}



.ac_loading {

	background: white url('indicator.gif') right center no-repeat;

}



.ac_odd {

	background-color: #eee;

}



.ac_over {

	background-color: #0A246A;

	color: white;

}



.admin_menu_orders{

	position:relative;

	width: 150px;

	height: 150px;

	background:url(img/orders.png) no-repeat center;

	display:inline-block;

	text-align:center;

}





.admin_menu_users{

	position:relative;

	width: 150px;

	height: 150px;

	background:url(img/users.png) no-repeat center;

	display:inline-block;

	text-align:center;

}



.admin_menu_clients{

	position:relative;

	width: 150px;

	height: 150px;

	background:url(img/clients.png) no-repeat center;

	display:inline-block;

	text-align:center;

}

.admin_menu_logout{

	position:relative;

	width: 150px;

	height: 150px;

	background:url(img/logout.png) no-repeat center;

	display:inline-block;

	text-align:center;

}



.admin_menu_orders_create_new{

	position:relative;

	width: 150px;

	height: 150px;

	background:url(img/orders_create_new.png) no-repeat center;

	display:inline-block;

	text-align:center;

}



div.services {

	width: 100%;

	min-height: 300px;

	margin-top: 5px;

	display: block;

	clear: left;

}







span.services {

	margin: 5px 5px 5px 5px;

	float: left; 

	width: 300px;

	height: 500px;

}

ul#tagscloud {
	margin-bottom: 70px;
}

    #tagscloud li
    {
        padding: 0;
		font: 10pt/18pt "Trebuchet MS", Verdana, Geneva, sans-serif;
        margin: 0 1em 0 0;
        float: left;
        list-style-type: none;
        position: relative;
    }

div.ramka {
	background: url(/img/ramka_bg.gif) left repeat-y  #f0f0f0; 
	padding: 2px 0px 2px 10px; 
	margin: 10px;
}