/* CSS layout for ox.pl 2008
   @file: oxNotice.css
   @created: 01.08.2008
   @last edited: 29.10.2009
   @created by Arkadiusz Kondas
*/

/* ------- box styles ------- */
.oxTabIndex li { background:url(../ox/layout2008/bgTabCornerLeftViolet.gif) no-repeat left top; border-color:#7263AD; }
.oxTabIndex li a {background:url(../ox/layout2008/bgTabCornerRightViolet.gif) no-repeat right top; color:#060; padding-left:21px; color:#609; padding-right:21px; font-weight:bold;}
#oxBoxMain .oxBoxMainContent {background:url(../ox/layout2008/bgBoxContentViolet.jpg) repeat-x top; border:none;}
#oxBoxMain .oxBoxMainContent h3 {font-size:14px; color:#060;}
#oxBoxMain .oxBoxMainContent h2 {color:#609;}
#oxBoxMain .oxBoxLeftBorder {width:1px; height:310px; float:left; background:url(../ox/layout2008/bgBoxBorderViolet.jpg) no-repeat top;}
#oxBoxMain .oxBoxRightBorder {width:1px; height:310px; float:right; margin-right:1px; background:url(../ox/layout2008/bgBoxBorderViolet.jpg) no-repeat top;}
.oxTabIndex li#tabEmpty {height:30px; background:none; width:48px;}
.payRow {display:none;}
.doYouKnow li {margin-left:20px;}
#oxBoxTidings {margin-top: 20px;}
#oxBoxTidings .oxBoxContent ul {float: none; width: 300px; margin-left:10px; line-height: 16px;} 

/* ------- search box styles ------- */
#oxBoxNoticeSearch {width:624px; margin:10px auto; padding: 0px;}
#oxBoxNoticeSearch .oxBoxContent {padding:5px !important; height: 33px; overflow: hidden; background:url(../ox/layout2008/bgBoxContentViolet.jpg) top repeat-x; border-color:#7263AD;}
#oxBoxNoticeSearch #inputWord {font-size:14px; width: 230px;}
#oxBoxNoticeSearch select {font-size: 14px;}
#oxBoxNoticeSearch td {font-size: 10px;}
#oxBoxNoticeSearch .submit {background:url(../ox/layout2008/iconSearch.gif); cursor: pointer; position: relative; top: 6px; width:35px; height:19px; border:none;}

/* ------- notices box styles ------- */
#oxNoticeList {margin-bottom:20px;}
.oxNoticeBox {padding:5px; width:415px;}
#oxNoticeList img {margin:3px 10px 5px 2px; width: 70px; height: 52px;}
.oxNoticeBox h2 a, .oxNoticeBox h2 {font-size:12px; color:#609;}
.oxNoticeBox p {margin-top:5px; font-size: 11px;}
.oxNoticePrice {color:#F00; font-size:12px; font-weight:bold; padding:0px 10px 0px 0;}
.oxNoticeDetail {width: 100px !important; padding:0px; position: relative;}
.small_row_top {font-size: 10px; padding-bottom: 8px;}
.small_row_bottom {font-size: 10px; padding-top: 8px;}

/* ------- notices box more styles ------- */
.oxNoticeBoxMore {padding:5px; width:600px;}
.oxNoticeBoxMore h2 a, .oxNoticeBoxMore h2 {font-size:12px; color:#609;}
.oxNoticeBoxMore ins {display:block; float:right; font-size:10px; text-decoration:none; text-align:right;}
.oxNoticeBoxMore em a {color:#666; font-size:10px;}
.oxNoticeBoxMore p {margin-top:10px;}

#oxNoticeEmailForm {clear:both; padding-top:10px;}
#oxNoticeEmailForm h5 {text-align:center;}
.price {color:#F00; font-weight:bold; margin-top:8px;}
.require {color:#F00;}
.oxListPhoto img {margin:5px 20px;}

/* ------- notices package styles ------- */
#oxNoticeLogin {text-align:center; padding-top:50px;}
#oxNoticeLogin p {font-weight:bold; padding-bottom:10px; color:#609;}
#oxNoticeBody {padding:10px;}
#oxNoticeBody .logout {border:none; float:right; background:inherit; font-family:arial; font-size:12px; color:#609; font-weight:bold; cursor:pointer;}
#oxNoticeBody strong {color:#609;}
#oxNoticeBody .oxPackageList th {background:#E3E1EF; text-align:center;}
#oxNoticeBody .oxPackageList td {text-align:center;}

/* ------- my notices styles ------- */
#oxMyNoticeTable th {text-align:center; color:#609; background:#EFEEF6; padding:4px;}
#oxMyNoticeTable td {text-align:center; padding:4px;}
#oxMyNoticeTable td a {color:#069;}
.buttons {width:80px;}
.buttons a {width:24px; height:24px; display:block; text-indent:-9999px; float: left;}
.noticeShowButton { background:url(../../img/notice_view.png) no-repeat;}
.noticeDeleteButton { background:url(../../img/notice_delete.png) no-repeat;}
.noticeCloneButton { background:url(../../img/notice_clone.png) no-repeat;}
.noticeDeleteImageButton {background:url(../../img/delete_image.png) no-repeat; padding:0 0 0 17px;}

/* ie6 buttons hacks */
*html .noticeShowButton {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/notice_view.png, sizingMethod='scale');}
*html .noticeDeleteButton {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/notice_delete.png, sizingMethod='scale');}
*html .noticeCloneButton {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/notice_clone.png, sizingMethod='scale');}
*html .noticeDeleteImageButton {background:transparent !important; width:70px; height:24px; display:block; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/delete_image.png, sizingMethod='crop') !important;}

/* ------- notice menu styles ------- */
#oxNoticeMenuWrapper {width:184px; margin:10px 0 0 0; float:left;}
#oxNoticeMenuWrapper img {margin:0; padding:0; border:0;}
#oxNoticeMenu {border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC; background:#F3F3F3;}
#oxNoticeMenu a {color:#780099;}
#oxNoticeMenu .main {display:block; background:url(../ox/layout2008/bgNoticeMenu.jpg) repeat-x; padding:7px 0 0 15px; height:28px; font-size:14px; font-weight:bold;}
#oxNoticeMenu .main img {margin-right:5px;}
#oxNoticeMenu .sub1 {display:block; text-decoration:underline; padding:0 0 0 15px;}
#oxNoticeMenu .sub2 {display:block; padding:0 0 0 25px; font-size:11px;}

/* ------ ad styles ------- */
#oxNoticeRightAd {width:120px; margin-top:10px; float:right; height:600px;}

/* ------- comments list styles ------- */
.oxCommentList { width:100%; margin-bottom:12px; }
.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; }

/* 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; }