/* #container */
html.comment-lightbox,
html.comment-lightbox body {
_height : 100% ;
_overflow : hidden ;
_width : auto ;
}
body #ie-fix {
_height: 100% ;
_margin : 0 ;
_overflow : auto ;
_padding : 0 ;
_position : relative ;
_width : 100% ;
}
html.comment-lightbox #container {
margin-left : 0 ;
}
/* .lightbox */
.lightbox {
background : #333 ;
filter : alpha(opacity=80);
height : 100% ;
-moz-opacity : 0.8 ;
opacity : .80 ;
position : absolute ;
right : 0 ;
text-align : center ;
top : 0 ;
width : 100% ;
}
html .comment-lightbox {
width : 590px ! important ;
z-index : 9000 ;
}
html .post-lightbox {
z-index : 9200 ! important ;
}
html .preview-lightbox {
z-index : 9400 ! important ;
}
html .loader-lightbox {
z-index : 9600 ! important ;
}
html.comment-lightbox .lightbox { _right : 17px ! important ; }
/* #comments */
#comments { position : relative ; }
#comments.lightbox-effect {
background : #fff ;
_border : 1px solid #cebda5 ;
border-radius : 10px ;
height : 500px ;
margin : 0 ! important ;
-moz-border-radius : 10px ;
overflow : auto ;
padding : 10px ;
position : fixed ;
_position : absolute ;
right : 20px ;
text-align : left ;
top : 20px ;
width : 500px ;
z-index : 9100 ;
}
#comments hr {
background : #ccc ;
border : 0 ;
clear : both ;
height : 0 ;
margin : 10px 0 ;
padding : 0 ;
}
html>body #comments hr { border-bottom : 1px solid #ccc ; }
html>body #comments .shim { clear : both ; }
#comments h2 { margin-bottom : 10px ; }
#comments.lightbox-effect h2 { margin-top : 1.5em ; _margin-top : 1.75em ; }
/* button && a.button */
#comments a.button_comment1 {
padding-left: 20px;
margin-bottom: 5px;
font-weight: bold;
text-decoration: underline;
background-position: left -60px;
background-repeat: no-repeat;
background-image: url(/images/icons.png);
}
#comments a.button,
#post-comment a.button {
background : url(/images/button_top.gif) left top no-repeat ;
border : 1px solid #dbc794 ;
color : #fff ;
font-weight : bold ;
margin : 0 ;
max-width : 190px ;
padding : 0 ;
text-align : left ;
text-decoration : none ;
width : 190px ;
}
#comments a.button,
#post-comment a.button,
#com-preview-dom a.button {
display : block ;
}
#comments button,
#post-comment button {
background-repeat : no-repeat ;
border : 0 ;
cursor : pointer ;
_cursor : hand ;
height : 25px ;
margin : 0 ;
padding : 0 ;
}
#post-comment a#com-preview {
margin-top : 10px ;
width : 70px ;
}
#post-comment button#com-post,
#com-preview-dom a.button {
background-image : url(/images/button_post.gif) ;
height : 25px ;
width : 104px ;
}
#comments button span,
#comments a.button span,
#post-comment button span,
#post-comment a.button span {
border : 1px solid #796339 ;
display : block ;
margin : 0 ;
padding : 3px 5px ;
text-align : center ;
}
#comments button span,
#post-comment button span,
#com-preview-dom a.button span { display : none ; }
.lightbox-effect a.com-close {
background : url(/images/closelabel.gif) no-repeat ;
border : 0 ;
clear : both ;
float : right ;
height : 22px ;
width : 66px ;
}
.lightbox-effect a.com-close span { display : none ; }
/* this class is added to the .com-close anchor in the event of a lightbox effect */
#comments.lightbox-effect a.bottom-align {
bottom : 20px ;
_bottom : 10px ;
position : fixed ;
_position : absolute ;
right : 45px ;
_right : 10px ;
}
/* .com-actions */
#comments .com-actions { position : relative ; margin-bottom: 5px;}
#comments .com-actions p { margin-top : 20px ; }
#comments .com-actions p a.button { margin-top : 10px ;}
/* .comment */
.comment { position : relative ; }
.comment div { clear : none ; float : left ; _height : 1em ; }
.comment p { margin-bottom : 5px ; }
/* .com-info */
.com-info {
border-color : #ccc ;
border-style : dotted ;
_border-style : solid ;
border-width : 0 1px 0 0 ;
margin-right : 15px ;
padding : 0 15px 10px 0 ;
width : 120px ;
}
.com-info h3 { font-size : 130% ; margin-bottom : 5px ; overflow : hidden ; width : 120px ; color: #036;}
.com-info p { font-size : 110% ; margin-bottom : 2px ; }
.com-info .com-location strong { font-weight : normal ; text-transform : uppercase ; }
/* .com-body */
.com-body { width : 320px ; }
.com-body h4 { font-size : 120% ; margin-bottom : 5px ; padding-top : .1em ; }
.com-body p { text-align : justify ; }
.com-body .com-report { color : #666 ; margin-top : 15px ; }
.com-body .com-report a { color : #33d ; }
p.com-date a {
color: #7B9CAD;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* #post-comment */
.captcha-box {width:100%; clear:both;}
#captcha_error { color:#FF0000; }
#captcha { margin:0.2em 0 0 0;}
input#captcha { border:1px solid #CEBDA5; }
#post-comment { margin-top : 20px ; width : 475px ; }
#comments.lightbox-effect #post-comment { margin-bottom : 20px ; }
#post-comment.lightbox-effect {
background : #fff ;
_border : 1px solid #cebda5 ;
border-radius : 10px ;
margin : 0 ;
-moz-border-radius : 10px ;
padding : 10px ;
position : absolute ;
top : 50px ;
z-index : 9300 ;
}
#post-comment.blind-effect { border-top : 1px solid #ccc ; padding-top : 10px ; }
#post-comment h3 { font-size : 150% ; _margin-bottom : 10px ; }
#post-comment.lightbox-effect h3 { float : left ; }
#post-comment fieldset {
background : #efefef ;
_border : 1px solid #cebda5 ;
border-radius : 10px ;
margin : 10px 0 0 ;
padding : 10px ;
-moz-border-radius : 10px ;
width : 450px ;
}
#post-comment.lightbox-effect fieldset { clear : both ; }
#post-comment p { clear : both ; _height : 2em ; min-height : 20px ; }
#post-comment p.error {
border : 1px solid #c00 ;
_height : 2.3em ;
margin-bottom : 5px ;
min-height : 23px ;
padding : 3px ;
}
#post-comment p br { clear : both ; }
#post-comment p.error span { clear : both ; color : #c00 ; display : block ; }
#post-comment p label,
#post-comment p input.text { float : left ; width : 340px ; }
#post-comment p label { font-size : 110% ; margin-right : 10px ; width : 80px ; }
#post-comment p label.free { width : auto ; }
#post-comment p.error label { color : #c00 ; }
#post-comment p textarea {
border : 1px solid #cebda5 ;
clear : both ;
display : block ;
height : 200px ;
padding : 5px ;
width : 425px ;
}
#post-comment button { float : right ; margin : 10px 0 ; }
#post-comment #com-preview { float : left ; }
/* #com-preview-dom */
#com-preview-dom.lightbox-effect {
background : #fff ;
_border : 1px solid #cebda5 ;
border-radius : 10px ;
margin : 0 ;
min-height : 20px ;
-moz-border-radius : 10px ;
padding : 10px ;
position : absolute ;
top : 50px ;
z-index : 9500 ;
width : 500px ;
}
.com-preview-taskbar {
border-bottom : 1px solid #ccc ;
_height : 3em ;
min-height : 30px ;
}
.com-preview-taskbar a { clear : none ! important ; float : right ; }
.com-preview-taskbar h3 {
color : #c00 ;
float : left ;
font-size : 130% ;
}
.com-preview-target {
border-bottom : 1px solid #ccc ;
_height : 100px ;
margin-bottom : 10px ;
max-height : 400px ;
padding : 10px 0 ;
}
html>body .com-preview-target { overflow : auto ; }
.com-preview-target .comment { text-align : left ; }
.com-preview-target .comment .com-body p { text-align : justify ; }
.loading .com-preview-target {
background : url(/images/indicator_medium.gif) 50% no-repeat ;
height : 50px ;
}
/* #com-post-dom */
#com-post-dom.lightbox-effect {
background : #fff ;
_border : 1px solid #cebda5 ;
border-radius : 10px ;
margin : 0 ;
min-height : 20px ;
-moz-border-radius : 10px ;
padding : 20px ;
position : absolute ;
top : 50px ;
z-index : 9700 ;
width : 262px ;
}
#com-post-dom h3, .loading h3 {
background : url(/images/indicator.gif) no-repeat ;
_height : 50px ;
margin : 0 auto ;
min-height : 20px ;
padding : 2px 0 0 22px ;
}