/* @override 
	http://www.parkerharris.co.uk/competition/style.css
	http://proofs.rubious.co.uk/ph/style.css
	http://www.parkerharris.co.uk/competition-test/style.css
	http://www.parkerharris.co.uk/competition/style.css?cssversion=2
*/

/* @group CSS RESET and FONT FACE */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

body {line-height: 1; -webkit-text-stroke: 1px transparent;}

@media only screen and (max-device-width:480px) {

body {-webkit-text-stroke: 0 black;}

}

table {border-collapse: collapse; border-spacing: 0;}

section, article, aside, header, footer, nav, dialog, figure {display: block;}

/* @end */

/* @group Body and document-wide */

body {background: #e2e0e0; font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;position: relative; font-size: 12px; line-height: 1.6;}

body a {color: #ff9933;}

/* @end */
 
/* @group Wrapper and Header */


div.wrapper {width: 792px; margin: 33px auto 50px auto; background: #fff; position: relative; padding: 38px 44px 80px 44px;}

div.section { position: relative; float: left;}

div.top-left-corner {background: url(images/top-curl.jpg) 0 0 no-repeat; width: 84px;height: 52px;position: absolute; top: 0px; left: 0;}

div.bottom-right-corner {background: url(images/bottom-curl.jpg) 0 0 no-repeat; width: 118px;height: 68px;position: absolute; bottom: 0; right: 0;}

div.header {border-bottom: 1px solid #ccc; padding: 0px; float: left; position: relative; margin: 0 0 15px 0; width: 792px;}
div.header img.logo {margin: 15px 0 10px 0; display: block; float: left;}
div.header h2 {color: #733014; text-transform: uppercase; font-size: 12px; float: right;}
div.header p {float: right; color: #000; font-size: 16px; font-weight: bold;}

div.deadline {width: 270px; float: right; margin: 15px 0; line-height: 1.2; height: 34px; position: relative;}
div.header .deadline p {float: right; color: #000; font-size: 16px; font-weight: bold;position: absolute; bottom: 0; right: 0;}



/* @end */

/* @group Main content, featured products */



#slideshow {float: left; width: 792px; height: 240px;margin: 0px;overflow: hidden;}
div.hover-instructions {font-size: 10px; color: #777; position: absolute; top: -21px; right: 0;}

#slideshow div {width: 792px; height: 240px; position: relative;}

#slideshow div  img {width: auto !important; height: auto !important;}

#slideshow div div.caption {position: absolute; top: 0; background: #f7e9d9; background:rgba(247,233,217,0.8); padding: 10px; height: 15px; display: none}


div.article{display: block; position: relative; margin-top: 0px; width: 792px; overflow: hidden; float: left;}

.ie7 div.article{display: block; position: relative; margin-top: 10px; width: 792px; overflow: hidden;}
/*div.article p {margin: 0px 0 10px 0; }
div.article ul {margin: 20px 0 20px 0px;}
div.article li {margin: 4px 0 6px 15px; line-height: 1.3; list-style: disc }*/ 




 /*TABS*/ 

ul.tabs {background: #e2e0e0; float: left; width: 100%; height: 43px; margin: 0;}
ul.tabs li {float: left; list-style: none; margin: 0 5px;}


.ie6 ul.tabs li {margin: 0 2px;}
.ie6 ul.tabs li.online-entry {width: 100px;}
.ie6 ul.tabs li.general-info {width: 100px;}
.ie6 ul.tabs li.rules {width: 210px;}
.ie6 ul.tabs li.help {width: 90px;}
.ie6 ul.tabs li.downloads {width: 125px;}
.ie6 ul.tabs li.contact {width: 123px;}

ul.tabs a {color: #70512e; text-transform: uppercase; height: 33px; display: block;padding: 10px 5px 0 5px;margin: 0; text-decoration: none; line-height: 2;}
ul.tabs a.current {background: url(images/rollover.png) bottom center no-repeat #fff;}

div#pages {float: left; width: 100%;}
div#pages .tab {position: relative; margin-top: 0px;}


/* STEPS */

ul.steps { list-style: none; margin: 5px 3px 0 3px; height: 1px;}
.ie7 ul.steps { list-style: none; margin: 5px 3px 0 3px; height: 20px;}


ul.steps li {float: left; color: #afafaf; margin: 0px 4px; text-transform: uppercase; font-size: 11px; line-height: 1; padding-left: 15px; padding-top: 5px; position: relative;}
ul.steps strong {font-size: 18px; line-height: 1; position: absolute; left: 0; top: 2px;}
ul.steps li.divide {padding-left: 0; font-weight: normal;}
ul.steps li.selected {color: #ff9933;}


 /* FORMS */
 
.formsteps {position: relative; margin-top: 8px;}
fieldset {background: #f6cfaa; padding: 0px 0px 10px 0px; position: relative; width: 795px; margin-top: 2px;}
hr.after_legend {height: 1px; margin-top: 26px; display: block; border: none;}


.ie7 hr.after_legend {height: 26px; margin-top: 26px; display: block; border: none;}
.ie6 hr.after_legend {height: 26px; margin-top: 26px; display: block; border: none;}



.legend {width: 772px; color: #733014; background: #f7e9d9; padding: 5px 10px 5px 13px; height: 23px; position: absolute; left: 0px; top: 0px;
font-size: 14px;  text-transform: uppercase; font-weight: bold;}

fieldset.button-fieldset .legend {font-weight: normal;}

div.sidenote{position: absolute; right: 15px; top:  5px; width: 380px;}
div.sidenote em {font-size: 11px; float: right;}

div.sidenote a {text-decoration: none; font-weight: bold; position: relative; padding:0 0 0 20px; float: right;}

h2 a {text-decoration: none; font-weight: bold; position: relative; padding:0 0 0 20px; float: right;text-transform: none;}
a i { background: url(images/icons.png) 0 -17px no-repeat; width: 18px; height: 18px; display: block; position: absolute; left: 0; }
ol li a { text-decoration: none; font-weight: bold;}
ol li a i {left: -20px;}

form p {font-size: 12px;}
fieldset em, fieldset .legend h2 em {color: #666; font-style: normal;}
fieldset .sidenote em{top: 2px; position: relative; display: block;}
fieldset div.sidenote p{top: 2px; position: relative; display: block; color: #666; text-align: right; margin: 0;}
fieldset div p {margin: 16px 0px 12px 13px;}
fieldset div.explanation-text p {margin: 16px 0px 12px 13px;}


fieldset div.columns-two {margin: 0; color: #666;}
fieldset div.columns-two .one {float: left; margin: 15px; width: 400px; }
fieldset div.columns-two .two {float: left; margin: 15px 0 10px 0;width: 285px; text-align: right;}
fieldset div.columns-two .two input {margin: 0 5px 0 0;}
fieldset div.columns-two .two label.file {display: inline-block; width: 220px; margin: 8px 8px 0px 42px; float: left; font-weight: bold; color: #666;text-align: left;}

fieldset div.explanation-text {float: left; margin: 0px 0 0 5px; color: #666;}


fieldset div.works-list {border-top: 1px solid #ff9933; float: left; width: 100%; position: relative;left: -4px;}
fieldset div.works-list label {width: 110px;position: relative;}
fieldset div.works-list input.file {margin-top: 40px;}

 label small {font-size: 9px !important; position: absolute; top: 3px; width: 100px; }
 
 .ie label small {left: 100px;}
 .ie6 label small {display: none;}
 input.prize-checkboxes {display: inline; width: 12px;}
 label.prize-checkboxes {display: inline-block; width: 170px;}
 
 span.vertical-line {color: #ff9933;}
 
  label {display: inline-block; width: 117px; margin: 8px 8px 8px 12px; float: left; height: 40px; font-weight: bold; color: #666;}

 label.error {color: red; position: relative;float: none; width: 200px; margin: 1px 5px 0 0; font-size: 11px;}
 
 
 div.fileupload label.error {width: 235px; text-align: left; }
 
 div.artiststatement label.error {margin-left: 15px;}
 
 span.uploadedcv {position: relative; left: -35px; top: -5px;}
 
 label.large {width: 255px; margin: 8px 8px 8px 12px; float: left;}
 .three label.large {width: 180px; margin: 8px 8px 8px 16px; float: left;}
 .three label.checkbox {width: 180px; margin: 28px 8px 0px 12px; height: 29px;}
 label.checkbox input {float: left;width: auto; margin-right: 10px;}
 label.declaration input {width: auto;}
 label input {width: 100%;}
 input.required {}



 hr {float: left; width: 100%; border: none; border-bottom: 1px solid #ff9933;}

fieldset.payment hr {border-bottom-color: #afafaf;}


label.full {width: 100%; height: 15px; margin: 16px 0px 12px 13px;}
.ie7 label.full {width: 100%; height: 20px; margin: 0px 0px 28px 13px;}

label.submission {margin-bottom: 22px;}
label.collection {}
hr.submission-collection {float: left; width: 100%; border: none; border-bottom: 1px solid #ff9933;margin: 0px 0 0;}

 textarea {width: 170px; height: 120px;}
 
 textarea#artistStatement  {width: 750px ; margin: 15px 15px 5px 15px; border: 1px solid #ccc; padding: 5px;}
#artistStatement_counter {color: #666; margin: 0 0 0 15px;}

button.review-entry {background: url(images/button-images/button-review-entry.png) 0 0 no-repeat;width: 208px; height: 37px; display: block; text-indent: -9999px; position: relative; top: -7px; left: 4px;}
 button.review-entry:hover {background-position: bottom left; cursor: pointer;}
 
 
button.submit_pounds {background: url(images/button-images/button-pay-pounds.png) 0 0 no-repeat;width: 310px; height: 37px; display: block; text-indent: -9999px; position: relative; top: -7px; left: 4px;}
button.submit_pounds:hover {background-position: bottom left; cursor: pointer;}
 
button.submit_euros {background: url(images/button-images/button-pay-euros.png) 0 0 no-repeat;width: 310px; height: 37px; display: block; text-indent: -9999px; position: relative; top: -7px; left: 4px;}
button.submit_euros:hover {background-position: bottom left; cursor: pointer;}
 
button.submit_entry {background: url(images/button-images/button-submit-entry.png) 0 0 no-repeat;width: 310px; height: 37px; display: block; text-indent: -9999px; position: relative; top: -7px; left: 4px;}
button.submit_entry:hover {background-position: bottom left; cursor: pointer;} 
 
a.online-entry-form {background: url(images/button-images/button-online-entry.png) 0 0 no-repeat;width: 208px; height: 37px; display: block; text-indent: -9999px; position: relative; left: -4px;}
a.online-entry-form:hover {background-position: bottom left;}
 
div.sidenote button {float: right;} 
fieldset.payment  button { margin: 18px 0 0px 21px; display: block; float: left; position: relative; left: -7px;}

 
 p.checkboxes {margin: 40px 0 0 0; padding: 40px 0 0 0;}

 textarea {width: 100%; height: 120px;}

div.columns-three .one {width: 282px; float: left;}
div.columns-three .two {width: 282px;  float: left;}
div.columns-three .three {width: 209px; float: left;/*border-left: 1px solid #ff9933;*/}

fieldset.button-fieldset {background: #fff;}
fieldset.button-fieldset .legend h2 {color: #666; font-weight: normal;}


fieldset.review {width: 430px; float: left;}
fieldset.review .legend {width: 407px;}

fieldset.review h2 {font-size: 14px;  text-transform: uppercase; font-weight: bold;color: #733014; margin: 0 0 0 12px; position: relative; width: 100%;}
fieldset.review h2 a { position: absolute; right: 22px;}

fieldset.review p {margin: 8px 0 8px 12px; color: #666;}
fieldset.review p.intro {float: left;;}
fieldset.review ol {margin: 0 0 8px 12px; list-style: none;}
fieldset.review li {margin: 0 0 4px 0; position: relative; width: 270px;}
fieldset.review li a { position: absolute; right: -140px; top: 0;}


fieldset.payment {background: #e2e0e0; float: left; width: 360px; border-left: 2px solid #fff;}
fieldset.payment .legend {/*background: #e2e0e0*/;}
fieldset.payment label.declaration {width: 310px; height: auto; position: relative; left: 20px; float: none;margin: 8px 8px 8px 12px; font-size: 11px;}
fieldset.payment label.declaration a{color: #666;}
fieldset.payment label.declaration input {position: absolute; left: -23px;}
fieldset.payment h2 {font-size: 14px;  text-transform: uppercase; font-weight: bold;color: #733014; margin: 0 0 0 20px; position: relative; width: 100%;}
fieldset.payment p {margin: 0 0 8px 20px; color: #666;}

fieldset.payment label {float: none; clear: both; width: 330px; margin: 8px 8px 8px 19px;}

fieldset.payment select {margin: 5px 0 0 0;}

div.vertical-line {height: 290px; position: absolute; border-left: 2px solid #f6ae69; right: 227px;top: 33px;}



/* GENERAL INFO PAGES */


div.columns-two {margin: 28px 0 40px 14px;}

div.columns-two .one {width: 515px; float: left; padding-right: 61px;}
.ie6 div.columns-two .one {width: 500px;}
div.columns-two .two {width: 202px; float: left;}

div.columns-two h2, h2.fckeditor {text-transform: uppercase; color: #ff9933; font-size: 18px; margin: 0 0 5px 0;}
div.columns-two h3, div.columns-two h3 a, h3.fckeditor {text-transform: uppercase; font-size: 14px; color: #70512e; margin: 25px 0 4px 0;}
div.columns-two p {margin: 0 0 25px 0;}
div.columns-two .two img {margin: 0px 0 0 0; position: relative;}

div.columns-two .two div {position: relative; margin-top: 18px;}

div.columns-two .two div.fileupload {position: relative; margin-top: 0;}


div.columns-two .two div div.caption {margin: 0;position: absolute; top: 0px; background: #f7e9d9; background:rgba(247,233,217,0.8); padding: 10px; height: auto; display: none}


img.sponsor-logo {margin: 15px 0 0 0;}

p.footer-links {width: 400px; margin: 40px 0 0 0;position: absolute; bottom: 24px;}
p.footer-links a {margin: 0 30px 0 0px; position: relative;padding-left: 20px; text-decoration: none; color: #f6ae69;}
p.footer-links a i {position: absolute; left: 0; top: -2px;}
p.footer-links a.contactus i {background-position: -0px 0px;}
p.footer-links a.backtotop i {background-position: -0px -35px;}

.columns-two .one ul {margin: 0 0 0 20px;}
ul li a {color: #666;}