* { margin:0; padding:0; } body { font-family:Arial, sans-serif; font-size:12px; /* background:#e5e5e5; */ background:url( "http://battleofthenations.com.ua/images/bg_texture2.jpg" ); /* background-image: "http://battleofthenations.com.ua/images/bg_texture.jpg"; */ color: #4b4b4b; line-height: 18px; } h3{ margin-bottom: 5px; } /*GENERAL PAGE ELEMENTS*/ a, a:link, a:visited, a:hover { text-decoration:none; outline:none; color:#0c619c; } img { border:0; outline:none; } p img {margin: 10px; } .hidden { display:none; } .clear { clear:both; } /*navigation (top and bottom are the same)*/ .navigation { height:37px; list-style-type:none; } .navigation li { height:37px; line-height:37px; float:left; background:url("img/menu-bg.png") 0 -111px repeat-x; } /* .navigation li a.left { background:url("img/menu-bg.png") left 0 no-repeat; padding:0 8px; } .navigation li a.left:hover {_background:url("img/menu-bg.png") left 0 no-repeat;} */ .navigation li a.left { background:url("img/button_dark.gif") left 0 no-repeat; padding:0 8px; } .navigation li a.left:hover {_background:url("img/button_dark.gif") left 0 no-repeat;} .navigation li a.right:hover { _background:url("img/menu-bg.png") right -37px no-repeat; } .navigation li a.right { background:url("img/menu-bg.png") right -37px no-repeat; padding:0 8px; } .navigation li.sep { background-position:0 -74px; width:2px; background-repeat:no-repeat; } .navigation li a { color:white !important; text-transform:uppercase; font-size:11px; padding:0 7px; display:block; float:left; height:37px; } .navigation li a:hover { text-decoration:underline;} .navigation li.current { background:url("img/menu-bg-orange.png") 0 -74px repeat-x; } /* .navigation li.current a.left { background-image:url("img/menu-bg-orange.png"); } .navigation li.current a.right { background-image:url("img/menu-bg-orange.png"); }*/ .navigation li.current a.left { background-image:url("img/button_dark.gif"); } .navigation li.current a.right { background-image:url("img/button_dark.gif"); } /*change lang*/ .lang { height:37px; float:right; width:16px; } .lang a { display:block; height:37px; background:url("img/arrow-sprite.png") 0 bottom no-repeat; } .lang a:hover { background-position:-16px bottom; } .lang a img { margin-top:11px; } /*blue heading .heading { height:29px; background:url("img/heading-bg-blue.png") 0 -29px repeat-x; margin-bottom:15px; } .heading .left, .heading .right { height:29px; background:url("img/heading-bg-blue.png") left 0 no-repeat; } .heading .right { background-position:right -58px; line-height:29px; color:white; padding:0 10px; font-size:13px; font-weight:bold; text-transform:uppercase; text-shadow:-1px -1px #0d4a67; }*/ .heading { height:29px; background:url("img/button_dark.gif") repeat-x; margin-bottom:15px; } .heading .left, .heading .right { height:29px; background:url("img/button_dark.gif") left 0 no-repeat; } .heading .right { background-position:right -58px; line-height:29px; color:white; padding:0 10px; font-size:13px; font-weight:bold; text-transform:uppercase; text-shadow:-1px -1px #0d4a67; } .heading .right a { float:right; margin-top:7px; } /* .heading.orange, .heading.orange .left, .heading.orange .right { background-image:url("img/heading-bg-orange.png") !important; } .heading.dark, .heading.dark .left, .heading.dark .right { background-image:url("img/heading-bg-dark.png") !important; }*/ .heading.orange, .heading.orange .left, .heading.orange .right { background-image:url("img/button_dark.gif") !important; } .heading.dark, .heading.dark .left, .heading.dark .right { background-image:url("img/button_dark.gif") !important; } /*button*/ .button { text-decoration:none; } .button * { border:0; height:24px; cursor:pointer; vertical-align:middle; background:url("img/button-bg.png") no-repeat; } .button img.head { background-position:0 0; width:1px; } .button img.tail { background-position:-1px 0; width:1px; } .button input { background-position:0 -24px; background-repeat:repeat-x; color:#4b4b4b; width:100px; padding-bottom:2px; font-size:12px; line-height:24px; } .button:hover input { color:black; } /*PAGE*/ /* #page { width:1000px; margin:0 auto; padding:0 25px; } */ #page { width:1000px; margin:0 auto; padding:0px; } /*HEADER*/ #header { height:245px; margin-bottom:25px; } #header .left-side { width:265px; float:left; overflow: hidden; } #header .left-side .logo { display:block; background:url("img/logo_ua.png") no-repeat; width:265px; height:188px; } #header .left-side .logo_en { display:block; background:url("img/logo_en.png") no-repeat; width:265px; height:188px; } #header .left-side .logo_ua { display:block; background:url("img/logo_ua.png") no-repeat; width:265px; height:188px; } #header .left-side .logo_by { display:block; background:url("img/logo_by.png") no-repeat; width:265px; height:188px; } #header .left-side .logo_pl { display:block; background:url("img/logo_pl.png") no-repeat; width:265px; height:188px; } #header .right-side { margin-left:0px; padding-top:0px; } #header .right-side .action-panel{ text-align:right; margin-bottom:10px; font-size: 14px; _margin-top: 25px} #header .right-side .action-panel table td { font-size: 14px;} #header .right-side .action-panel a.lgn {text-decoration:underline; font-size:14px; margin-left:5px; color:#0c619c;} #header .right-side .action-panel a { text-decoration:underline; } #header .right-side .middle { height:37px; margin-bottom:10px; _width: 734px; /*_position: absolute; _left: 350px;*/} #header .right-side .middle .navigation { float:right; } #header .right-side .search { text-align:right; } /* #header .right-side .search input { _overflow:visible; background:#c8c8c8 url("img/find-icon.png") right no-repeat; border:1px solid #317bad; height:17px; font-size:12px; padding-right:18px; width:130px !important; } */ #header .right-side .search input { _overflow:visible; background:#c8c8c8 url("img/find-icon.png") right no-repeat; border:1px solid #317bad; height:17px; font-size:12px; padding-right:0px; width:130px !important; } /*MAIN CONTAINER*/ #main-content { margin-bottom:30px; overflow:hidden; } #main-content .welcome { padding:0 5px; margin-bottom:60px;} #main-content .welcome h2 { font-family:Georgia, serif; font-size:32px; color:#4b4b4b; font-weight:normal; margin-bottom:10px; margin: 5px 0 30px 0;} #main-content .welcome p { font-family:Arial, sans-serif; font-size:18px; color:#4b4b4b; line-height:27px;} #main-content .welcome p a { text-decoration:underline; } /*LEFTCOL*/ #main-content .leftcol { float:left; width:260px; overflow: hidden; } /*news*/ #main-content .leftcol .news { margin-bottom:20px; } #main-content .leftcol .news .entry { padding:0 10px; margin-bottom:25px; } #main-content .leftcol .news .entry.last { margin-bottom:10px; } #main-content .leftcol .news .entry h3 { color:#0c619c; font-size:12px; font-weight:bold; margin-bottom:10px; } #main-content .leftcol .news .entry h3 a:hover { text-decoration:underline; } #main-content .leftcol .news .entry p { color:#4b4b4b; font-size:11px; line-height: 18px; font-weight:normal; overflow:hidden; margin-bottom:5px; } #main-content .leftcol .news .entry p img { float:left; margin:0px 10px 0px 0px; } #main-content .leftcol .news .entry .date { color:#a9a9a9; font-size:11px; text-align:right; clear:both; } #main-content .leftcol .news .show-all { text-align:right; font-size:11px; padding:0 10px; } #main-content .leftcol .news .show-all a:hover { text-decoration:underline; } /*sponsors*/ #main-content .leftcol .sponsors { margin-bottom:20px; } #main-content .leftcol .sponsors .entry { padding:0 10px; margin-bottom:30px; clear:both; overflow:hidden; _zoom:1; } #main-content .leftcol .sponsors .entry p { font-size:11px; color:#58585a; margin-left:75px; padding-top:10px; } #main-content .leftcol .sponsors .entry p a:hover { text-decoration:underline; } #main-content .leftcol .sponsors .entry img { float:left; width:52px; } /*representations*/ #main-content .leftcol .represent { margin-bottom:20px; } #main-content .leftcol .represent .entries { padding:0 10px; } #main-content .leftcol .represent .entries a { margin-right:5px; } #main-content .leftcol .represent .entries a img { width:27px; height:27px; margin-bottom:5px; } /*survey*/ #main-content .leftcol .survey { margin-bottom:20px; } #main-content .leftcol form { padding:0 10px; } #main-content .leftcol form h5 { font-size:11px; color:#4b4b4b; margin-bottom:10px; } #main-content .leftcol form label { display:block; font-size:11px; color:#4b4b4b; margin-bottom:10px; } #main-content .leftcol form label input { vertical-align:middle; } #main-content .leftcol form .buttons { text-align:left; } #main-content .leftcol form .buttons .skip { float:right; font-size:11px; line-height:24px; } #main-content .leftcol form .buttons .skip:hover { text-decoration:underline; } /*contacts*/ #main-content .leftcol .contacts { margin-bottom:20px; } #main-content .leftcol .contacts dl { padding:0 10px; font-size:11px; } #main-content .leftcol .contacts dl dt { float:left; width:35px; } #main-content .leftcol .contacts dl dd { margin-bottom:8px; } #main-content .leftcol .contacts dl dd a { text-decoration:underline; } /*RIGHTCOL*/ #main-content .rightcol { margin-left:295px; _margin-left:270px; } .uprofile { margin-left: 40px !important;} /*video*/ #main-content .leftcol .media { margin-bottom:20px; } #main-content .leftcol .media .entries { padding:0 10px; } #main-content .leftcol .media .entries .entry { position:relative; min-height:60px; _height:60px; margin-bottom:15px; } #main-content .leftcol .media.photos .entries .entry { min-height:85px !important; _height:60px !important; } #main-content .leftcol .media .entries .entry .thumb { position:absolute; left:0; top:0; width:85px; } #main-content .leftcol .media .entries .entry .thumb a { display:block; } #main-content .leftcol .media .entries .entry .thumb .play { display:block; position:absolute; top:50%; margin-top:-19px; left:50%; margin-left:-19px; background:url("img/video_icon.png") no-repeat; width:38px; height:39px; } #main-content .leftcol .media .entries .entry .info { margin-left:100px; font-size:11px; line-height:17px; } #main-content .leftcol .media .entries .entry .info a { display:block; } #main-content .leftcol .media .entries .entry .info a:hover { text-decoration:underline; } #main-content .leftcol .media .entries .entry .info .date { color:#4b4b4b; } /*movies*/ #main-content .rightcol .movies { height:265px; margin-bottom:35px; } #main-content .rightcol .movies .list { float:left; width:202px; height: 245px; background:#F2F2F2 url("img/movie-list-bg-left.png") left repeat-y; overflow:hidden; color:#4B4B4B; font-size:11px; line-height: 17px;} #main-content .rightcol .movies .list .entry { height:60px; overflow:hidden; border-bottom:1px solid #aaa; margin-bottom:1px; background:#f2f2f2 url("img/movie-list-bg-left.png") left repeat-y; } #main-content .rightcol .movies .list .entry.first { background:#f2f2f2 url("img/movie-list-bg-top.gif") left top no-repeat; } #main-content .rightcol .movies .list .entry.last { height:17px; background:#f2f2f2 url("img/movie-list-bg-bottom.gif") left bottom no-repeat; border-bottom:0; margin:0; line-height:14px; } #main-content .rightcol .movies .list .entry.last a { color:#0c619c !important; font-size:11px !important; display:inline !important; margin:0 !important; padding-left:19px !important; } #main-content .rightcol .movies .list .entry a { display:block; margin:15px 0 0 19px; color:#4b4b4b; font-size:12px; } #main-content .rightcol .movies .list .entry a:hover { text-decoration:underline; } #main-content .rightcol .movies .list .entry a span { font-weight:bold; } #main-content .rightcol .movies .player { margin-left:222px; background:black; height:265px; _position:relative; left:-3px; } /*teams*/ #main-content .rightcol .teams { overflow:hidden; margin-bottom:20px; } #main-content .rightcol .teams .team { margin-right:27px; width:154px; float:left; } #main-content .rightcol .teams .last { margin:0; } #main-content .rightcol .teams .team img { margin-bottom:10px; } #main-content .rightcol .teams .team .name { text-transform:uppercase; color:#4b4b4b; font-size:14px; font-weight:bold; margin-bottom:5px; } #main-content .rightcol .teams .team .about { color:#4b4b4b; font-size:12px; } /*forum*/ #main-content .rightcol .forum, #main-content .rightcol .static { margin-bottom:60px; } #main-content .rightcol .forum .entry { margin-bottom:20px; overflow:hidden; padding-left:22px; background:url("img/baloon-icon.png") left top no-repeat; } #main-content .rightcol .forum .entry .head { margin-bottom:5px; } #main-content .rightcol .forum .entry .head span { font-size:11px; color:#4b4b4b; margin-right:5px; } #main-content .rightcol .forum .entry .head a { font-size:11px; color:#4b4b4b; text-decoration:underline; margin-left:5px; } #main-content .rightcol .forum .entry .head a:hover { text-decoration:none; } #main-content .rightcol .forum .entry .post { font-size:12px; display:block; margin-bottom:7px; } #main-content .rightcol .forum .entry .post:hover { text-decoration:underline; } #main-content .rightcol .forum .entry .date { color:#a9a9a9; font-size:11px; } /*tag cloud*/ #main-content .rightcol .tag-cloud { } #main-content .rightcol .tag-cloud a { margin-right:3px; color:#4b4b4b; } #main-content .rightcol .tag-cloud a:hover { text-decoration:underline; } /*RIGHT SIDEBAR*/ #main-content .right-sidebar { width:215px; float:right; } /*rubrics*/ #main-content .right-sidebar .rubrics { margin-bottom:20px; } #main-content .right-sidebar .rubrics a { display:block; margin-bottom:10px; text-decoration:underline; font-size:12px; padding:0 10px; } #main-content .right-sidebar .rubrics a:hover { text-decoration:none; } /*tags*/ #main-content .right-sidebar .tags { margin-bottom:20px; } #main-content .right-sidebar .tags .list { padding:0 10px; } #main-content .right-sidebar .tags .list a { color:#4b4b4b; } #main-content .right-sidebar .tags .list a:hover { text-decoration:underline; } /*NEWS FEED*/ /* #main-content .news-feed { margin-left:280px; _zoom:1; margin-right: 235px; } */ #main-content .news-feed { margin-left:280px; _zoom:1; } #main-content .news-feed .feed { padding:0 10px; } #main-content .news-feed .feed .controls { font-size:11px; margin-bottom:10px; } #main-content .news-feed .feed .controls a { text-decoration:underline; color:#4b4b4b; padding-right:13px; margin:0 2px 0 5px; background:url("img/arrow.png") right 2px no-repeat; } #main-content .news-feed .feed .controls a.active { background:url("img/arrow.png") right -8px no-repeat; } #main-content .news-feed .feed .controls a:hover { text-decoration:none; } #main-content .news-feed .feed .entry { margin-bottom:20px; } #main-content .news-feed .feed .entry h3 { margin-bottom:10px; font-weight:normal; } #main-content .news-feed .feed .entry h3 a { font-size:18px; } #main-content .news-feed .feed .entry h3 a:hover { text-decoration:underline; } #main-content .news-feed .feed .entry p { color:#4b4b4b; font-size:12px; overflow:hidden; line-height: 18px; } #main-content .news-feed .feed .entry p img { float:left; margin:0 10px 0px 0; sheight: 50px; swidth:50px; } #main-content .news-feed .feed .entry .info { color:#a9a9a9; font-size:11px; _clear:both; } #main-content .news-feed .feed .entry .info span { margin-right:10px; } /*paging*/ .paging { } .paging a { font-size:18px; margin-right:5px; } .paging a:hover { text-decoration:underline; } .paging a.current { color:#fbaf40; } #edit_profile h3 { text-align:center; font-size:20px; margin-bottom:20px; } #edit_profile strong { text-align:center; font-size:12px; margin-bottom:20px; } #edit_profile h4 { font-size:17px; margin:10px 0 10px 20px; } #edit_profile .wrap { border:1px solid #b7bcc1; width:570px; margin:0 auto; background:white; padding:1px 0 0 1px; } #edit_profile .wrap form { background:#d6d9dc; padding:25px 0 10px 0; zoom:1; } #edit_profile .wrap form .buttons { text-align:center; border-top:1px solid #b7bcc1; } #edit_profile .wrap form .buttons .bwrap { padding-top:10px; border-top:1px solid white; } #edit_profile .wrap form table { border-collapse:collapse; table-layout:auto; } #edit_profile .wrap form table tr { border-collapse:collapse; height:15px; } #edit_profile .wrap form table tr td { font-size:12px; } #edit_profile .wrap form table tr td input { border:1px solid #afbbc9; padding:2px 5px; width:250px; } #edit_profile .wrap form table tr td.field-name { width:140px; text-align:right; } #edit_profile .wrap form table tr td.field { padding-left:10px; width:140px; } #edit_profile .wrap form table.personal tr td input.select { width:136px; } #edit_profile .wrap form table.personal tr td.day { width:50px; } #edit_profile .wrap form table.personal tr td.day input { width:20px; } #edit_profile .wrap form table.personal tr td.month { width:90px; } #edit_profile .wrap form table.personal tr td.month input { width:60px; } #edit_profile .wrap form table.personal tr td.year { width:60px; } #edit_profile .wrap form table.personal tr td.year input { width:60px; } #edit_profile .wrap form table.personal tr td .file { position:relative; } #edit_profile .wrap form table.personal tr td .inputfile { width:230px; filter:alpha(opacity=0); opacity:0; position:relative; z-index:2; } #edit_profile .wrap form table.personal tr td #fakefile { position:absolute;left:0; } #edit_profile .wrap form table.contacts tr td.visible { width:40px; padding-left:8px; } #edit_profile .wrap form table.contacts tr td.to { width:80px; } #edit_profile .wrap form table.contacts tr td.to input { width:80px; } #edit_profile .wrap form table.interests tr td { padding-bottom:15px; } #edit_profile .wrap form table.interests tr td.field-name { vertical-align:top; } #edit_profile .wrap form table.interests tr td textarea { width:313px; height:60px; } /*FOOTER*/ #footer { clear:both; overflow:hidden; margin-bottom:20px; } #footer .copy { float:left; width:240px; color:#4b4b4b; font-size:12px; padding-left:10px; line-height:37px; } #footer .right-side { margin-left:280px; height:37px; } #footer .right-side .navigation { float:right; margin-right:15px; } div.form { margin-bottom:40px; margin-left:auto; margin-right:auto; margin-top: 20px; } div.form table{ border: 1px solid white; margin-top:20px; padding: 10px; } div.form table.td{ margin: 5px; } .styled-select { } .styled-select input { color:#4b4b4b; font-size:13px; padding-right:19px !important; background:white url("img/select_arrow.png") right no-repeat; cursor:default; } .styled-select div { position:absolute; border:1px solid #afbbc9; top:21px; _top:22px; left:0; z-index:20; _zoom:1; } .styled-select div a { display:block; color:#4b4b4b; text-decoration:none; padding:3px 4px; font-size:13px; line-height:14px; background:white; cursor:pointer; } .styled-select div a:hover { background:#afbbc9; color:white; } /*VIDEO GALLERY*/ #gallery .filter { margin-bottom:20px; } #gallery .filter .field { padding-right:10px; } #gallery .filter input { border:1px solid #afbbc9; padding:2px 5px; } #gallery .videos { margin-bottom:10px; padding-left:25px; } #gallery .video { width:135px; margin:0 35px 30px 0; float:left; } #gallery .video .thumb { position:relative; display:block; margin-bottom:10px; } #gallery .video .thumb .play, .play { position:absolute; top:50%; left:50%; margin:-19px 0 0 -19px; display:block; background:url("img/video_icon.png") no-repeat; width:38px; height:39px; } #gallery .video .info { font-size:11px; line-height:17px; } #gallery .video .info a { text-decoration:underline; display:block; } #gallery .video .info a:hover { text-decoration:none; } #gallery .video .info a.title { margin-bottom:7px; } div.lang div#langs a img { padding: 0; margin:0; } div.lang div#langs { z-index: 100; }