/* CSS layout for ox.pl 2008
   @file: oxTidings.css
   @created: 27.06.2008
   @last edited: 12.10.2009
   @created by Arkadiusz Kondas
*/

/* ------- box styles ------- */
#oxBoxMain .oxBoxMainContent { padding-top:10px; border:0px; }
#oxBoxMain .oxBoxLeftBorder { width:1px; height:310px; float:left; background:url(../ox/layout2008/bgBoxBorderGrey.jpg) no-repeat top; }
#oxBoxMain .oxBoxRightBorder { width:1px; height:310px; float:right; background:url(../ox/layout2008/bgBoxBorderGrey.jpg) no-repeat top; }

/* ------- tidings styles ------- */
.oxArticleBox { overflow:hidden; zoom:1; border-bottom:1px solid #CCC; padding-bottom:5px; padding-right:5px; margin-bottom:10px; }
.oxArticleBox h3, .oxArticleBox h3 a { margin-bottom:15px; color:#000; font-size:14px; }
.oxArticleBox p { margin-top:7px; }
.oxArticleBox img { margin: 5px 10px; float:left; }
.oxArticleBox .colorbox img {margin:0px; float:none;}
.oxArticleBox .imgDiv { margin:5px 15px 10px 10px; float:left; }
.oxArticleBox .imgDiv img { margin:0; float:none; }
.oxFotoComment { font-style:italic; color:#333; font-size:11px; width:140px; }
.oxArticleDate { color:#999; float:right; font-size:11px; text-align:right; }
.oxArticleBox .oxLinkMore { margin:5px 20px 0 0; }
#tidingsFullText, #tidingsFullText p { line-height:16px; color:#000; font-weight:normal; }
.oxArticleBox .oxArticleText { margin-left:160px; }
.oxMp3PlayerWrap { margin-bottom:-10px; }
#oxTidingsBLine { background:#F1F1F1; width:100%; color:#666; }
#oxTidingsBLine a { color:#666; }
#oxTidingsBLine span { color:#000; }
#oxTidingsBLine td { width:33%; }
#oxPrintButton { background:url(../ox/layout2008/iconPrint.gif) no-repeat; padding-left:20px; cursor:pointer; }
#flowPlayer {width:610px; position:relative; height:350px; text-align:center; background-color:#000; background-repeat:no-repeat; background-position:50% 50%;}
#flowPlayer img {margin:130px 0 0 260px; cursor:pointer; position: relative; z-index: 10}
#flowPlayer .back {width:610px; height:350px; position:absolute; top:0; left:0; margin:0; cursor: default; z-index: 1; }
#flowPlayer div.info {height:40px; width:580px; 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-family:"tahoma"; font-size:12px; border-top:1px solid #ccc;}
#flowPlayer div.info span {	color:#99FF99;	display:block;	font-weight:bold; padding-top:5px;}

.pollIcon {width:74px; height: 16px; background:url(../../img/chart.png) no-repeat; float:right;}

#tidingsRate {margin:15px 0 10px 0; position: relative; padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#tidingsRate .bar {position:relative;height:15px;width:78px;float: left;}
#tidingsRate .inactiveBar {background:url(../ox/layout2008/starsRate.gif) repeat-x bottom left;position:absolute;left:0;top:0;width:100%;height:100%;}
#tidingsRate .activeBar {background:url(../ox/layout2008/starsRate.gif) repeat-x top left;position:absolute;left:0;top:0;height:100%;}
#tidingsRate .rate a {background:url(../ox/layout2008/starsRate.gif) repeat-x bottom left;display:block;float:left;width:13px;height:15px;}
#tidingsRate .rate a:focus {outline:0;}
#tidingsRate .rateLabel, #tidingsRate .rateLabelVote {float:left;width:120px;}
#tidingsRate .rateValue {float:left;margin-left:5px;font-weight:bold;}
#tidingsRate .rateVotes {padding-left:10px;}

#tidingRate {float:left;}
#tidingsShare {float:right;}
#tidingsShare p {margin:0px 0 5px 0; text-align:center; font-size: 11px;}
#tidingsShare img {margin:0 0 0 5px;}

/* ------- comments list styles ------- */
.oxCommentList { width:100%; margin:0px 0 12px 0; padding:5px 0 0 0; clear:both; }
.oxCommentList p { font-size:11px; color:#556270; }
.oxCommentList .oxCommentAuthor { color:#E3001B; margin-bottom:5px; }
.oxCommentList .oxCommentAuthor span { color:#556270; }
.oxCommentAvatar { float:left; width:30px; }
.oxCommentText { margin-left:40px; }
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }

/* poll styles */
#tidingPoll {clear:both; width:600px; margin:0 auto; padding:20px 0 40px 0;}
#tidingPoll p {font-weight:bold; text-align:center; font-size: 14px;}
#pollIndicator {width:100%; height:14px; background:#333366;}
#yesIndicator {background:#E97F0E; height: 100%;}
#giveVote {width:100%; text-align:right;}
#giveVote a {color:#000; font-weight: bold;}
#giveYesVote {text-align:left; float:left; width:300px;}


/* thickbox settings */
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }




#report_mistake {text-align: center; position: absolute; top:15px; right:195px; margin-top:-5px;font-size:11px;}