/* General page style. The scroll bar colours only visible in IE5.5+ and Opera 9+ */
body {
 margin: 0;
 background-color: #E5E5E5;
 font: 10pt verdana, arial, helvetica, sans-serif;
 text-align: justify;
 scrollbar-face-color: #DEE3E7;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #DEE3E7;
 scrollbar-3dlight-color: #D1D7DC;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #EFEFEF;
 scrollbar-darkshadow-color: #98AAB1;
}

table { 
  border-collapse: collapse;
}

th { /* header cell */
  border-bottom-style: solid;
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #37A6F1;
}


.main_page {font: 8pt verdana, arial, helvetica, sans-serif; text-align: justify;}

a:link,a:active,a:visited { text-decoration: none; color : #0756F1; }
a:hover  { text-decoration: underline; color : #D48026; }


/* main menu rollover */
div.rollover { 
 width:100%;
 position:relative;
 top:7px;
 font: 16px arial;
 font-weight: bold;
 text-align: center;
}

a.rollover_spb, a.rollover_spb:active, a.rollover_spb:visited {
 background: url('image_profile/default/spb_news_header.gif'); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 335px; /* Ширина рисунка в пикселах */
 height: 34px; /* Высота рисунка */
 text-shadow: black 1px -1px 1px;
 color: #37A6F1;
}
a.rollover_spb:hover {
 background-position:
  0 /* Смещение по горизонтали */
  -34px; /* Смещение вверх по вертикали */
 text-decoration: none;
 text-shadow: #333333 1px -1px 2px;
 color: #000000;
}

a.rollover_tech, a.rollover_tech:active, a.rollover_tech:visited  {
 background: url('image_profile/default/tech_news_header.gif'); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 342px; /* Ширина рисунка в пикселах */
 height: 34px; /* Высота рисунка */
 text-shadow: black 1px -1px 1px;
 color: #37A6F1;
}
a.rollover_tech:hover {
 background-position:
  0 /* Смещение по горизонтали */
  -34px; /* Смещение вверх по вертикали */
 text-decoration: none;
 text-shadow: #333333 1px -1px 2px;
 color: #000000;
}

a.rollover_world, a.rollover_world:active, a.rollover_world:visited  {
 background: url('image_profile/default/world_news_header.gif'); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 342px; /* Ширина рисунка в пикселах */
 height: 36px; /* Высота рисунка */
 text-shadow: black 1px -1px 1px;
 color: #37A6F1;
}
a.rollover_world:hover {
 background-position:
  0 /* Смещение по горизонтали */
  -36px; /* Смещение вверх по вертикали */
 text-decoration: none;
 text-shadow: #333333 1px -1px 2px;
 color: #000000;
}

a.rollover_russia, a.rollover_russia:active, a.rollover_russia:visited  {
 background: url('image_profile/default/russia_news_header.gif'); /* Путь к файлу с исходным рисунком */
 display: block; /* Рисунок как блочный элемент */
 width: 342px; /* Ширина рисунка в пикселах */
 height: 37px; /* Высота рисунка */
 text-shadow: black 1px -1px 1px;
 color: #37A6F1;
}
a.rollover_russia:hover {
 background-position:
  0 /* Смещение по горизонтали */
  -37px; /* Смещение вверх по вертикали */
 text-decoration: none;
 text-shadow: #333333 1px -1px 2px;
 color: #000000;
}

h1 {font: 8pt verdana; font-weight: bold; text-decoration: none; color: #37A6F1; line-height: normal; 
 margin-top: 2pt; margin-bottom: 0pt; padding-left: 0pt; padding-right: 0pt;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;color: #2266CC;}

/* no vertical spacin in IE for banners */
.banner_line img {vertical-align: bottom;}
.news_img {float:left; border:none; margin-top: 8px; margin-right: 8px;}
.news_img img {border:none;}
 
.inner_border {
 background-color: #FFFFFF; border: #37A6E1; border-style: solid;
 border-left-width: 2px; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px;
 padding: 10px; width: 100%
}

.inner_border_small_padding {
 background-color: #FFFFFF; border: #37A6E1; border-style: solid;
 border-left-width: 2px; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px;
 padding: 5px; width: 100%
}

.left_border {
 background-color: #F8F6E9; border: #000000; border-style: solid;
 border-left-width: 2px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px
}

.tbr_border {
 position: relative;
 left: 14px;
 background-color: white; 
 border-top: 2px solid black; border-bottom: 2px solid black;
 font-family: Arial, Helvetica, sans-serif;  font-size: 11pt;  font-weight: bold;
 color: #37A6F1; text-align: center; width: 131px; height: 15px;
 vertical-align: bottom;
 padding: 6px 12px 6px 0px;
 text-shadow: black 1px -1px 1px;
}

.tbr_border a:link, .tbr_border a:active, .tbr_border a:visited  { color: #37A6F1; }

.tbr_border a:hover { color : #D48026; }

.half_circle {
 position: relative;
 left: 0px;
 background-image: url(image_profile/default/half_circle_left.gif);
 background-position: left top;
 background-repeat: no-repeat;
 width: 154px;
 height: 31px;
 border: none;
 text-align: left;
}

.right_bar {
 background-color: #F8F6E9; border: #000000; border-style: solid;
 border-left-width: 0px; border-top-width: 0px; border-right-width: 2px; border-bottom-width: 0px;
 width: 154px; /* 162 - 6(padding) - 2(border right) */
 /* height: 100%; */
 text-align: center;
 padding-left: 3px; padding-right: 3px; 
}

.right_bar_padding { text-align: left; padding-left: 3px; }

li {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
 
.race_menu {
	display: block;
	font: 14px Arial;
	font-weight: bold;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
}

.race_menu a:link, .race_menu a:visited {
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	color: #37A6F1;
	background: ##F8F6E9;
	border: 1px solid #EDF4F8;	
}

.race_menu a:hover, .race_menu a:active {
	padding: 0px 5px 0px 7px;
	text-decoration: none;
	color: #003366;
	background: #FFFFFF;
	border: 1px solid #C5DCE8;
}

.race_date, .race_date a:link, .race_date a:visited {
	display: block;
	font: 8pt verdana; font-weight: bold; 
	text-align: left; text-decoration: none;
	color: #000000;
	border: 4px solid #F8F6E9;
	background-color: #F8F6E9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.race_date a:hover {
	display: block;
	font: 8pt verdana; font-weight: bold; 
	color: #37A6F1;
	border: 4px solid #C5DCE8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background-color: #fff;
	text-shadow: black 1px 1px 1px;
}

.link_bold {
	font: verdana;
	text-decoration: none;
	color: #000000;
}
.link_bold a:link, .link_bold a:visited {
	font: verdana;
	font-weight: bold;
	text-decoration: none;
	color: #37A6F1;
}
.link_bold a:hover {
	font: verdana;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.title_bold {font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;color: #2266CC;text-align: center;}
.news_date {font: 8pt verdana; font-weight: bold; text-decoration: none; color: #37A6F1;}

hr {
	color: #37A6E1;
	border-top: 1px solid #37A6E1;
	width: 100%;
	height: 1px;
}

.post .attr, .comment .attr {
	font-size: 80%;
	text-align: right;
}

.post .author {
	text-align: right;
	font-style: italic;
}

.post .cn_news_even, .comment .cn_comment_odd {
}

.post .cn_news_odd, .comment .cn_comment_even {
	padding: 5px;
	background: #f7f7f7;
}

.pages {
	text-align: center;
}

input:focus {
  border: 2px solid #D48026;
}

input.submit-button {
  font-weight: bold;
  padding:   5px;
  width: 300px;
  float:   left;
  font-size: 1.1em;
  margin: 0px 0px 10px 0px;
  border: 2px solid   #ccc;
  background: #F8F6E9;
  cursor: pointer;
}

#grid[data-columns]::before {
	content: '2 .column.size-1of2 balanced';
}

#grid2[data-columns]::before {
	content: '2 .column.size-1of2 balanced';
}

#grid4[data-columns]::before {
	content: '4 .column.size-1of4 balanced';
}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of2 { width: 50%; }
.size-1of4 { width: 25%; }

.news_container { 
  margin: 0px 5px 0px 5px;
}

.scoreinverse {
    color: white;
    text-align: center;
	border-bottom: 1px solid #ddd;
}
.score {
    color: black;
    text-align: center;
	border-bottom: 1px solid #ddd;
}
.scoreleft {
    color: black;
    text-align: left;
	border-bottom: 1px solid #ddd;
}


header {
display: block;
width: 100%;
height: 106px;
background: #A0CEDD url(image_profile/default/header_back.gif) repeat-x;
text-align: center;
}

.headercontainer {
position: relative;
margin: 0 auto;
width: 991px;
height: 106px;
}

.logo {
position: absolute;
width: 187px;
height: 106px;
top: 0px;
left: 0px;
}

.headerlogo {
position: absolute;
width: 642px;
height: 74px;
top: 0px;
left: 187px;
}

.rider {
position: absolute;
width: 162px;
height: 106px;
top: 0px;
right: 0px;
}

.navheader {
position: relative;
width: 642px;
height: 32px;
top: 74px;
left: 187px;
}

.navmain {
float: left;
width: 122px;
height: 32px;
}

.navother {
float: left;
width: 104px;
height: 32px;
}

.main {
display: block;
background: #A0CEDD;
width: 100%;
text-align: center;
}

.maincontainer {
display: flex;
position: relative;
margin: 0 auto;
width: 991px;
}

.mainsection {
position: relative;
background: #FFFFFF;
width: 677px;
order: 2;
text-align: justify;
}

.mainheaderleft {
width: 34px;
height: 34px;
float: left;
}

.mainheaderright {
width: 8px;
height: 34px;
float: right;
}

aside {
background: #F8F6E9 url(image_profile/default/races_under_bottom.gif) repeat-y;
width: 152px;
text-align: left;
order: 1;
}

.aside_right {
background: #F8F6E9 url(image_profile/default/sponsors_under_bottom.gif) repeat-y;
width: 162px;
text-align: left;
order: 3;
}

.aside_races {
width: 152px;
height: 50px;
}

.aside_race_bottom {
width: 152px;
height: 25px;
}

.aside_sponsors {
width: 162px;
height: 34px;
}

.races {
width: 150px;
}

.footercontainer {
position: relative;
margin: 0 auto;
width: 991px;
height: 26px;
}

.footercenter {
position: absolute;
left: 147px;
width: 687px;
height: 26px;
}

.footerleft {
float: left;
width: 34px;
height: 26px;
background: url(image_profile/default/corner_bottom_left.gif);
}

.footerright {
float: left;
width: 34px;
height: 26px;
background: url(image_profile/default/corner_bottom_right.gif);
}

.footerbottom {
float: left;
width: 619px;
height: 26px;
background: url(image_profile/default/bottom.gif) repeat-x;
}

.footer2container {
position: relative;
margin: 0 auto;
width: 100%;
height: 63px;
}

.footer2left {
 position: absolute;
 left: 240px;
top: 16px;
width: 14px;
height: 31px;
background: url(image_profile/default/copy_right.gif) right no-repeat;
}

.footer2right {
 position: absolute;
 right: 0px;
top: 16px;
width: 320px;
height: 31px;
text-align: right;
}

.footer2center {
position: relative;
margin: 0 auto;
width: 320px;
height: 31px;
top: 16px;
text-align: center;
font-size: 7pt;
font-family: verdana, arial, helvetica, sans-serif;
}

.copyright {
 position: absolute;
 left: 0px;
 top: 16px;
 width: 230px;
 height: 31px;
 background-image: url(image_profile/default/copy_left.gif);
 background-repeat: repeat-x; 
 font-family: verdana, arial, helvetica, sans-serif;  font-size: 7pt;
 text-align: left;
 padding: 4px 0px 4px 10px;
}

img {
border: 0;
margin: 0;
}