
body {
	font: 100% Georgia, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	background: #044FF9;
	background-image:url(/images/background_gradient.png);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #597B37;
}

h3 {
	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color: #1215B0;
	font-weight: bold;;
	
	font-size: 10pt;
	text-align: left;
	padding-bottom: 0pt;
	text-decoration: none;
	
}

h4 {
	
	color: #597B37;
	
}

h5 {
	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	color: #940204;
	font-weight: bold;;
	
	font-size: 10pt;
	text-align: left;
	padding-bottom: 0pt;
	text-decoration: none;
	
}
a:link {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
color: #77727D;
	text-align: center;
	padding-bottom: 0pt;
}
a:visited {
	font-family: Georgia, Arial, Helvetica, sans-serif;

color: #77727D;

	text-align: center;	
	padding: 0;
}
a:hover {
	font-family: Georgia, Arial, Helvetica, sans-serif;

	font-weight: normal;
color: #77727D;
	text-align: center;
	padding-bottom: 3pt;
	/*text-decoration: none;*/
}
a:active { font-family: Georgia, Arial, Helvetica, sans-serif;

	font-weight: normal;
color: #77727D;
	text-align: center;	
	padding-bottom: 0pt;
	text-decoration: none;
}

/*                        FROM HERE                        */


div#logo_wrapper {
	position: absolute;
	top: 176px;
	left: 279px;
}


/*** Right menu ***/
div#menu_wrapper {
	position: absolute;
	left: 68%;
	top: 60px;
	background-image:url(/images/menu_background.png);
	width:171px;
	height:192px;
	padding: 18px 0 0 5px;
}

div.button {
	width: 163px;
	height: 25px;
	padding:0;
	margin:0;
}

div.button_background {
	background-image: url(/images/button.png);
}

div.button_clicked_background {
	background-image: url(/images/button_clicked.png);
}

div.button_text {
	
	padding:4px 0 0 15px;
	
}

a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {color: #FFF; text-decoration: none;}

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

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


#left_side_wrapper {
position: absolute;
  top: 227px;
		margin:0px 0 0 0;
		
	width:233px;
	background-image:url(/images/background_second_part.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	
	
	
}

#registration_button_wrapper {
	height:74px;
	width:133px;
	
}

.registration_button {
	position: relative;
	top:30px;
	height:42px;
	width:133px;
	background-image:url(/images/registration_background.png);
	
}

.registration_button_padding {
	
	
	padding:8px 0 0 15px;
	
}

#left_menu_wrapper {
	float:right;
	/*position: absolute;*/
	
}

#left_menu {

	position: relative;
	top:100px;
	
	width:133px;
	height:209px;
	background-image:url(/images/left_menu_background.png);

	background-repeat: no-repeat;
	text-align: center;

}

#left_menu_title {
	
	left:0px;
	top:6px;	
	height:30px;
	width:133px;

	font-size: 7pt;
	text-align: center;	
}

#left_menu_title_text {
	color: #1215B0;
	padding: 8px 0 0 5px ;

}

#navigation_wrapper {
	
	height:320px;
	width:133px;
}

#cabinet_navigation {

	
	font-size:8pt;
	color: #022AA2;
	text-align: center;
	
	width:133px;
}

#left_menu_line {
	
width:80%;
	
}
#left_menu_submit{
	margin:5px 0 0 0 ;
}



.inputbg
{
background:url(/images/input_background.png) no-repeat;
width:133px;
height:27px;
display:block;
border: 0;
}

input.left_menu_input {

	position:relative;
	top:4px;
	left:0px;
	border:0;
	padding:0;
	width:108px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
	height:19px; /* again, must be slightly less than the image size */
	background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn’t work in Safari, so I may go back later and give them their own style sheet. For now, I’m not bothered by this small inconvenience. */
	
}
input.login_submit {
	top: 120px;
	left: 35px;
	/*background:none;*/
	border:none;
	/*background-image:url(/images/login.png);*/
	width:59px;
	height:21px;
	
}

#content_wrapper {

	/*float:left;*/
	width: 65%;
	min-width:600px;
	padding: 0;
	margin-left: 233px;
	/*margin: 0 0 0 233px ;*/
	
	
	
}

