/*
WHO, WHAT, URL
(c) Net Efficiency Ltd
08 January 2007
*/

/* #~~ Base css to even keen all browsers including IE7 operating in IE6 quirks mode ~~# */
/* #~~ begin required styles ~~# */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;text-align:left;}
html,body,select,input,textarea{font-family:arial,helvetica,verdana,sans-serif;}

html,body{background: #fff;margin:0;padding:0;}
/*body*{line-height:1.22em;}*/


div,img{margin:0;padding:0;}
fieldset,img{border:0;outline:0;}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table{margin:0 0 1em 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

cite,code,em,strong,th{font-style:normal;font-weight:normal;}
b,strong,th{font-weight:bold;}
em,i{font-style:italic;}

select,input,textarea{/*font:100%;*/font-size:100%;}
label{display:block;}
pre,code{font:100% monospace;/* *font-size:100%;*/ font-size:100%}

table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit;/*font:100%;*/font-size:100%;}
th,td{border:1px solid #000;padding:4px;vertical-align:top;}

ul{margin-left:1.1em;}
ol{margin-left:2.1em;}
li{margin:0 0 0.5em 0;}
q:before,q:after{content:'';}

a{color:#444;text-decoration:underline;}
a:active, a:hover, a:focus{color:#444;text-decoration:none;outline:none;}
a img, a:link img, a:active img, a:visited img, a:hover img, a:focus img{border:0;outline:0;}

.clearing{height:1px;line-height:1px;clear:both;font-size:0px;margin-top:-1px;}
.alttext{display:block;position:absolute;width:1px;height:1px;overflow:hidden;left:-10000px;top:-10000px;}

#skipnav{position:absolute;top:0;left:0;width:100%;font-weight:bold;color:#000;text-align:center;font-size:0.6em;}
#skipnav a, #skipnav a:link, #skipnav a:visited {display:block;position:relative;width:758px;margin: 0 auto;text-indent:-1000em;border:0;padding:2px 0 2px 2px;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {position:relative;text-indent:0;border:1px dotted #000;border-top:0;margin: 0 auto;color:#000;}

/* common css for typo3 */
ul.sitemap, ul.sitemap ul{list-style-position:outside;list-style-type:none;margin:0;padding:0;}
ul.sitemap ul{margin:2px 0 0 15px;padding:0;font-size:85%}
ul.sitemap ul ul{font-size:100%}
ul.sitemap li{margin:0 0 10px 0;padding:0;}
ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}

img.align-left{float:left;clear:none;margin:0 1em 1em 0;}
img.align-right{float:right;clear:none;margin:0 0 1em 1em;}

/* #~~ end required styles ~~# */


/* NOTE: to get all browsers to use a similar font size chose a higher
up div with an ID and apply as below. It will give a font-size where 
1em = 10px approximately
 */
body,html{background:#1e1c1a;}
#wrapper{font-size:x-small;width:100%}

#topnavdiv{background:#37302c;color:#fff;width:100%;text-align:center;}
#topnavdiv .idiv{width:960px;text-align:left;margin:0 auto;font-weight:bold;font-family:arial;font-size:1.2em;padding:7px 0;background:#37302c;}
#topnav{list-style-type:none;margin:0 0 0 145px;padding:0;float:left;clear:none;}
#topnav li{float:left;margin:0 0.6em 0 0;padding:0;}
#topnav a,#topnav a:visited,#topnav span.cur{display:block;float:left;clear:none;color:#fff;text-decoration:none;position:relative;padding:2px 5px 3px;}
#topnav a.act, #topnav a:hover, #topnav a:active, #topnav a:focus,#topnav span.cur{color:#fff;text-decoration:none;background:#f09 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/topnav_corner.gif") 0 -15px no-repeat;}


#topnav span.trc,#topnav span.blc,#topnav span.brc{display:block;position:absolute;width:5px;height:5px;right:0px;bottom:0px;}
#topnav span.trc{top:0px;}
#topnav span.blc{left:0px;}
#topnav a.act span.trc, #topnav a:hover span.trc, #topnav a:active span.trc, #topnav a:focus span.trc,#topnav span.cur span.trc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/topnav_corner.gif") 0 -5px no-repeat;}
#topnav a.act span.brc, #topnav a:hover span.brc, #topnav a:active span.brc, #topnav a:focus span.brc,#topnav span.cur span.brc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/topnav_corner.gif") 0 0 no-repeat;}
#topnav a.act span.blc, #topnav a:hover span.blc, #topnav a:active span.blc, #topnav a:focus span.blc,#topnav span.cur span.blc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/topnav_corner.gif") 0 -10px no-repeat;}






#banner{background:#000;color:#fff;width:100%;text-align:center;}
#banner .idiv{width:960px;text-align:left;margin:0 auto;padding:20px 0 0;min-height:133px;background: #000 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/banner_graphic.gif") bottom right no-repeat;}
#acelogo{display:block;width:90px;height:90px;border:0;margin:10px 0 0 30px;float:left;clear:none;}
#bannav{font-family:georgia;font-weight:bold;list-style-type:none;float:left;clear:none;margin:0 0 0 25px;padding:0;font-size:1.4em;}
#bannav li{float:left;margin:0;padding:0 9px;border-right:1px solid #fff;}
#bannav li.fli{padding-left:0;}
#bannav li.lli{padding-right:0;border-right:0;}
#bannav a,#bannav a:visited,#bannav span.cur{display:block;float:left;clear:none;color:#fff;text-decoration:none;position:relative;}
#bannav a:hover, #bannav a:active, #bannav a:focus,#bannav span.cur{color:#fff;text-decoration:none;}

#bannav span.pnk{display:block;position:relative;padding:1px 5px 2px;float:left;clear:none;}
#bannav a span.pnk{cursor:pointer;}
#bannav span.brc{padding:0;}

#bannav span.tlc,#bannav span.trc,#bannav span.blc,#bannav span.brc{display:block;position:absolute;width:55%;height:55%;right:0;bottom:0px;}
#bannav span.tlc,#bannav span.trc{top:0px;}
#bannav span.tlc,#bannav span.blc{left:0px;}

#bannav a.act span.tlc, #bannav a:hover span.tlc, #bannav a:active span.tlc, #bannav a:focus span.tlc,#bannav span.cur span.tlc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/bannercorner.png") top left no-repeat;}
#bannav a.act span.trc, #bannav a:hover span.trc, #bannav a:active span.trc, #bannav a:focus span.trc,#bannav span.cur span.trc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/bannercorner.png") top right no-repeat;}
#bannav a.act span.brc, #bannav a:hover span.brc, #bannav a:active span.brc, #bannav a:focus span.brc,#bannav span.cur span.brc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/bannercorner.png") bottom right no-repeat;}
#bannav a.act span.blc, #bannav a:hover span.blc, #bannav a:active span.blc, #bannav a:focus span.blc,#bannav span.cur span.blc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/bannercorner.png") bottom left no-repeat;}


#pgsearch{float:right;clear:none;padding:0 20px 0 5px;margin:0;}
#sbotcorners,#stopcorners{display:block;width:150px;background: #f8f8f8 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/sbottomcorners.gif") bottom left no-repeat;}
#stopcorners{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/stopcorners.gif") top left no-repeat;}
#pgsword{border:0;outline:0;background:#f8f8f8;color:#000;font-family:arial;font-size:1.1em;font-weight:bold;margin:2px 3px;padding:2px 0 1px;width:143px;}
#pgsword,#sbotcorners,#stopcorners{float:left;clear:none;}
#pgsearchbutton{width:70px;height:21px;margin-left:3px;}







#mid{background:#fff;color:#000;width:100%;text-align:center;}
#imid{width:960px;text-align:left;margin:0 auto;padding:85px 0 65px;background: #fff url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/middle_bg.gif") bottom right no-repeat;}
#maincol{float:left;clear:none;width:630px;margin:0;padding:0;}
#content{padding:0 70px 1px 10px;color:#302f2f;}
#rhcol{width:330px;margin:0;padding:0 0 440px;float:left;clear:none;}
#irhcol{padding:0 15px 1px 15px;overflow:hidden;}
#br_img{display:block;width:330px;height:425px;margin-top:-425px;float:right;clear:both;position:relative;}

#stream{display:block;width:410px;height:75px;margin:-108px 0 0;padding:0;float:right;clear:both;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/stream_both.gif") top right no-repeat;}
.news #stream{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/stream_news.gif") top right no-repeat;}
.jobs #stream{width:435px;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/stream_jobs.gif") top right no-repeat;}

.wide{float:left;clear:both;margin:0;padding:0;}
.lhpan,.rhpan{width:270px;float:left;clear:none;margin: 0 10px 0 0;}
.rhpan{margin-right:0;}

/* handles the indenting of content from the left edge, all things are in the white panel by defualt */
.whtpan{background:#fff;}
.grypan{background:#f4f3f1;padding:10px 10px 0 10px;margin:0 0 20px;display:block;position:relative;}
#maincol .whtpan,#maincol .grypan{padding-left:20px;}
#content .whtpan,#content .grypan{padding-left:10px;}


/* rounded corners on the grey panel */
.grypan span.trc,.grypan span.tlc,.grypan span.blc,.grypan span.brc{display:block;width:5px;height:5px;position:absolute;bottom:0px;right:0px;}
.grypan span.tlc,.grypan span.blc{left:0px;}
.grypan span.tlc,.grypan span.trc{top:0px;}
.grypan span.tlc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/grycorners.gif") 0 0 no-repeat;}
.grypan span.trc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/grycorners.gif") 0 -5px no-repeat;}
.grypan span.brc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/grycorners.gif") 0 -10px no-repeat;}
.grypan span.blc{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/grycorners.gif") 0 -15px no-repeat;}
#formgraphic{width:12px;height:24px;position:absolute;top:-38px;right:4px;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/formgraphic.gif") 0 0 no-repeat;}


#maincol h1, #maincol h2, #maincol h3, #maincol p, #maincol ul, #maincol ol{margin-bottom:14px;}
#maincol h1,#maincol h2,#maincol h3{color:#f09;font-family:georgia;font-weight:bold;}
#maincol h1.stdfont,#maincol h2.stdfont,#maincol h3.stdfont{font-family:arial;margin-bottom:0;color:#302f2f;}
#maincol h1#homeheadline{height:23px;margin:-33px 0 10px;padding-left:9px;}
#maincol h1#artsnews{height:28px;margin:-48px 0 20px;padding-left:10px;}
#maincol h1#artsjobs{height:30px;margin:-50px 0 20px;padding-left:10px;}
#maincol h1{font-size:1.7em;}
#maincol h2{font-size:1.5em;}
#maincol h3{font-size:1.3em;}
#maincol p, #maincol li{font-size:1.2em;line-height:1.7em;}
#maincol li{margin-bottom:0.4em;}
#maincol a, #maincol a:visited{color:#f09;text-decoration:underline;font-weight:bold;}
#maincol a:hover, #maincol a:focus, #maincol a:active{color:#f09;text-decoration:none;font-weight:bold;}


#maincol span.pink{color:#f09;}

/* headlines for the various listings */
#newslistheadline{background: #000 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/newslistingheadline-bot.gif") bottom left no-repeat;margin:-50px 0 0;}
#newslistheadline h2{color:#fff;padding:54px 0 4px 10px;margin:0;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/newslistingheadline-top.gif") top left no-repeat;}
#joblistheadline{background: #f09 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/jobslistingheadline-bot.gif") bottom left no-repeat;margin:-40px 0 0;}
#joblistheadline h2{color:#fff;padding:40px 0 4px 10px;margin:0;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/jobslistingheadline-top.gif") top left no-repeat;}

#newslistheadline h2 a,#newslistheadline h2 a:visited,#joblistheadline h2 a,#joblistheadline h2 a:visited{color:#fff;text-decoration:none;}
#newslistheadline h2 a:hover,#newslistheadline h2 a:focus,#newslistheadline h2 a:active, #joblistheadline h2 a:hover, #joblistheadline h2 a:focus, #joblistheadline h2 a:active{color:#fff;text-decoration:underline;}

.lhpan #newslistheadline,.rhpan #newslistheadline{background: #000 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/home_newslisting_bot.gif") bottom left no-repeat;margin:0;}
.lhpan #newslistheadline h2,.rhpan #newslistheadline h2{color:#fff;padding:51px 40px 5px 10px;margin:0;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/home_newslisting_top.gif") top left no-repeat;}
.lhpan #joblistheadline,.rhpan #joblistheadline{background: #f09 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/home_joblisting_bot.gif") bottom left no-repeat;margin:0;}
.lhpan #joblistheadline h2,.rhpan #joblistheadline h2{color:#fff;padding:51px 40px 5px 10px;margin:0;background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/home_joblisting_top.gif") top left no-repeat;}


/* Listing for all pages */
#maincol ul.listing{list-style-type:none;margin:0;padding:5px 0 0;}
#maincol ul.listing li{margin-bottom:1px;}
#maincol ul.listing a,#maincol ul.listing a:visited{display:block;background:#fff;font-weight:normal;text-decoration:none;color:#302f2f;width:100%;}
#maincol ul.listing a:active,#maincol ul.listing a:hover,#maincol ul.listing a:focus{text-decoration:none;color:#302f2f;width:100%;}
#maincol ul.listing span.topcorners{padding:5px 7px 5px 10px;display:block;}
#maincol ul.listing .iname{text-decoration:underline;display:block;clear:both;font-weight:bold;}
#maincol ul.listing .details{color:#f09;text-decoration:none;display:block;clear:both;font-weight:bold;margin-bottom:0.3em;line-height:130%;}
#maincol ul.listing a:hover,#maincol ul.listing a:active,#maincol ul.listing a:focus{background: #f4f2f1 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/rolloverbot-lg.gif") bottom left no-repeat;}
#maincol ul.listing a:hover span.topcorners,#maincol ul.listing a:active span.topcorners,#maincol ul.listing a:focus span.topcorners{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/rollovertop-lg.gif") top left no-repeat;}

#maincol .lhpan ul.listing a:hover,#maincol .lhpan ul.listing a:active,#maincol .lhpan ul.listing a:focus,#maincol .rhpan ul.listing a:hover,#maincol .rhpan ul.listing a:active,#maincol .rhpan ul.listing a:focus{background: #f4f2f1 url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/rolloverbot-sm.gif") bottom left no-repeat;}
#maincol .lhpan ul.listing a:hover span.topcorners,#maincol .lhpan ul.listing a:active span.topcorners,#maincol .lhpan ul.listing a:focus span.topcorners,#maincol .rhpan ul.listing a:hover span.topcorners,#maincol .rhpan ul.listing a:active span.topcorners,#maincol .rhpan ul.listing a:focus span.topcorners{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/rollovertop-sm.gif") top left no-repeat;}


/* page browser - */
#maincol #browse-wrap{padding:10px 0;width:100%;text-align:center;}
#maincol .tx-pagebrowse{width:auto;font-size:1.25em;margin:0 auto;text-align:center;}
#maincol .tx-pagebrowse, #maincol .tx-pagebrowse *{line-height:1;}
#maincol .tx-pagebrowse li{line-height:1.1;min-height:}
#maincol .tx-pagebrowse li li{line-height:1}
#maincol .tx-pagebrowse li{margin:0;font-size:100%;/*float:left;clear:none;*/}
#maincol .tx-pagebrowse-pages{padding:0;width: auto;}
#maincol .tx-pagebrowse-pages ol {padding:0px;font-size:100%;}
#maincol .tx-pagebrowse-pages li{font-size:100%;vertical-align:top;}
#maincol .tx-pagebrowse-prev a, #maincol .tx-pagebrowse-next a{margin:0;padding:0;display:inline-block;width:8px;height:13px;background: url("prev_next.png") left center no-repeat;}
#maincol .tx-pagebrowse-next a{background: url("prev_next.png") right center no-repeat;}

#maincol .tx-pagebrowse a,#maincol .tx-pagebrowse a:link,#maincol .tx-pagebrowse a:visited{text-decoration:none;}
#maincol .tx-pagebrowse a:active,#maincol .tx-pagebrowse a:hover,#maincol .tx-pagebrowse a:focus{text-decoration:underline;}






/* right hand content panel */
#rhcol .wire{background: #fbfbfb url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/wire_top.gif") 0 0 no-repeat;padding:5px 0 0;margin:15px 0;}
#rhcol .iwire{background: url("http://artsjobs.org.uk.s3.amazonaws.com/fileadmin/artsjob/template2/resources/wire_bot.gif") left bottom no-repeat;padding:0 0 5px;}
#rhcol .iiwire{border:2px solid #e6e6e6;border-width:0 2px;padding:8px 11px;}
#rhcol .wire h3,#rhcol .wire h4{font-size:1.2em;font-weight:bold;font-family:arial;margin-bottom:5px;}
#rhcol p,#rhcol li{font-size:1.2em;color:#302f2f;line-height:140%;}
#rhcol a,#rhcol a:visited{color:#f09;text-decoration:underline;font-weight:bold;}
#rhcol a:focus,#rhcol a:active,#rhcol a:hover{color:#f09;text-decoration:none;font-weight:bold;}


#foot{background:#1e1c1a;color:#fff;width:100%;text-align:center;}
#ifoot{width:960px;text-align:left;margin:0 auto;font-family:arial;font-size:1.2em;padding:0 0 25px;}
#footlogo{display:block;float:left;clear:none;width:64px;height:65px;margin:24px 0 0 44px;position:relative;z-index:2}



#iifoot{padding:27px 300px 25px 150px;position:relative;}
#foot p{line-height:125%;}
#foot a, #foot a:visited{text-decoration:underline;color:#fff;}
#foot a:active,#foot a:hover,#foot a:focus{text-decoration:none;color:#fff;}

#botnav{list-style-type:none;font-weight:bold;margin:0 0 15px;padding:0;/*float:left;clear:none;*/}
#botnav li{margin:0;padding:0 10px;border-right:1px solid #fff;display:inline/*float:left;clear:none;*/}
#botnav li.fli{padding-left:0;}
#botnav li.lli{padding-right:0;border:0;}
#botnav a, #botnav a:visited, #botnav span.cur{text-decoration:none;color:#fff;}
#botnav a:active,#botnav a:hover,#botnav a:focus,#botnav span.cur{text-decoration:underline;color:#fff;}


#botnav2{list-style-type:none;margin:0;padding:0;position:absolute;bottom:35px;right:20px;}
#botnav2 li{margin:0;padding:0 10px 0 0;display:inline;}
#botnav2 li.lli{padding-right:0;}



.tx-newloginbox-pi1 table{border-collapse: collapse;font-size:1.2em;line-height:1.7em;}
.tx-newloginbox-pi1 th, .tx-newloginbox-pi1 td{border: 0 none;}
.tx-powermail-pi1_formwrap{font-size:1.2em;line-height:1.7em;}