body
{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
background: #EEEEEE url(../images/page/0001.gif) repeat-x;
padding: 10px;

}

.main_panel
{
width: 960px;
margin: 0 auto;
background-color: #FFFFFF;
border: 2px solid #BEBEBE;
padding: 0px 14px 14px 14px;		/* Поля вокруг текста */

/* CSS3 скругленные углы */
-moz-border-radius: 10px;     /* mozilla 1.5*/
-webkit-border-radius: 10px;  /* safari 3   */
-khtml-border-radius: 1em;    /* Konqueror  */
border-radius: 10px;

/* CSS3 внешняя тень. :Ждем когда браузеры научатся это обрабатывать */
-webkit-box-shadow: 0 0 25px #EEEEEE;
-moz-box-shadow: 0 0 25px #EEEEEE;
box-shadow: 0 0 25px #999999;

min-height: 100%;
}


.main_panel_light
{
width: 600px;
margin: auto;
background-color: #FFFFFF;
border: 2px solid #BEBEBE;
padding: 14px;		/* Поля вокруг текста */

/* CSS3 скругленные углы */
-moz-border-radius: 10px;     /* mozilla 1.5*/
-webkit-border-radius: 10px;  /* safari 3   */
-khtml-border-radius: 1em;    /* Konqueror  */
border-radius: 10px;
/* CSS3 внешняя тень. :Ждем когда браузеры научатся это обрабатывать */
-webkit-box-shadow: 0 0 25px #EEEEEE;
-moz-box-shadow: 0 0 25px #EEEEEE;
box-shadow: 0 0 25px #999999;

}


.left_panel
{
position: relative;
float: left;
left:  0px;
width: 210px;
}

.left_panel .menu a:link, .left_panel .menu a:visited
{
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 8px;
font-weight: bold;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
border-style: solid;
border-width: 0px 1px 1px 6px;
border-color: #FFFFFF #B7B7B7 #D7D7D7 #00BB00;
color: #005FB3;
background:#F8F8F8;
}

.left_panel .menu a:hover
{
border-left-color: #0A7ACD;
color: #FF6600;
}

.left_panel .menu span
{
margin: 0px 0px 3px 0px;
padding: 3px 0px 3px 8px;
font-weight: bold;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #005FB3;
}

.text_panel
{
margin: 10px 0px 3px 0px;
position: relative;
float: right;
width: 736px;
z-index: auto;
/* border: thin solid #Bbbbbb; */

}

.footer_panel
{
clear: both;
width: 100%;
display: block;
/* filter:alpha(opacity=50);  IE 5.5+*/
/* -moz-opacity: 0.5;  Mozilla 1.6 и ниже */
/* -khtml-opacity: 0.5; Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.header_panel
{
position: relative;
width: 100%;
height: 70px;
display: block;

}

h1, h2, h3
{
font-size:12px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
color:#005FB3;
background:#FFF;
border-width: 0 0 1px 0;
border-style: solid;
border-bottom-color: #00BB00;
padding:4px 4px 4px 8px; margin:0 0 4px 0;
}


fieldset
{
border: 1px solid #BEBEBE;
}






#order_history th	{
	font-size:10px;
	background-color: #efedeb;
	border: solid #dddddd 1px;
	padding: 1px 1px 1px 1px;
}



#order_history td	{
	font-size:10px;
	padding: 1px 1px 1px 1px;
	border-top: solid #efedeb 1px;
	border-left: solid #efedeb 1px;
	background-color: #f7f7f7;
}





.data_block
{
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
display: block;
width: 280px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #D7D7D7;
background: #FBFBFB;
}

#message_error {
 	padding: 10px 10px 10px 10px;
	margin: 1px 1px 1px 1px;
	border: 1px solid #f08a73;
	color: #333333;
	background: #ffe3df;}

#message_info {
 	padding: 10px 10px 10px 10px;
	margin: 1px 1px 1px 1px;
	border: 1px solid #aee756;
	color: #333333;
	background: #e9fad0;}

#message_warning {
 	padding: 10px 10px 10px 10px;
	margin: 1px 1px 1px 1px;
	border: 1px solid #FFCA0B;
	color: #333333;
	background: #FFEFB5;}

.knopka
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin:3px;
padding:3px 10px;
font-size:12px;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
}


.knopka:active, .knopka:hover, .knopka:focus
{
border-color:#9cf !important;
}


/*
input, select
{
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
border-left:1px solid #bbb;
border-right:1px solid #aaa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
font-family: Arial;
font-size: 14px;
}

input:focus, select:focus
{
border-color:#9cf !important;
}

input:hover, select:hover
{
border: 1px solid #FFCC66;
}
*/

input[type=submit]
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin:3px;
padding:3px 10px;
font-size:12px;
border-top:1px solid #bbb;
border-bottom:1px solid #aaa;
border-left:1px solid #bbb;
border-right:1px solid #aaa;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;


}
input[type=submit]:active, input[type=submit]:hover, input[type=submit]:focus
{
border-color:#52A8EC !important; /* Для старых браузеров */
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}





input[type=text], input[type=password],select,textarea
{
border:1px solid #aaa;
transition:border linear .2s,box-shadow linear .2s
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
-o-transition:border linear .2s,-webkit-box-shadow linear .2s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
font-family: Arial;
font-size: 14px;
}

input[type=text]:focus,input[type=password]:focus,textarea:focus
{
outline:none;
border-color:#52A8EC !important; /* Для старых браузеров */
border-color:rgba(82,168,236,.75)!important;
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}

input.with-box:focus,input[class*=search]:focus,input[id*=search]:focus
{
border-color:inherit!important;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}


/*
Notes
--------------------------
*/


.note {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #252525;
	padding: 3px 10px 2px 32px;
	margin: 8px 0 8px 0;
	background: url(../images/page/icon-note.gif) #EEEEEE no-repeat 12px 7px;
	text-align:left;
}