/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Project: http://sports.ru
Date: June 2008
CSS: Styles for encyclopedia page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.title { position:relative; padding:5px 10px; font:1.1em Tahoma; color:#fff; background:#00aa32 url(../i/bg/bg-title-green-215.gif) no-repeat; border-bottom:2px solid #00902a; }
.title a { color:#fff; }
.title span { color:#00902a; }
.title a.arhive { position:absolute; top:5px; right:9px; }

.title-bottom { position:relative; padding:3px 9px 7px 10px; font:1.1em Tahoma; color:#fff; text-align:right; background:#00aa32 url(../i/bg/bg-title-bottom-green-215.gif) no-repeat 0 100%; border-top:2px solid #00902a; }
.title-bottom a { color:#fff; }
.title-bottom span { color:#00902a; }

.title p.lnk { position:absolute; top:5px; right:9px; color:#00902a; }
.title p.lnk a { display:block; float:left; }
.title p.lnk img.ico { display:block; float:left; padding:1px 4px 0 1px; }
.title p.lnk span { display:block; float:left; padding-left:3px; }

.title-white { position:relative; padding:5px 9px 4px 9px; font:1.1em Tahoma; color:#afafaf; border-bottom:2px solid #ececec; }
.title-white a { color:#afafaf; }

.right { padding-top:0; }
.title-page { padding: 0 0 18px 20px; }
.title-page.euro { padding-bottom:0; }
.title-page h1 { float:left; padding-right:18px; }
.title-page h1.euro { padding-top:3px; }

.important { width:421px; float:left; padding-top:5px; font:1.1em/1.4 Tahoma; color:#d4d4d4; }

/* Left column */
.news { padding:16px 10px 0 10px; font:1.1em/1.4 Tahoma; color:#333; }
.news p { padding-bottom:17px; }
.news p span { color:#9b9b9b; }
.news p a.photo { margin:0 1px; }
.news a.txt { color:#333; }
.news p.date { padding:1px 0 16px 0; font-weight:bold; }
.news p.date span { color:#d4d4d4; font-weight:normal; }

.google-btn { padding:5px 0 0 10px; }


/* Right column */
.right .title { background:#00aa32 url(../i/bg/bg-title-green-240.gif) no-repeat; border-bottom:2px solid #00902a; }
.right .blue { background:#00a0f0 url(../i/bg/bg-title-blue-240.gif) no-repeat; border-bottom:2px solid #008dd4; }
.right .blue p.lnk { position:absolute; top:5px; right:9px; color:#008dd4; }

.center .title {background-image: url(../i/bg/bg-title-green-395.gif);}
.center .gray {background-image: url(../i/bg/bg-gray-bottom-395.gif);}

.big-title2 { position:relative; padding:9px; font:1.1em Tahoma; color:#000; background: #006e1e url(../i/bg/bg-title-green1-395.gif) no-repeat 0 100%;}
.big-title2 .avatar { width:50px; height:50px; float:left; padding:2px 0 0 2px; margin-right: 10px; background:url(../i/bg/bg-avatar2-green.gif) no-repeat; }
.big-title2 .info { float:left; }
.big-title2 .info h1 { padding: 4px 0 1px; font:2em Tahoma; color:#fff; }
.big-title2 .info p { padding-left:1px; color: #109d24;}
.big-title2 .info a { color:#fff; }

.dossier {padding-left:11px; margin: 18px 0; font:1.2em/1.3 Verdana; color:#000;}
.dossiers {width: 100%; padding-right: 1px; overflow: hidden; margin: 0 0 18px; width: 100%; font: 1.1em Tahoma;}
.dossiers ul {float: left; width: 50%; list-style: none;}
.dossiers ul li {padding-left: 20px; background: url(../i/bg/bg-materials-li.gif) no-repeat 12px 5px;}

.birthdays {margin: 16px 0; overflow: hidden; font: 1.1em Tahoma}
.birthdays p {margin-top: -1px; padding: 1px 13px 3px; border-top: 1px solid #e7e7e7; color: #262626;}
.birthdays span {color: #cacaca;}
.birthdays strong {float: right; font-weight: normal; color: black;}

.news .date2 {padding-bottom: 0;}
.news .date2 strong {color: black;}

#authors {margin-bottom: 20px; font: 1.1em Tahoma;}
#authors td.name {font-weight: bold;}

#photo {margin: 0 0 20px; padding: 10px; text-align: center; font: 1.1em Tahoma;}
#photo img {margin-bottom: 5px;}

.bordered { border-collapse:collapse; }
.bordered th { color:#afafaf; font: 0.90909091em Tahoma; }
.bordered th, .bordered td { padding:3px 0; text-align:center; border:1px solid #ececec; }
.bordered td.name, .bordered th.name { text-align:left; padding-left:10px; }
.bordered tr.dark td { background:#f5f5f5; }


.gray2 {padding: 11px 10px; background: #f5f5f5;}
.gray2 select {width: 100%;}
select {font: 1.1em 'Tahoma';}

/* lists */
.list {overflow: hidden; list-style: none; margin: 0 0 17px; font: 1.1em Tahoma;}
.left .list {background: #2d2c2c url(../i/bg/bg-list-bottom-215.gif) no-repeat 0 100%;}
.right .list {background: #2d2c2c url(../i/bg/bg-list-bottom-240.gif) no-repeat 0 100%;}
.footer .list {background: #2d2c2c url(../i/bg/bg-list-bottom-196.gif) no-repeat 0 100%;}

.list {overflow: hidden; width: 100%;}
.list li span {display: block; position: relative; padding: 3px 10px 4px 20px; background: url(../i/bg/bg-lists-li.gif) no-repeat 10px 9px; border-top: 1px solid #464646; color: #9c9c9c;}
.list li.open span {background-image: url(../i/bg/bg-lists-li-active.gif); background-position: 9px 10px;}
.list li span a {color: #9c9c9c; text-decoration: none;}
.list li span a:hover {text-decoration: none;}
.list li .flag {position: absolute; top: 4px; right: 10px;}
.list li ul, .list li .letters {list-style: none; padding: 18px 0;}
.list li ul, .list li table, .list li .letters {display: none; position: relative;}
.list li.open ul, .list li.open table, .list li.open .letters {display: block;}
.list li ul li {padding: 0 0 0 19px; background: url(../i/bg/bg-materials-li.gif) no-repeat 11px 50%;}
.list li ul, .list table {background: #f2f2f2;}

.list li .letters {background: #f2f2f2; padding:10px 10px 10px 10px;}
.list li .letters {color:#d4d4d4; line-height:18px;}

.dateoption { height:1%; padding:5px 10px; font:1.1em Tahoma; color:#afafaf; background:#f5f5f5 url(../i/bg/bg-gray-395.gif) no-repeat; border-bottom:2px solid #ececec; }
.dateoption  p { float:left; }
.dateoption  p.lnk { float:right; }
.dateoption  p.lnk a { color:#333; }

.newsall .text { padding:5px 0 0 0; font:1.2em/1.3em Verdana; color:#333; }
.newsall .text h1 { margin:10px 0; padding-bottom:5px; font:normal 1.8em/1.1 Tahoma; color:#000; }
.newsall .text h2 { margin:0 0 10px 0; padding-bottom:5px; font:bold 1.25em Verdana; color:#000; }
.newsall .text p { padding-bottom:17px; }
.newsall .text p span { font-weight:bold; }
.newsall .text p span.grin { color:#00aa32; }
.newsall .text h3 { color:#00aa32; padding-bottom:5px; }
.newsall .text ul { padding-left:15px; }
.newsall .text ol { padding-left:20px; }

/* all authors */
#all-authors {margin: 0 0 20px; font:1.1em Tahoma;}
#all-authors .bordered th, #all-authors .bordered td {padding: 3px 10px; text-align: left; background: white; border-color: #e1e1e1;}
#all-authors .bordered .emphasis td {border-color: #b1e686; background: #d2fbb1;}
#all-authors .bordered .dark td {background: #f5f5f5;}
#all-authors .bordered .num {text-align: center;}
#all-authors .bordered .name {font:11px Tahoma; font-weight:bold;}

/* all birthdays */
div.birthdays2 {margin: 0 10px; font:1.1em Tahoma;}
.birthdays2 form {margin: 20px 0;}
.birthdays2 select { font:1.0em Tahoma; }
.birthdays2 .btn {margin-top: 7px; width: 60px; height: 20px; margin-left:1px; padding:0 0 2px 0; font:11px Tahoma; text-align:center; cursor:pointer;}

.birthdays2 ul {float: left; width: 50%; list-style: none;}
.birthdays2 li {margin: 0 0 0.5em;}
.birthdays2 li a {padding-left:6px;}
.birthdays2 span {color: #d4d4d4;}
.birthdays2 .day {padding: 0; width:60px;}
.birthdays2 .month {padding: 0; width:89px;}
.birthdays2 .sport {padding: 0; width:129px;}

/* cols */
.cols {overflow: hidden;}
.col {float: left;}
.cols2 .col {width: 50%;}

/* Gecko */
html:not([lang*=""]) .bordered {margin-left: 1px;}
/* Safari */
body:first-of-type .bordered {margin-left: 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   End
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */