/* CSS layout for ox.pl 2008 - 2009
   @file: oxLayout.css
   @created: 19.06.2008
   @last edited: 6.10.2009
   @author Arkadiusz Kondas
*/

/* ------- global styles ------- */
html, body, a, p, h1, h2, h3, h4, ul, li, div, hr, img {margin:0; padding:0; border:0;}
*html, *html body {height:100%;}
body {background:#FFF; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {text-decoration:none; color:#069; cursor:pointer;}
a:hover {text-decoration:underline;}
h2 {font-size:14px; padding:3px 0;}
h3 {font-size:12px; color:#069;}
#oxSimpleInfo {font-weight:bold; text-align:center; padding:100px 0;}
.oxHideLabel {display:none;}

/* ------- structure styles ------- */
#oxHeader, #oxMain, #oxFooter {width:950px; margin:0 auto; clear:both;}
#oxLeft {width:625px; float:left;}
#oxRight {width:315px; float:right;}
.oxNaviTab {height:31px;}
#oxBoxTimetable, #oxBoxSection, #oxBoxBottom {width:100%; margin:0 0 5px 0; overflow:auto;}
#oxBoxTimetable {margin-top:10px;}
.bx {margin:10px 0; clear:both;}
.secBox {float:left; width:205px; margin:0 5px 5px 0;}
.secBox .oxBoxContent {height:133px;}

#expandDiv {overflow:hidden; height:100px; position:absolute; top:0; left:0; z-index:100;}
#expandSkyDiv {overflow:hidden; height:600px; width:120px; text-align:right; position:absolute; top:0; left:0; z-index:10000;}
#oxBannerBillboard {margin:5px auto 10px auto; width:750px;}
#oxAdvertWord {width:100%; /*position:relative; top:3px;*/ text-align:left; color:#F00; background:#EEE; clear:both;}
#oxBoxAdvertTriple {height:140px; width:100%; margin-bottom:5px;}
#oxBoxAdvertTriple .advertBox {width:200px; height:125px; overflow:auto; /*background:#069;*/ float:left; margin:7px 12px 8px 0px;}
#oxBannerRight {width:315px; margin:10px 0; text-align:center; clear:both;}
#oxBannerBottom {width:310px; float:left; padding-top:5px; text-align:center;}
#oxRotationAdBox {float:left; width:133px; margin-bottom:5px;}
#oxRepertoryBanner {float:right; margin:0 20px 5px 40px;}
#oxExpandDiv {overflow:hidden; height:600px; width:120px; position:absolute; top:0; right:0;}

/* ------- links styles ------- */
#oxTopLinks {background:#CCC; font-family:tahoma; font-size:0px; line-height:0px; text-align:center; padding:2px 0;}
#oxTopLinks a {color:#0066CC; font-weight:bold;}
.oxLinkMore {font-size:10px; color:#930; float:right; padding:5px;}
.linkRed {color:#F00; float:right; margin:0 5px 5px 0;}
.oxCalendarLink {font-weight:bold;}

/* ------- header styles ------- */
#oxHeader a {color:#FFF; font-weight:bold; font-family:tahoma; font-size:11px;}
#oxHeader ul {list-style:none; float:right;}
#oxHeader ul li {float:left; width:83px; height:22px; line-height:22px; text-align:center; margin-left:1px;} 
#oxHeader .menuTop {clear:both; padding:0 7px; text-align: left; height:29px; color:#FFF; line-height:29px; }
#oxHeader .menuTop a {color:#FFF; font-weight:bold; padding: 0 5px;}
#menu_button_1 {background:url(../ox/img/menu_1.gif) no-repeat;} #menu_button_2 {background:url(../ox/img/menu_8.gif) no-repeat;} #menu_button_3 {background:url(../ox/img/menu_2.gif) no-repeat;}
#menu_button_4 {background:url(../ox/img/menu_3.gif) no-repeat;} #menu_button_5 {background:url(../ox/img/menu_4.gif) no-repeat;} #menu_button_6 {background:url(../ox/img/menu_5.gif) no-repeat;}
#menu_button_7 {background:url(../ox/img/menu_6.gif) no-repeat;} #menu_button_8 {background:url(../ox/img/menu_7.gif) no-repeat;} #menu_button_9 {background:url(../ox/img/menu_9.gif) no-repeat;}
#menu_button_10 {background:url(../ox/img/menu_10.gif) no-repeat;}
#menu_button_s {background:url(../ox/img/menu_s2009.gif) no-repeat left !important; width:110px !important; margin-left:0px !important;}
#menu_button_h {background:url(../ox/img/menu_hustings.gif) no-repeat left; width:110px !important; margin-left:0px !important;}
#menu_top_text_1 {background-color: #333366;} #menu_top_text_2 {background-color: #ffd43b;} #menu_top_text_3 {background-color: #0061b4;} #menu_top_text_4 {background-color: #669933;}
#menu_top_text_5 {background-color: #7263ad;} #menu_top_text_6 {background-color: #999999;} #menu_top_text_7 {background-color: #fe9118;} #menu_top_text_8 {background-color: #d90057; text-align:right !important;}
#menu_top_text_9 {background-color: #BBB4D7; text-align:right !important;} #menu_top_text_10 {background-color:#FF0000;}
.tNavLink {cursor:pointer;}
#oxWospIcon {float:left; width:95px; text-align:center; padding-top:6px;}
#oxWospIcon a {color:#666; font-size:12px;}

/* ------- main box styles ------- */
#oxBoxMain {background:#FFF;}
#oxBoxMain #oxMainFoto {border:1px solid #BDBDBD; height:270px; padding:2px; float:left; text-align:center; width:380px; position: relative;}
#oxBoxMain #oxMainFoto div.back {height:60px; filter: alpha(opacity=70); width:332px; position:absolute; z-index:2; left:0px; bottom:0px; background:#000 url(../../plugins/flowplayer/h80.png) repeat-x; opacity:0.7; color:#fff; text-align:left; padding:5px 15px; font-size:12px; border-top:1px solid #ccc;}
* html #oxBoxMain #oxMainFoto div.back {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plugins/flowplayer/h80.png', sizingMethod='scale') alpha(opacity=70); background:#000; bottom:-1px;}
#oxBoxMain #oxMainFoto div.info {height:60px; width:332px; position:absolute; z-index:3; left:4px; bottom:0px; color:#fff; text-align:left; padding:5px 15px; font-size:12px;}
#oxBoxMain #oxMainFoto div.info h2 {font-size:18px;}
#oxBoxMain #oxMainFoto div.info h2 a.videoLink {background:url(../../img/video_white.png) no-repeat 100% 50% ; padding:2px 25px 0 0;}
#oxBoxMain #oxMainFoto div.info h2 a.soundLink {background:url(../../img/sound_white.png) no-repeat 100% 50% ; padding:2px 25px 0 0;}
* html #oxBoxMain #oxMainFoto div.info h2 a.videoLink {background:url(../../img/video_white.gif) no-repeat 100% 50% ;}
* html #oxBoxMain #oxMainFoto div.info h2 a.soundLink {background:url(../../img/sound_white.gif) no-repeat 100% 50% ;}
#oxBoxMain #oxAjaxContent #oxMainFoto p {text-align:left;}
.oxTabIndex {list-style:none;}
.oxTabIndex li {float:left; background:url(../ox/layout2008/bgTabCornerLeft.gif) no-repeat left top; padding:0 0 0 6px; margin-right:-1px; border-bottom:1px solid #BCBCBC;}
.oxTabIndex li a {display:block; float:left; background:url(../ox/layout2008/bgTabCornerRight.gif) no-repeat right top; color:#069; padding:8px 20px 7px 15px; cursor:pointer;}
.oxTabTidings li a {padding:8px 18px 7px 12px;}
.oxTabTidings .special {background:url(../ox/layout2008/bgTabCornerLeftRed.gif) no-repeat left top;}
.oxTabTidings .special a {background:url(../ox/layout2008/bgTabCornerRightRed.gif) no-repeat right top; color:#C00; }
.oxTabTidings .specialGrey  {background:url(../ox/layout2008/bgTabCornerLeftSpecial.gif) no-repeat left top;}
.oxTabIndex li:hover {background-position:0% -81px;}
.oxTabIndex li:hover a {background-position:100% -81px;}
.oxTabIndex .activeTab {background-position:0% -81px; border:none;}
.oxTabIndex .activeTab a {background-position:100% -81px; padding-bottom:8px;}
#oxFSE {background: none !important; padding: 0; margin: 0; width: 133px; height: 30px !important;}
#oxBoxMain .oxBoxMainContent {border-left:1px solid #BCBCBC; min-height:250px; padding:5px; overflow:hidden; border-right:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; background:url(../ox/layout2008/bgBoxContent.jpg) repeat-x top;}
.oxLinkList {float:right;}
.oxLinkList ul {float:left; width:215px; line-height:16px;}
.oxLinkList li {margin-left:15px;}
.videoLink {background:url(../../img/video.png) no-repeat bottom right; padding:2px 25px 0 0;}
.soundLink {background:url(../../img/sound.png) no-repeat bottom right; padding:2px 25px 0 0;}
* html .videoLink {background:url(../../img/video.gif) no-repeat bottom right;}
* html .soundLink {background:url(../../img/sound.gif) no-repeat bottom right;}
#tNavigation {margin:247px 0 0 0;}
#tNavigation a {font-size:11px; color:#000;}
.tMPImage {width:360px; height:270px;}
.tMP {height:245px; top:5px; left:10px; overflow:hidden; position:absolute;}
.tNavLink {padding:0 6px; font-size: 10px !important;}
.tNavLinkSel {background-color:#FE9118;}

/* ------- section boxs styles -------*/
.secBox h3 {color:#C33;}
.secBox .oxBoxContent {padding:3px 0 0 0; overflow:hidden;}
.secBox .oxBoxContent ul {width:auto;}

/* ------- small boxs styles -------*/
.oxBoxHeadingMain {background:url(../ox/layout2008/bgBoxHeadingMain.gif) repeat-x; margin:0 5px; padding:3px 0 0 5px; height:18px; }
.oxBoxHeadingMain h3 a {color:#069;}
.oxBoxHeadingLeft {width:5px; height:21px; float:left; background:url(../ox/layout2008/bgBoxHeadingLeft.gif) no-repeat; margin-right:-5px;}
.oxBoxHeadingRight {width:5px; height:21px; float:right; background:url(../ox/layout2008/bgBoxHeadingRight.gif) no-repeat; margin-left:-5px;}
.oxBoxContent {border:1px solid #BCBCBC; background:url(../ox/layout2008/bgBoxContent.jpg) repeat-x top; padding:10px 0 0 0; overflow:auto;}
.oxBoxContent ul {float:left; width:155px; line-height:16px;}
.oxBoxContent li {margin-left:18px;}
.oxBoxFotoLinks {clear:both; padding:5px 0;}
.oxBoxFotoLinks img {width:95px;}
.oxSubBoxFL {float:left; width:95px; margin:0 3px; text-align:center;}
.oxSubBoxFL a {font-size:10px; color:#069; line-height:15px;}
#oxBoxContactUs {width:300px; float:right;}
#oxBoxContactUs .oxBoxHeadingMain {height:33px; background:url(../ox/layout2008/bgBoxHeadingMainBig.gif) repeat-x;}
#oxBoxContactUs .oxBoxHeadingLeft {width:10px; height:36px; background:url(../ox/layout2008/bgBoxHeadingLeftBig.gif) no-repeat; margin-right:-10px;}
#oxBoxContactUs .oxBoxHeadingRight {width:10px; height:36px; background:url(../ox/layout2008/bgBoxHeadingRightBig.gif) no-repeat; margin-left:-10px;}
#oxBoxContactUs .oxBoxHeadingMain h3 {font-size:14px; color:#333; text-align:center; padding-top:8px;}
#oxBoxContactUs .oxBoxHeadingMain h3 span, #oxBoxContactUs h4, #oxBoxContactUs a {color:#E97F0E;}
#oxBoxContactUs .oxBoxContent {padding:10px 5px 0 5px; height:137px;}
#oxBoxContactUs .oxBoxContent h4 {margin-bottom:10px; font-size:11px;}
#oxBoxContactUs .oxBoxContent ul li {margin:0; padding:0 0 3px 0;}

/* ------- search box styles -------*/
#oxBoxSearch {width:100%; height:83px; margin-bottom:8px;}
#oxBoxSearch p.tab {font-size:11px; padding-top:5px; text-align:center; color:#333; cursor:pointer;}
#oxBoxSearch label {font-size:11px; font-weight:bold;}
#oxBoxSearch input.text {width:216px; height:23px; background:url(../ox/layout2008/bgInputSearch.gif) no-repeat; border:none; padding:4px 5px 0 4px; margin:5px 15px 0 10px;}
.googleInput {width:212px; height:19px; margin:5px 15px 0 10px;}
#searchTab {background:url(../ox/layout2008/bgActiveTabSmall.gif) no-repeat; width:128px; height:22px; float:left; position:relative; z-index:9;}
#postTab {background:url(../ox/layout2008/bgInActiveTabSmall.gif) no-repeat; width:128px; height:22px; margin-left:127px; border-bottom:1px solid #DCDADA; position:relative; z-index:10;}
#oxSearchBoxContent {width:100%; height:61px; background:url(../ox/layout2008/bgSearchBox.gif) no-repeat; position:relative; margin-top:-1px; z-index:1;}
#tab1Content, #tab2Content {clear:both;}
#tab2Content {display:none;}


/* ------- user box styles -------*/
#oxBoxUser {margin-bottom:10px;}
#oxBoxUser label {margin-right:5px;}
#oxBoxUser .oxBoxContent {padding:5px; font-size:10px; color:#330033;}
#oxBoxUser #oxClubImage {float:right; margin-right:5px; width:155px;}
#oxBoxUser #oxFrmLogin {width:110px; float:left;}
#oxBoxUser .inText {width:100px; font-size:10px; color:#330033; margin:0 0 5px 0; border-top:1px solid #333;}
#oxUserFoto {width:102px; background:#E7EFFE; margin:0 10px 0 3px; float:left;}
#oxUserFoto img {width:102px;}
#oxBoxUser h2 {font-size:16px;}
#oxBoxUser p {font-size:12px;}
#oxMustBeLogged {text-align:center; margin:20px 0; font-weight:bold;}
#oxMustBeLogged a {color:#069;}

/* ------- notice box styles -------*/
#oxBoxNotice {float:right; width:440px;}
#oxBoxNotice .oxLinkList {float:none;}
#oxBoxNotice .oxLinkList ul {width:210px; line-height:17px;}
#oxBoxNotice .oxTabIndex li a {background:url(../ox/layout2008/bgTabCornerRightBlue.gif) no-repeat right top;}
#oxBoxNotice .oxTabIndex li {background:url(../ox/layout2008/bgTabCornerLeftBlue.gif) no-repeat left top;}
#oxBoxNotice .oxTabIndex li:hover {background-position:0% -81px;}
#oxBoxNotice .oxTabIndex li:hover a {background-position:100% -81px;}
#oxBoxNotice .oxBoxContent {border-top:none; background:url(../ox/layout2008/bgBoxContentBlue.jpg) repeat-x; overflow:auto;}
#oxBoxNotice .oxTabIndex li.activeTab {background-position:0% -81px; border:none;}
#oxBoxNotice .oxTabIndex li.activeTab a {background-position:100% -81px; padding:8px 20px 8px 15px;}
#oxBoxNotice .oxTabIndex #tabEmpty {height:30px; background:none; width:127px;}

/* ------- other styles -------*/
.cal_day { background-color: #fafafa; text-align: center; padding: 3px 2px; }
.calendar a {color:#039;}
#oxBoxMap .oxBoxContent p {font-size:11px; color:#125D96; margin:0 0 0 7px;}
#oxBoxMap .oxBoxContent p a {color:#125D96;}
#oxBoxMap .oxBoxContent img {float:right; margin:0 7px 5px 3px;}
#oxBoxMapSmall {float:right; width:166px; overflow:hidden;}
#oxMessagesLink {font-weight:bold; font-size:11px; color:#060;}
#oxNoMessages {font-size:10px; font-weight:normal;}
.oxAdminLinks {margin-top:7px;}
.oxAdminLinks a {color:#F00; font-size:13px; font-weight:bold;}

#oxBoxKids .oxBoxContent {height: 146px; position:relative; padding:0px; background: url(../ox/img/bg_kids_sg.gif) repeat-x; font-size: 11px; color: #808080;}
#oxBoxKids strong {font-size: 12px;}
.oxKidThumb {height: 146px; overflow: hidden; float: left; width: 186px; margin-right: 5px;}
.oxKidAddPhoto {display: block; top:77px; right:16px; position:absolute; width: 94px; height: 24px; background: url(../ox/img/kid_add_photo.png) no-repeat;}
.oxKidSeeMore {display: block; top:112px; right:16px; position:absolute; width: 94px; height: 24px; background: url(../ox/img/kid_see_more.png) no-repeat;}

#oxBoxKids .oxBoxContent {height: 146px; position:relative; padding:0px; background: url(../ox/img/bg_kids_sg.gif) repeat-x; font-size: 11px; color: #808080;}
#oxBoxKids strong {font-size: 12px;}
.oxKidThumb {height: 146px; overflow: hidden; float: left; width: 186px; margin-right: 5px;}
.oxKidAddPhoto {display: block; top:77px; right:16px; position:absolute; width: 94px; height: 24px; background: url(../ox/img/kid_add_photo.png) no-repeat;}
.oxKidSeeMore {display: block; top:112px; right:16px; position:absolute; width: 94px; height: 24px; background: url(../ox/img/kid_see_more.png) no-repeat;}

#oxBoxFotoreport .oxBoxContent {padding: 0px; overflow: hidden; position: relative;}
.oxPhotoreportThumbsWrapper {float: left; width: 280px;}
.oxPhotoreportLinks {padding: 5px 0 0 9px; position: absolute; top:0px; right: 5px; z-index: 100;}
.oxPhotoreportLinks a {display: block; background:#000; opacity:0.9; padding: 2px 4px 2px 4px; margin-bottom: 10px; border: 1px solid #FFF; color: #FFF; cursor: pointer;}
.oxPhotoreportLinks .active {background: #FE9118;}
.oxPhotoreportThumb {width: 315px; height:188px; background:#000; overflow: hidden; position: relative;}
.oxPhotoreportThumb img {width: 315px;}

.oxPhotoreportThumb .back {height:45px; filter: alpha(opacity=70); width:315px; position:absolute; z-index:2; left:0px; top:133px; background:#000 url(../../plugins/flowplayer/h80.png) repeat-x; opacity:0.7; color:#fff; text-align:left; padding:5px 15px; font-size:12px; border-top:1px solid #ccc;}
* html .oxPhotoreportThumb .back {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plugins/flowplayer/h80.png', sizingMethod='scale') alpha(opacity=70); background:#000; bottom:-1px;}
.oxPhotoreportThumb .info {height:45px; width:300px; position:absolute; z-index:3; left:4px; top:133px; color:#fff; text-align:left; padding:5px 15px; font-size:12px;}
.oxPhotoreportThumb .info h2 {font-size:17px;}

/* send notices button */
#oxLinkSendNotices {position: fixed;right: 0px;top: 55%;width: 36px;height: 161px;}
#oxLinkSendNotices a {height: 100%;width: 100%;display: block;background: url("../ox/layout2008/iconSendNotices.jpg") no-repeat left top;}
#oxLinkSendNotices a:hover {background-position:right top;}

/* competitions button */
#oxLinkCompetitions {position: fixed;right: 0px;top: 25%;width: 36px;height: 161px;}
#oxLinkCompetitions a {height: 100%;width: 100%;display: block;background: url("../ox/layout2008/iconCompetitions.jpg") no-repeat right top;}
#oxLinkCompetitions a:hover {background-position:left top;}

/* rotation box */
#box1Scroll {width:135px;text-align:center;background:#fff;padding:1px 0 1px 0;}
#box1Scroll a {font-size:13px;font-weight:bold;color:black;text-decoration:none;}
a#box1Pause img, a#box1Play img {vertical-align:middle;margin:0 5px 0 7px;width:10px;height:12px;}
a#box1Play {display:none;}

/* search styles */
.oxSearchHeading {width:100%; margin:5px 0 10px 0; padding:4px 0; background:#F4F4F4; border-top:1px solid #E2E2E2; text-align:center; color:#666; font-weight:bold;}
.oxSearchTable:hover {background: #FD9017; color: #FFF;}
.oxSearchTable:hover a {color: #FFF;}
.oxSearchTable td {text-align:right;}
.oxSearchTable th {text-align:left; width: 300px;}
.oxSearchTable .time {text-align: left; width: 155px; padding-left: 10px;}
.oxSearchTable span {color:#FF3A00;}
.oxSearchPages {margin:5px 0 10px 0;}

/* tags styles */
#oxTagsList ul {list-style: none; padding: 10px 0 0 0;}
#oxTagsList ul li {float: left; margin:0 10px 0 0; height: 24px; display: block; line-height: 24px;}
.oxTidingsTags {padding: 10px 0 10px 0;}
.oxTidingsTags a {margin-right: 2px; font-weight: bold;}
.tag_heading {font-size: 16px; color: #666; padding: 5px 0; margin-top: 5px; border-bottom: 1px solid #CCC;}

/* modal window */
#loginFormModal {padding:10px; font-size:11px;}
#loginFormModal h2 {text-align:center;}

/* form hint styles */
.oxFormHint {display:none; position:absolute; background:#FFFFCC; margin-left:240px; margin-top:-22px; width:200px; padding:5px; border:1px solid #FE9118;}
.oxFormHint .hintArrow {width:19px; height:16px; padding:0px; background:url(../ox/layout2008/iconArrowLeft.gif) no-repeat; position:absolute; top:5px; left:-19px;}

/* valentine scroll */
#vValentineBar {height: 40px; width:100%; position: fixed; bottom: 0px;}
#vValentineBarClose {width: 15px; height: 15px; position:absolute; right:0px; top:-15px; cursor:pointer; background:url(../../img/close.gif) no-repeat;}

/* ------- footer styles ------- */
#oxFooter {padding:10px 0 10px 0;}
#oxFooterLeft {float:left; width:11px; height:100px; background:url(../ox/layout2008/bgFooterLeft.gif) no-repeat; margin-right:-11px;}
#oxFooterRight {float:right; width:11px; height:100px; background:url(../ox/layout2008/bgFooterRight.gif) no-repeat; margin-left:-11px;}
#oxFooter a, #oxFooter th span {color:#333; margin:0 10px;}
#oxFooter #oxBoxRecommendation {height:95px; margin:0 11px 20px 11px; background:url(../ox/layout2008/bgFooterContent.gif) repeat-x; padding-top:5px; background-color: #FFF;}
#oxFooter #oxBoxRecommendation img {margin-right:1px;}
#oxLineFooter {height:1px; width:100%; margin:10px 0;}
.oxCreatedBy {text-align:right; padding:0 0 10px 0; width:950px; margin:0 auto; clear:both;}
.oxCompStatus {background: #F00; color: #FFF; padding: 3px;}
.oxCompStatusGreen {background: #0C0;}
#oxFooterMenu {width:100%;border-collapse:collapse; border:1px solid #CCC; background:url(../ox/layout2008/bgFooterContent.gif) repeat-x 0px -1px; background-color: #FFF;}
#oxFooterMenu th {width:20%;text-transform:uppercase;padding-bottom:10px;text-align:left;}
#oxFooterMenu td {padding-left:25px;}