li {
	
	font-size:12pt;
	font-weight:bold;
	
}
a.current:link, a.current:visited, a.current:hover, a.current:active {color: #EE0707; font-weight: bold;}
a.index:link, a.index:visited, a.index:hover, a.index:active {color: #EE0707; font-weight: bold; text-decoration: none;}     /* unvisited link */

#content_box {
	text-align: left;
	background: transparent;
}

#content_box_top {
	background-color:transparent;
	background-image:url(/images/content_box_top.gif);
	background-position: top;
	background-repeat: repeat-x;
/*	border: solid 1px green;*/
	
}

#content_box_right {
	background-color:transparent;
	background-image:url(/images/content_box_right.png);
	background-repeat: repeat-y;
	background-position: right;	
	/*border: solid 1px red;*/
}

#content_box_bottom {
	background-color:transparent;


	background-image:url(/images/content_box_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

#content_box_left {
	background-image:url(/images/content_box_left.gif);
	background-repeat:repeat-y;
	background-position:left;
		background-color:transparent;
	
		
}

#content_box_top_left {
		background-color:transparent;
	background-image:url(/images/content_box_top_left.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#content_box_top_right {
		background-color:transparent;
	background-image:url(/images/content_box_top_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#content_box_bottom_right {
		background-color:transparent;
	background-image:url(/images/content_box_bottom_right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}

#content_box_bottom_left {

	background-color:transparent;
	background-image:url(/images/content_box_bottom_left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

ol {
	margin:0;
	padding:20px 0 0 25px;
}

#content_container {
	background-color:transparent;
	
/*	margin:5px 50px 10px 4px;*/

	padding: 4px 16px 7px 6px ;
}
#content {
	background-color:white;
	text-align: left;
	
/*	padding: 20px 220px 20px 30px ;*/
}

#main_content {
	border:1px solid white;
	background:white;
	min-height: 600px;
	min-width:500px;
}

#main_content_padding {
	
	padding:0;
	margin-top:3em;
	margin-left:2em;
	margin-right:200px;
	margin-bottom:30px;	
}

#packets_list {
	
	width:500px;
	
}
br.clear { 
clear:both; 
}
#container {
	z-index:5;
	padding: 227px 0 0 0px;
/*	top: 227px;*/
/*	margin: 227px 0 0 0 ;*/
	width:100%;
	background-image:url(/images/background_first_part.jpg);
	background-repeat:no-repeat;
	background-position: 100px 0;
	/*margin: ; ; /* the auto margins (in conjunction with a width) center the page */
	/*background-image:url(/images/background_second_part.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 100px 227px;*/
}

	
#navigation {
	width: 773px;
	height: 25px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #C5C7A6;
	font-size:12pt;
}

#orders {
	
	margin:130px 0px 0 0;
	
}

img.tv{
	
  position: relative;
  top:1px;
		right:149px;
	
}
#footer {
	
	width:100%;
	height: 20px;
margin:-6px  0 0 0;
	padding: 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #000066;

}


#banners {
	position:absolute;
	top:230px;
	left:-10px;
	width:192px;
	height:172px;

	

	

	
}


#notice{
	padding: 5px;   
	border: solid 1px black;   
	background: #F00;
	text-align: center;
	color: #FFF;
	font-size:12pt;
	position:absolute;
	 top:320px;
	 left:98px;
	 width:130px;
}
#login_frame {
	padding-top: 20px;
	text-align: left;
	position: relative;
	float: right;
	width: 300px;

}
h2 {  /* FORM ERRORS*/
	color: #FB0F0F;
	font-size: 10pt;
	font-weight: normal;
}

.fieldWithErrors {
	border-right: 2px solid red;
	border-left: 2px solid red;
}

.errorExplanation {
	
	font-size: 8.5pt;
	
} 


li {
	
	font-size:8.5pt;
	
}

#errorExplanation {
	
	font-size: 8.5pt;
	
}

/* Для капчи */
#simple_captcha {
	/*border: 1px solid #ccc;*/
    padding: 0px !important;
}

.simple_captcha_image{
  /* border: 1px solid #ccc;*/
   margin: 0px 0px 10px 0px !important;
   padding: 0px !important;
}
#simple_captcha .simple_captcha_image img{
  margin: 10px 10px 10px 10px !important;
  padding: 0px !important;
  width: 110px !important;
}
.simple_captcha_field{
  width: 150px !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
  /*font-size: 16px;*/
  /*border: none;
  background-color: #efefef;*/
}

#settings {
	
	margin: 0;
	padding: 0 0 0 10px;

}
