@import url("http://wl.news.com.au/perthnow/css/base");
@import url("http://wl.news.com.au/perthnow/css/skin");
@import url("http://wl.news.com.au/perthnow/css/common");
@import url("http://wl.news.com.au/perthnow/css/static-pages");


/* Overrides
------------------------- */

.article-link-list li a {
font-weight:700 !important;
}

.article-link-list li {
line-height:1.3;
}

.article-link-list li a span {
font-weight:300;
}


/* Popup specific 
------------------------- */

h2.generic-static, h3.generic-static {
border-bottom:1px solid #dadada;
font-size:1.46em;
line-height:1.8;
font-weight:700;
}

DD
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: -50px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DD.long LABEL
{
    CLEAR: none! important;
    DISPLAY: block;
    FLOAT: left;
    WIDTH: 100px! important
}
FORM.newsletter-signup#have-your-say DT LABEL
{
    MARGIN-LEFT: 0px;
    WIDTH: 90px
}



h3.generic-static {
font-size:1.36em;
}


html, body.perthnow-popup {
background:#eee;
text-align:left;
}

#brand {
position:absolute;
top:0;
left:0;
height:45px;
width:100%;
background:#eae9dd url("http://wl.news.com.au/perthnow/images/popup/popup-brand-bg.gif") -1px 0 repeat-x 0 0;
z-index:200;

}

#logo {
display:block;
width:786px;
height:45px;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/popup-logo-bg.gif") 0 0 no-repeat;

text-indent:-3000px;
letter-spacing:-3000px;
}

/* sponsor in header */
#sponsor {
position:absolute;
top:5px;
right:10px;
width:177px;
height:35px;
z-index:300;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/popup-sponsor-bg.gif") 0 0 no-repeat;
overflow:hidden;
}

#sponsor div {
padding-left:60px;
}

/* sponsor next to header */
#brought-to-you {
position:absolute;
top:100px;
right:121px;
width:100px;
}

#brought-to-you div {
width:110px;
height:42px;
position:absolute;
top:-25px;
right:-110px;
}

ul#tools {
width:100%;
height:20px;
position:absolute;
top:45px;
background:#eae9dd;
border-bottom:1px solid #bfd2db;
border-top:1px solid #bfd2db;
padding:8px 0 0 0;
}

ul#tools li {
float:left;
padding:0 5px 0 5px;
font-weight:700;
font-size:0.92em;
}

.content {
position:absolute;
top:76px;
width:100%;
}

.inner {
background:#fff;
padding:15px 0 45px 0;
margin:0 auto 0 auto;
border-bottom:1px solid #bfd2db;
position:relative;
}

.textual {
text-align:left;
padding:1px 11px 20px 11px;
_padding:1px 11px 42px 11px;
}

#gallery {
margin:0 auto 0 auto;
text-align:left;
}

#gallery.view-on-init {
visibility:hidden;
}

#popup-ad-wrap {
width:100%;
text-align:center;
}

#popup-ad {
margin:11px auto 0 auto;
}

#image-border {
visibility:hidden;
margin:0 0 11px 0;
}

#gallery-image-caption h2 {
border-bottom:1px solid #bfd2db;
padding-bottom:3px;
margin-bottom:7px;
}

p.copyright {
position:absolute;
bottom:8px;
left:10px;

font-size:0.92em;
}

p.news-photos {
position:absolute;
bottom:5px;
right:5px;
font-size:0.92em;
}

.button-back {
display:block;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/popup-gallery-back.gif") 0 0 no-repeat;
text-indent:-3000px;
letter-spacing:-3000px;
width:69px;
height:19px;
position:relative;
top:-4px;
}

.button-next {
display:block;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/popup-gallery-next.gif") 0 0 no-repeat;
text-indent:-3000px;
letter-spacing:-3000px;
width:69px;
height:19px;
position:relative;
top:-4px;
}

