/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
http://www.stuffandnonsense.co.uk

----------------------------------------------------------------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}




/* http://blueprintcss.googlecode.com
----------------------------------------------------------------------------------------- */
body { font-size : 75%; color : #222; background : #fff; font-family : Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight : normal; color : #111; }
h1 { font-size : 3em; line-height : 1; margin-bottom : .5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; height : 1.25em; }
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#000;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'lucida console', monospace; line-height : 1.5; }
li ul, li ol { margin : 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 1.5em; }
ul { list-style-type : disc; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dl dt { font-weight : bold; }
dd { margin-left : 1.5em; }
table { margin-bottom : 1.4em; width : 100%; }
th { font-weight : bold; background : #493c35; color : #fff; }
th, td { padding : 4px 10px 4px 5px; }
tr.even td { background : #493c35; }
tfoot { font-style : italic; }
caption { background : #eee; }
label { font-weight: bold; }
fieldset { padding : 1.4em; margin : 0 0 1.5em 0; border : 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
input, textarea, select { margin : 0 0 0.5em; border : 1px solid #bbb; }
input, { width : 300px; padding : 5px; }
textarea { width : 390px; height : 250px; padding : 5px; }



/* Author styles 
----------------------------------------------------------------------------------------- */

body { background : #00364a; color : #000; }
h1 { position : relative; top : 0; left : 30px; margin : 0; width : 380px; height : 100px; background : transparent url(../siteimages/h1_doorway.png) no-repeat 0 0; text-indent : -9999px; }
h2 { font-size : 1.5em; font-weight : bold; text-align : center; line-height : 1; padding-top : .5em; text-shadow: #000 1px 1px 1px; color : #fff; margin-top : 6px; }
a, a:visited { font-weight : bold; color : #004661; text-decoration : none; }
ul { list-style-type : none; margin-left : 0; }

.container { width : 940px; margin : 0 auto; padding-top : 1.5em; }

/* =nav_tools */
#nav_tools { margin-bottom : 50px; text-align : right; }
#nav_tools li { display : inline; margin-right : 10px; font-size : 92%; text-transform : uppercase; letter-spacing : 1px; font-weight : bold; color : #fff; }
li#nav_signin { margin-right : 0; }
#nav_tools a { padding : 10px; text-decoration : none; color : #fff; }
#nav_tools a:visited { color : #fff; }
#nav_tools a:hover { background-color : #005e82; }

/* =content */
#content { width : 100%; background : #00364A url(../siteimages/form.png) no-repeat 100% 0; }
#content:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }

/* =story area */
#story { float : left; width : 460px; height : 594px; }
.one #story { background : transparent url(../siteimages/story_register_01.jpg) no-repeat 0 0; }
.two #story { background : transparent url(../siteimages/story_register_02.jpg) no-repeat 0 0; }
.three #story { background : transparent url(../siteimages/story_register_03.jpg) no-repeat 0 0; }
.staging #story { background : transparent url(../siteimages/story_register_04.jpg) no-repeat 0 0; }
.error #story { background : transparent url(../siteimages/story_register_04.jpg) no-repeat 0 0; }
.system #story { background : transparent url(../siteimages/story_register_04.jpg) no-repeat 0 0; }

/* =form area */
#form { float : left; width : 460px; height : 594px; }




/* =a */
a.action { display : block; width : 140px; padding : 4px 0; background : #da5221 url(../siteimages/action_background.jpg) repeat-x; border : 1px solid #793411; font-weight : bold; text-align : center; text-transform : uppercase; color : #fff; text-shadow: #793411 1px 1px 1px; }

/* =form */
form { width : 440px; padding : 20px; }
.padding { padding : 20px; }
fieldset { overflow : hidden; width : 400px; border-width : 0; margin : 0; }
fieldset.tabbed { margin-bottom : 0; }

form h3 { margin : 3em 0 1.5em 0; font-weight : bold; font-size : 1em; text-transform : uppercase; }
form div { width : 400px; margin : 0 auto; padding : .75em 0; background-color : #fff; text-align : center; }
form div.col { float : left; width : 190px; margin : 0; padding : 0; background-color : transparent; text-align : left; }
form div p { margin-bottom : 0; }

label, label span { display : block; }
label { clear : left; position : relative; margin-bottom : 5px; }
label:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
label span { float : left; width : 200px; margin-right : 20px; font-weight : bold; }
label em { font-style : normal; font-weight : normal; color : #999; }
label input[type="text"], label input[type="password"], #fm_password { float : left; width : 160px; border : 1px solid #dfe0da; border-top-width : 4px; margin-top : 0; }
label.inline { margin-bottom : 15px; }
label.inline input[type="text"] { float : none; width : 15px; margin : 0 10px; border : 1px solid #dfe0da; border-top-width : 4px; text-align : center; }
label input[type="checkbox"] { margin-right : 15px; }
label select { float : left; width : 160px; }
label img { position : absolute; top : 10px; right : 0; }
div input[type="submit"] { min-width : 160px; padding : 8px 0; background : #da5221 url(../siteimages/submit_background.jpg) repeat-x; border : 1px solid #793411; font-weight : bold; text-align : center; text-transform : uppercase; color : #fff; text-shadow: #000 1px 1px 1px; }
div input[type="submit"].defocus { margin-right : 30px; background : #abacb1 url(../siteimages/defocus_background.jpg) repeat-x; border : 1px solid #7f8289; }
div.hiddenFields { display : none; }

/* =siteinfo */
#siteinfo { width : 940px; margin : 0; padding : 1.5em 0; }
#siteinfo p { color : #5b7880; }
#siteinfo a, #siteinfo a:visited { color : #fff; }

/* -moz- and -webkit- */
#nav_tools a:hover { 
border-radius : 5px; 
-moz-border-radius : 5px; 
-webkit-border-radius : 5px; 
box-shadow : 0 1px 1px #000;
-webkit-box-shadow : 0 1px 1px #000; }

form div { 
border-radius : 10px;
-moz-border-radius : 10px; 
-webkit-border-radius : 10px; }

div input[type="submit"] { 
border-radius : 14px;
-moz-border-radius : 14px; 
-webkit-border-radius : 14px; }

a.action { border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; }
#message{margin-top:10px}

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */