/*

Colourscheme:
-------------

#000000 - Black
#717171 - Drk Grey
#b9b9b9 - Lgt Grey 1
#d4d4d4 - Lgt Grey 2
#339933 - Green
#ffd500 - Yellow

*/

body                    { margin:20px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:84%; line-height:1.4em; background:#717171; color:#fff; text-align:center; }

p                       { margin:10px 0; }
h1,h2,h3,h4,h5,h6       { margin:10px 0; line-height:1.3em; letter-spacing:-1px; }
a                       { color:#ffd500; }
.ar                     { text-align:right; }
.fl                     { float:left; }
.fr                     { float:right; }
.clear                  { clear:both; }
img                     { display:block; border:0; }

div.hr                  { border-top:1px solid #b9b9b9; margin:10px 0; clear:both; }
div.hr hr               { display:none; }

ul                      { margin:10px 0; padding-left:1.4em; }
ul li                   { margin-left:0; padding-left:0; }


#pageWrapper            { width:955px; margin:0 auto; padding:10px; text-align:left; }
#pageHead               { margin-bottom:20px; }

#pageBody               { padding:20px; background:#fff; color:#000; }
#pageBody a             { color:#339933; }

#pageFoot               { margin-top:15px; border-top:1px solid #b9b9b9; padding-top:5px; font-size:0.8em; }

#pageLogo               { float:left; margin:0; font-size:3em; }
#pageLogo a             { color:#fff; text-decoration:none; }
#pageAuthentication     { float:right; margin:0; margin-top:8px; font-size:0.8em; }

#pageNavigation li      { margin:0.5em 0; }
#pageNavigation li a    { font-weight:bold; }

#pageTrail              { padding-bottom:20px; border-bottom:1px solid #b9b9b9; margin-bottom:10px; font-size:0.9em; position:relative; }
#pageTrail ul           { margin:0; padding:0; }
#pageTrail li           { margin:0; padding:0; float:left; list-style-type:none; margin-left:10px; padding-left:17px; background:url(/static/images/trail-divider.gif) no-repeat 0 50%; }
#pageTrail a            {  }
#pageTrail li.first     { margin-left:0; padding-left:0; background:none; }


#pageFeedback           { color:#393; background:#e9ffe9; padding:20px; margin-bottom:1px; }
#pageFeedback ul        { margin:0; }

.form-errors            { color:#a00; background:#ffe9e9; padding:20px; margin-bottom:1px; }
.form-errors ul         { margin:0; }

.errorlist              { margin:0.5em 0; padding:0; color:#a00; font-style:italic; font-weight:normal; }
.errorlist li           { margin:0; padding:0; list-style-type:none; }

.col-l                  { float:left; width:280px; padding-right:20px; }
.col-l h2, .col-l h3, .col-l h4 { color:#717171; font-size:1.4em; }
.col-r                  { float:left; width:615px; }

h2.boxed                { padding:10px; background:#ffd500; color:#000 !important; }

fieldset                { border:1px solid #ddd; margin:1em 0; padding:0 1em; }
legend                  { color:#666; }
.btn                    { border:0; background:#000; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:0.6em; font-weight:bold; text-align:left; text-transform:uppercase; padding:10px 2px 2px 2px; padding-right:50px; cursor:pointer; margin-right:5px; }
.btn:hover              { background:#ffd500; color:#000; }
.placeholder            { color:#b9b9b9; font-style:italic; }

.form-row               { overflow:hidden; margin:1em 0; }
.form-row .label-col    { float:left; position:absolute; width:150px; margin-top:0.2em; }
.form-row .label-col label { font-weight:bold; }
.form-row .label-col label:after { content:":"; }
.form-row .input-col    { display:inline; margin-left:160px; }
.form-row .help-text    { clear:both; margin-left:160px; width:250px; font-size:0.8em; line-height:1.2em; padding-top:0.2em; color:#717171; }
.form-row .input-col .full-width { width:99%; }

.form-row .tick-item        { position:absolute; margin-top:-1px; }
.form-row .tick-text        { display:block; padding-left:25px; }
.form-row .tick-text label  { display:inline; font-weight:normal; font-size:0.9em; }

.form-row .error label      { color:#a00; }

.form-newlines          {  }
.form-newlines .label-col { float:none; position:relative; margin-top:0; margin-bottom:0.5em; font-weight:bold; width:auto; }
.form-newlines .input-col { float:none; padding-top:0.1em; margin-left:0; }

.questions .form-row { margin:5px 0; padding:1em; background:#e3e3dd; }
.questions .label-col label:after { content:''; }
.questions .input-col { display:block; zoom:1; }
.questions .input-col ul { margin:0; padding:0; list-style-type:none; }
.questions .input-col ul li { margin:0.5em 0; padding:0; zoom:1; }

.questions .tick-any .text-other label { display:block; font-weight:bold; margin:1em 0 0.5em 0; }

.questions .matrix      { width:100%; border-collapse:collapse; margin-top:1em; }
.questions .matrix th, 
.questions .matrix td   { text-align:center; padding:5px; border:1px solid #818181; background:#fff; }
.questions .matrix th   { font-weight:normal; font-size:0.8em; line-height:1.3em; background:#e3e3dd; }
.questions .matrix thead th { text-align:center; font-weight:bold; }

.progress               { position:relative; height:1.6em; border:1px solid #818181; margin:1em 0; }
.progress-bar           { position:absolute; height:1.6em; background:#e3e3dd; }
.progress-txt           { position:absolute; width:100%; text-align:center; font-size:0.8em; line-height:1.9em; color:#818181; }

.client-headlines       { margin:0; padding:0; }
.client-headlines li.client-headline { list-style-type:none; display:block; margin:1em 0; padding:0 1em; border:1px solid #ffd500; }
.client-headlines li    { list-style-type:disc; }

.project-list           {  }
.project-list li        { margin:1em 0; }
.project-list li a      { font-weight:bold; }
.project-list div       { margin:0.3em 0; }
.project-breakdown      { font-size:0.85em; }

.project-groups li      { margin:1.5em 0; }
.project-groups li a    { font-weight:bold; }
.project-groups li em   { color:#717171; }
.project-groups li .date-line { font-size:0.85em; }
.project-groups li div  { margin:0.3em 0; }

ul.arrows               { padding-left:0; margin-left:0; }
ul.arrows li            { padding-left:15px; list-style-type:none; background:url(/static/images/bullet.gif) no-repeat 0 5px; }

#session-status         { margin:20px 0; padding:10px 20px; background:#339933; color:#fff; font-size:1.4em; line-height:1.2em; font-weight:bold; }
#session-status a       { color:#fff; }

.session-resources      { margin:1em 0; padding:0; margin-right:-10px; }
.session-resources li   { margin:0; padding:0; list-style-type:none; float:left; margin-right:10px; margin-bottom:10px; border:1px solid #000; }

/*
.client-resources       { padding:0; margin:1em 0; }
.client-resources li    { list-style-type:none; margin:1em 0; }
.client-resources img   { border:1px solid #000; }
.client-resources .resource-link    { float:left; width:102px; margin-right:20px; }
.client-resources .resource-info    { float:left; width:493px; }
.client-resources .resource-name    { font-weight:bold; }
.client-resources .resource-file    { color:#717171; font-size:0.9em; }
*/

.headlines              { font-size:0.9em; }
.headlines p            { padding-bottom:15px; border-bottom:1px solid #b9b9b9; margin-bottom:15px; }
.headlines p.last       { padding-bottom:0; border-bottom:0; margin-bottom:10px; }

.comment                { padding-top:5px; border-top:1px solid #b9b9b9; margin:15px 0; font-size:0.9em; }
#comments .first        { padding-top:0; border-top:0; margin-top:10px; }
.comment-text           { margin-bottom:0; }
.comment-info           { margin:0; color:#717171; font-style:italic; }

.no-comments, .one-liner { line-height:2em; }
.preview h4             { margin-bottom:0px; font-size:1em; color:#717171; font-style:italic; }
.preview .comment-text  { margin-top:0; }

.comment-form textarea  { border:0; padding:5px; width:585px; font-family:Arial,Helvetica,sans-serif; font-size:0.9em; }

.form-panel             { margin:-20px; margin-top:10px; padding:20px; padding-top:10px; background:#339933; }
.form-panel h2, .form-panel h3, .form-panel h4 { color:#fff; }