/* AustralianPlays.org - ausplays.css */ 

/* see also: ausplays_shared.css */

html, body { margin:0; padding:0; } 
body { background-color:#004678; }
body,td,th,input,select,textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #000;
}
    
a { text-decoration:none; color:#002b48; font-weight:bold; }
a:link { }
a:visited {}
a:hover { color:#a13332; }
a:active { }

#pagewidth{ width:1008px; } 
#header{ position:relative; background-color:#004678; width:100%; 
  height:136px; background-image:url(images/ausplays_level2_banner.jpg); 
  background-repeat:no-repeat; margin-bottom:20px;  } 
  
#homelink { position:absolute; bottom:40px; left:25px; width:280px; height:30px; }
#headrow1 { position:absolute; bottom:48px; left:520px; width:230px; height:20px; } /* was left:560px; width:190px; */
#headrow2 { position:absolute;  bottom:7px; left:470px; width:600px; height:20px; }
#headsearch { position:absolute; bottom:45px; left:765px; width:250px; height:20px; }
#headsearch input { border:none; width:160px; margin-right:15px; }
#headflags { position:absolute; bottom:7px; left:340px; width:95px; height:20px; }
#cartcount { position:absolute; bottom:0px; left:178px; width:21px; height:22px; /* was left:138px; */
    background:url(images/ap_cart.gif) no-repeat 22px 0px; cursor:pointer;
    text-align:right; padding-right:31px; /* width 52 - padding-r */
    color:#f2cb30; font-size:18px; font-weight:normal; }
    /* color,font works in IE,Opera. Works initially in FF - but not after changing innerHtml! */
    
#leftcol{ width:160px; float:left; position:relative; background-color:#004678;
  padding-top:20px; }
#twocols{ width:848px; float:right; position:relative; }
#rightcol{ width:160px; float:right; position:relative; background-color:#004678;
  padding-top:20px; }
#maincol{background-color: #fff; float: left; display:inline; position: relative; width:658px; /* w=twocols-w - rightcol-w - 2*padding*/
  background-image:url(images/rounded-tl2.gif); 
  background-repeat:no-repeat; padding:15px; 
  min-height:380px; }
/* these 2 overridden by ausplays_photo.css */
#mainleft { display:none; }
#mainright { width:100%; }
#mainright p { line-height:130%; }

#footer{ height:24px; background-color:#dddddd; clear:both; margin-left:160px; margin-right:160px;
  background-image:url(images/ap_footer.gif); padding-top:57px; } /* height=81 - padding */

/* HEADER PARTS */
#headrow1 a { text-decoration:none; color:#fefefc; font-weight:bold; font-size:11px; margin-left:7px; margin-right:7px; }
#headrow1 a:link { }
#headrow1 a:visited {}
#headrow1 a:hover { color:#008db2; }
#headrow1 a:active { }

#headrow2 a { text-decoration:none; color:#fefefc; font-weight:bold; font-size:14px; margin-left:10px; margin-right:10px; }
#headrow2 a:link { }
#headrow2 a:visited {}
#headrow2 a:hover { color:#008db2; }
#headrow2 a:active { }
#headrow2 a.facetube { margin-left:0; margin-right:5px; }

#headsearch form div#srchlabel { float:right; position:absolute; top:-7px; left:165px; line-height:13px; }
#headsearch a { text-decoration:none; color:#fefefc; font-weight:bold; font-size:11px; margin-left:10px; margin-right:10px; }
#headsearch a:link { }
#headsearch a:visited {}
#headsearch a:hover { color:#008db2; }
#headsearch a:active { }

#headflags img { margin-right:5px; }

/* RHS nav */
a.navbox { display:block; text-align:center; margin-top:6px; padding:0; }

/* LHS nav */
#leftcol ul { padding-left:12px; margin-left:0px; }
#leftcol li { list-style:none; width:119px; height:23px; margin-top:5px; text-align:right; padding-top:7px; padding-right:10px; } 
     /* w = 129-padding, h=30-padding*/