.button-close {
float:right;
display:block;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/popup-close.gif") 0 0 no-repeat;
width:74px;
height:19px;
text-indent:-3000px;
letter-spacing:-3000px;
position:relative;
top:-23px;
left:-10px;
_top:-4px;
}

ul#tools.close-only .button-close {
top:-4px;
}

p.poll-question {
margin-bottom:0.5em;
}

.poll-results {
background:none;
}


/* FORMS - Same as contact page */

.email-a-friend {
width:auto;
margin:0 0 11px 0;
}

input, textarea {
padding:0 2px 0 2px;
}

input,
select  {
border:1px solid #8eacc4;
height:17px;
line-height:17px;
float:left;
margin:4px 0 0 0;
width:220px;
font: 0.92em/17px arial, sans-serif;
}

#letter-to-editor input, 
#letter-to-editor select {
width:205px;
padding:0;
}

textarea {
float:left;
border:1px solid #8eacc4;
font: 0.92em/17px arial, sans-serif;
padding:0 0 0 2px;
margin:8px 0 0 0;
width:280px;
}

.large-input {
clear:left;
width:324px;
margin:6px 0 10px 10px;
}

legend {
font-weight:700;
_margin:-10px 0 10px -5px;
}

fieldset {
padding:1em 0 0 0;
}

label {
font-weight:700;
display:block;
float:left;
clear:left;
margin:9px 0 0 0;
width:116px;
}

label.double-radio {
padding:5px 0 0 0;
_margin:2px 0 0 0;
height:4em;
}

.rad {
float:left;
font-size:0.92em;
padding:7px 22px 0 0;
}

.rad div {
margin:7px 0 0 0;
}

.rad input {
width:auto;
margin:-1px 3px 0 0;
border:0;
}

.submit-wrap {
clear:left;
width:67px;
font-size:10px !important;
float:right;
}

.send {
background:transparent url("http://wl.news.com.au/perthnow/images/bg-send-button.gif") no-repeat 0 0;
width:92px;
height:19px;
margin:0 0 22px 335px;
_margin:-20px 0 22px 170px;
float:left;
clear:left;
}




input.submit {
width:45px;
height:17px;
_height:20px;
font:bold 12px arial, sans-serif;
background:none;
border:0;
padding:0;
margin:0 0 0 -4px;
font-weight:700;
color:#fff;
}


/* fixed size gallery popup */

.inner.fix500h {
height:520px;
padding:30px 0 15px 7px;
}

#gallery.fixed-normal {
width:600px !important;
height:371px;

}

#current-image {
float:left;
width:430px;
margin:0 18px 0 0;
height:371px;
background:#e3e2d1;
text-align:center;
}

#current-image #image-caption {
position:relative;
top:0;
left:0;
background:#fff;
padding:3px 10px 3px 10px;
text-align:left;
}

#image-container {
text-align:center;
}

#print-picture {
float:right;
display:block;
width:193px;
height:18px;
padding:2px 25px 0 0;
line-height:18px;
margin-top:-29px;
background: transparent url("http://wl.news.com.au/perthnow/images/popup/print-picture.gif") 25px 0 no-repeat;
font-size:0.92em;
font-weight:700;
text-align:right;
}

#current-image table,
#current-image table tr,
#current-image table td {
margin:0 auto 0 auto;
width:1%;
text-align:center;
height:351px;
border-collapse:collapse;
}

#current-image table tr td {
vertical-align:middle;
}

#current-image img {
border:2px solid #fff;
}

#current-image #image-gallery-border {
border:1px solid #cfcfcf;
}

#other-galleries {
float:left;
width:152px;
height:400px;
background:#fff;
position:relative;
}

#other-galleries hr {
height:0;
margin:0;
padding:0;
border:none;
border-top:1px solid #cac8af;
position:relative;
top:20px;
}

/* Displayed before gallery is viewable */
#gallery-splash-page {
display:none;
width:430px;
height:361px;
margin:0 auto 0 auto;
text-align:left;
background:#e3e2d1;
}

#gallery-splash-page div {
margin:40px 64px 15px 64px;
border:1px solid #fff;
width:300px;
height:250px;
overflow:hidden;
}