#leftcol li.blue { background-image:url(images/LHnav_blue.gif); }
#leftcol li.bluecurr { background-image:url(images/LHnav_blue_curr.gif); }
#leftcol li.green { background-image:url(images/LHnav_green.gif); }
#leftcol li.greencurr { background-image:url(images/LHnav_green_curr.gif); }
#leftcol li.greenrss { background-image:url(images/LHnav_greenrss.gif); }
#leftcol li.greenrsscurr { background-image:url(images/LHnav_greenrss_curr.gif); }

#leftcol li a { text-decoration:none; color:#fff; font-weight:bold; font-size:13px; }
#leftcol li a:link { }
#leftcol li a:visited {}
#leftcol li a:hover { color:#012a48; }
#leftcol li a:active { }

/* FOOTER */
#footer { text-align:center; }
#footer a { text-decoration:none; color:#002549; font-weight:bold; font-size:12px; margin-left:10px; margin-right:10px; }
#footer a:link { }
#footer a:visited {}
#footer a:hover { color:#fff; }
#footer a:active { }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* MISC bits ========================================================================= */

/* Link to script details or author details.. */
.inline { display:inline; }
a.title { text-decoration:none; color:#014783; font-size:14px; font-weight:bold; } /* h1=014783 darker=002b48 */
a.title:link { }
a.title:visited {}
a.title:hover { color:#a13332; }
a.title:active { }

a.apop { cursor:help; } 
/*
a.apop:link { color: #404060; text-decoration: none; border-bottom:1px dashed #20a020; } 
a.apop:visited { } */
a.apop:hover { color: #dd8000; text-decoration: none; border-bottom:1px dashed #dd7000; } 
a.apop:active { }

/* NON-Link to script details or author details.. */
span.title { color:#014783; font-size:14px; font-weight:normal; }
.wide { width:300px; }
.wider{ width:500px; }
.num { width:25px; }
.postcode { width:50px; }
.promo { width:80px; }
div.border { border:1px solid #014783; padding-left:5px; padding-right:5px; margin-bottom:5px; }
tr.head td { font-weight:bold; color:#014783; }
.plcomment { width:250px; border:0; border-left:2px solid #9ed2ea; background-color:#f8f8f8; } /* playlist comment */
hr { border:0; height:1px; border-bottom:1px solid #ddf; } /* 9ed2ea */
p.catlist { margin-bottom:5px; }

p.scriptlist br { line-height:1.5; }
/* or */
ul.scriptlist { list-style:none; margin-left:0px; padding-left:0px; }
ul.scriptlist li { line-height:1.5; }
ul.scriptlist br { display:none; }

#productlist td { border-bottom:1px dotted #ddf; }
#productlist tr.noborder td { border:0; }
table#search { border:1px solid #ddf;}
table#search .formlabel,table#shipping .formlabel { vertical-align:top; color:#014783; text-align:right; }
div#browse { text-align:center; }
div#browse a { text-decoration:none; color:#014783; font-size:14px; font-weight:bold; } /* h1=014783 darker=002b48 */
div#browse a:link { }
div#browse a:visited {}
div#browse a:hover { color:#a13332; }
div#browse a:active { }
div#browse b { border:1px solid #008db2; padding:2px; color:#008db2; }

.small { font-size:11px; }
table#playinfo { border:0px dotted #9ed2ea; }
table#playinfo td { padding-right:10px; }
table#playinfo td.formlabel { color:#014783; font-size:13px; font-weight:bold; text-align:right; }
a.small { font-size:11px; font-weight:normal;}
tr.shade td, td.shade { background-color:#f0f0f0; padding:3px; } 
tr.lineunder td, td.lineunder { border-bottom:1px solid #9ed2ea; }

/* Ditto NEWS - summary page ========================================================================= */
.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black; }
#ditto_pages { margin-top:10px; }
#ditto_pages .ditto_currentpage { border: 1px solid black; padding: 1px 5px 2px; margin-right: 1px; background-color: #004678; color: #fff; } /* bg orig 008CBA */
#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #004678; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: black; } /* border orig 008CBA */
#ditto_pages a:hover { background-color: #fff; color: #000; }
.ditto_documentInfo { font-size:10px; color:#999; }
.ditto_item { margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ddf; }

/* Ditto NEWS - LHS nav ========================================================================= */
li#newsnav { height:auto; margin-top:0px; text-align:left; width:119px; /* width=129 - LR-padding */
    background:#fff url(images/navExtra-top.gif) no-repeat; 
    padding:10px 0px 3px 10px; line-height:14px; } 
li#newsnav a { text-decoration:none; color:#05548f; font-weight:normal; font-size:12px; }
li#newsnav a:hover { color:#a13332; }
li#newsnav .ditto_item { margin-top:0px; padding-bottom:0px; border-bottom:0; }
li#newsbottom { width:129px; height:10px; margin:0; padding:0; /* height sb 6px but IE gap */
    background:#fff url(images/navExtra-bottom.gif) no-repeat bottom right; font-size:0; line-height:0; }
/* li#newsnav h3 { margin-bottom:0 !important;  } */ 

/* EasyPoll - RHS nav ========================================================================= */
.pollbox { margin-top:6px; padding:0; margin-left:16px; }
#polltop { background:url(images/onlinepoll.gif); width:128px; height:45px; }
#pollmid { /* cf newsnav */
    height:auto; margin-top:0px; text-align:left; width:121px; /* width=128 - LR-padding */
    background:#fff url(images/navExtra-top-rhs.gif) no-repeat; 
    padding:10px 0px 3px 7px; line-height:14px; } 
#pollbottom { /* cf newsbottom */
    width:128px; height:10px; margin:0; padding:0; /* height sb 6px but IE gap */
    background:#fff url(images/navExtra-bottom-rhs.gif) no-repeat bottom right; font-size:0; line-height:0; }
div.easypoll { margin:0; padding:0; border:0; background-color:#fff; }
div.easypoll fieldset,div.easypoll form { border:0; padding:0; margin:0; }
div.easypoll ul { padding:0; margin:0; margin-bottom:5px; }
div.easypoll li { list-style:none; margin-left:0px; padding-left:0; font-size:11px; }
div.easypoll p { font-size:11px; margin-bottom:0; }
div.easypoll_bar { width:115px; height:5px; border:1px solid #b8c; }
div.easypoll_inner { height:5px; margin:-1px 0 0 -1px; background-color:#714b81; border:1px solid #714b81; }
input.pollbutton { font-size:11px; }
.pollbox a { display:block; padding-top:10px; font-weight:normal; }

/* EasyPoll - full page archive ============================================================== */
.p70 .pollresults { border-top:2px solid #815b91; margin-top:20px; padding-top:20px; }
.p70 .pollresults div.easypoll_bar { width:200px; height:15px; border:1px solid #b8c; }
.p70 .pollresults div.easypoll_inner { height:15px; margin:-1px 0 0 -1px; background-color:#714b81; border:1px solid #714b81; }
.p70 .pollresults p { font-size:13px; }
.p70 .pollresults li { font-size:13px; list-style:none; }
.p70 .pollresults h3 { font-size:18px; }

/* FE user form ========================================================================= */
fieldset { padding:5px; border:1px solid #ddf; }
legend { color:#bbc; font-weight:normal; }
#wlpeUserProfileInput legend, #wlpeLoginFieldset legend  { margin-bottom:10px; }
#wlpeUser label, #wlpeRegisterFieldset label { display:block; height:30px; }
#wlpeUser #wlpeNewPasswordArea label { display:inline; }
#wlpeUser #wlpeNewPasswordArea input { position:relative; left:auto; }
#wlpeUser input, #wlpeUser select, #wlpeUser textarea { position:absolute; left:130px; }
#wlpeUser label strong { position:absolute; left:130px; color:#444; } /* username on profile page */
#wlpeRegisterFieldset input, #wlpeRegisterFieldset select { position:absolute; left:190px; }
#wlpeRegister span.formval { position:absolute; left:215px; }
#wlpeUserProfileEmail, #wlpeUserProfileFullName { width:250px; }
#wlpeUserProfileZip { width:100px; }
#wlpeUserProfileButtons, #wlpeLoginButtons, #wlpeResetButtonFieldset, #wlpeRegisterButtonFieldset 
    { margin-top:10px; }
#wlpeLoginButton { margin-left:65px; }
#wlpeUser button { margin-right:5px; }
.wlpeMessageText { color:#008db2; font-weight:bold; }
div.formbit { margin-left:190px; margin-bottom:20px; padding-top:5px; }
div.formbit label { display:inline !important; height:auto !important; }
/*
#wlpeUserProfileButtons button, #wlpeLoginButtons button, #wlpeResetButtonFieldset button, #wlpeRegisterButtonFieldset button 
    { margin-right:5px; }
*/

/* Contact form ========================================================================= */
#contact p { clear:both; padding:3px; }
#contact label { display:block; float:left; width:130px; text-align:right; padding-right:5px; }
#contact input,#contact select, #contact textarea { display:block; float:left; clear:right; padding:0; }
#contact img { margin-left:130px; }
#contact #submit { margin-left:130px; width:75px; height:30px; margin-top:10px; clear:right; }
#contact br { clear:both;  }
div.errors{ color:#a13332; }

/* ALSO BOUGHT ===========================================================================*/
#also-bought { margin-right:-10px; border:1px solid #9ed2ea; border-right:none; 
    margin-top:20px; margin-bottom:10px; padding:3px; 
    color:#014783; font-size:13px; font-weight:bold; clear:both; 
    }
#also-bought div { width:140px; float:left; text-align:center; margin-top:10px; margin-right:20px; line-height:11px; }
#also-bought p { padding:0; margin:0; height:10px; clear:both; }
#also-bought a { font-size:10px; font-weight:normal; }

/* SUBSCRIPTIONS ===========================================================================*/
table.centre-cells { border:1px solid #999; }
table.centre-cells tr.head { background-color:#f8feff; } /* afdfff */
table.centre-cells td { font-weight:bold; text-align:center; border-left:1px solid #999; color:#014783; padding:3px 2px 3px 2px; }
table.centre-cells td.left { text-align:left; border-left:0; color:#014783; }

/* MYLINKS ===========================================================================*/
#mylinks { float:right; margin-top:-35px; margin-right:-15px; border-bottom:1px solid #008db2; padding-bottom:5px; }
#mylinks-vert { width:120px; margin-left:100px; margin-top:20px; }
a.button-link { display:block; float:right; margin-right:8px; padding:2px 5px; /* cf a.linkbutton for BE */
    text-decoration:none; color:#fff; font-weight:normal; background:#008DB2; }
a.button-link:hover { color:#012a48; }
#mylinks-vert a.button-link { width:100%; margin-bottom:6px; text-align:center; }
    
/* ANYTHING-RATING ===========================================================================*/
.script-rating { float:right; }

/* JOT - COMMENTS ===========================================================================*/
#jotchunk { float:left; } /* required when rhs present (from twzNet) */
#jotchunk h2 { font-size:14px; font-weight:bold; color:#013773; } /* h3 size, but Jot uses h2 */
/*
.jot-row,.jot-form,.jot-list { font-size:13px; }
*/

/* Search pagination nav ============================================================== */
#searchnav { float:left; margin:10px 0 10px 30px; padding:5px; background-color:#eee; }

/* ajaxSearch ========================================================================= */
#sitesearchintro { margin-bottom:20px;  }
p#ajaxSearch_intro { display:none; }
#ajaxSearch_input { margin-left:30px; }
p.ajaxSearch_resultsInfo, div.ajaxSearch_resultsIntroFailure { margin-top:20px; margin-bottom:20px; 
  font-size:14px; font-weight:bold; color:#014783; /* same as h3 */
  }
/*
Don't highlight search results - it also passes on highlights 
to linked pages, which ends up a mess - can also highlight parts of the navigation!
.ajaxSearch_highlight { background-color:#ffe870; }
*/
/* ======================== printer styles ============================================ */ 
@media print{
body { background-color:#fff; }
#headrow1,#headrow2,#headsearch,#headflags{display:none;} 
#leftcol,#rightcol,#footer{display:none;}
#twocols, #maincol{width:100%; float:none;}
#maincol{ background-image:none; }
  
}