a#skip-advert {
float:right;
margin-right:15px;
}

h4 {
text-align:left;
padding:0 0 5px 0;
background:#fff;
border-bottom: 1px solid #c7caab;
}

#other-galleries h4 {
border-bottom:1px solid #6C78B0;
}

#email-a-friend {
width:149px;
border-top:1px solid #dadada;
padding-top:8px;
position:absolute;
bottom:0;
_bottom:-11px;
}

/* Hide these for splash ad */

.has-splash #gallery {
display:none;
}

.has-splash #popup-ad-wrap {
display:none;
}


/* letter to the editor */

.form-head {
background:#fff url("http://wl.news.com.au/perthnow/images/popup/h3-form-head-bg.gif") 0 0 no-repeat;
height:19px;
line-height:18px;
padding:0 0 0 10px;
color:#fff;
font-size:1em;
margin:0;
}

#have-your-say.letter-to-editor {
width:444px;
padding:4px 0 4px 0;
}

#have-your-say.letter-to-editor label {
width:160px;
padding:0 0 0 3px;
}

#have-your-say.letter-to-editor input,
#have-your-say.letter-to-editor select {
width:205px;
padding:0;
font-size:1em;
}

#have-your-say.letter-to-editor input {
text-indent:0px;
}

#have-your-say.letter-to-editor textarea {
width:420px;
margin-left:3px;
}

.disclaimer {
font-size:0.92em;
margin-top:8px;
}

/* daily quiz */

.content-row.quiz {width:550px;}

.quiz-promo {border-left:1px solid #dadada;padding-left:15px;margin:0 15px;}


#daily-quiz {
width:550px;
padding:0;
background-color:#fff !important;
}

h2.daily-quiz {
font-size:1.4em;
padding:0 0 2px 0;
border-bottom:1px solid #cac8af;
background:transparent;
margin:6px;

}


#daily-quiz .colour-wrap,
#daily-quiz .white-wrap {
margin:0;border:0;
background:#f0efe5;
width:550px;
padding:4px 0 15px 0;
clear:both;
}


#daily-quiz .white-wrap {
background:#fff;
}

#daily-quiz label {
width:auto;
padding:0 0 0 3px;
display:block;
margin:9px 0 8px 8px;
float:none;
}

#daily-quiz input,
#daily-quiz select {
width:245px;
padding:0;
font-size:1em;
margin:0 8px;
border:1px solid #8eacc4;
height:17px;
line-height:17px;
font: 1em/17px arial, sans-serif;
}

#daily-quiz input {
text-indent:3px;
}

#daily-quiz textarea {
width:420px;
margin-left:3px;
}


#daily-quiz .question-wrap {
margin-bottom:20px;
_margin-bottom:10px;
}

#daily-quiz .daily-quiz-rad {
font-size:0.92em;	
margin-left:8px;

}



#daily-quiz .daily-quiz-rad div {
clear:both;
}

#daily-quiz .daily-quiz-rad input {
width:auto !important;
margin:-1px 4px 0 0 !important;
border:0 !important;
text-indent:none;

}


#daily-quiz .submit-wrap {
width:101px;
height:19px;
background:#fff url(http://wl.news.com.au/perthnow/images/bg-vote-button.gif) no-repeat 0 0;
text-align:center;
float:right;
clear:left;
margin:-36px 6px 0 0;
font-size:10px !important;
}

#daily-quiz input.submit {
width:88px !important;
height:17px;
_height:20px;
font:bold 11px arial, sans-serif;
background:none;
border:0;
padding:0;
margin:0;
font-weight:700;
color:#fff;
}

#daily-quiz .white-wrap label {
width:140px;
float:left;

}

#daily-quiz .white-wrap input {
margin:7px 8px 8px 0;
width:200px;

}

/*popup gallery auto hides*/

#pop-up-pagination, #pop-up-next, #pop-up-back, #sponsor {visibility:hidden;}
