@import url('initial.css');

/* always display a vertical scrollbar container so page doesn't jump around */
html {
overflow-y: scroll;
}

body {
font-family: 'Brandon Grotesque Regular';
font-size: 90%;
color: #333;
}

html>body {
font-family: 'Brandon Grotesque Regular';
font-size: 90%;
/*background: #e2ebf0 url(../images/bg.jpg) top center no-repeat;*/
color: #333;
}

#wrapper {
width: 928px;
background: #fff url(../images/wrapper.jpg) top center no-repeat;
padding: 120px 48px 20px 48px;
margin: 30px auto 30px auto;
position: relative;
}


#home-link {
position: absolute;
width: 360px;
height: 125px;
top: 0;
right: 0;
}

#main {}
#content {}
#info { z-index: 100; position: absolute; top: 0; left: 0; }
#info img { display: block; }

/* FOOTER */
#footer {
margin-top: 20px;
/*background: url(../images/bg-footer.jpg) top center no-repeat;*/
border-top: 2px solid #0b3856;
}
#footer ul {
font-size: 11px;
color: #808184;
}
#footer ul li {
list-style: none;
margin-top: 15px;
margin-left: 0;
}
#footer ul li.odd {
float: left;
}
#footer ul li.even {
float: right;
}
#footer a {
color: #404041;
text-decoration: none;
}

a { color: #0c8efa; text-decoration: none; }
a:hover { text-decoration: underline !important; }

ul.cycle li {
margin-left: 0;
list-style: none;
background: url(../images/bullet.png) no-repeat;
padding-left: 20px;
margin-bottom: 7px;
}
ul.cycle li.odd {
color: #808184;
}

hr.fine-dashed {
background-color: #fff; 
border: 1px dashed #6c6d6f; 
border-style: none none dashed none; 
}

hr.thick-dashed {
background-color: #fff; 
border: 2px dashed #6c6d6f; 
border-style: none none dashed none; 
}

p#company-logo-container {
padding-left: 50px;
margin-bottom: 40px;
}

/* NAVIGATION */
ul.nav  {
margin-left: 45px;
}
ul.nav li {
display: inline;
text-transform: uppercase;
list-style: none;
margin-left: 0;
padding-right: 15px;
font-size: 12px;
background: url(../images/nav-divider.png) right center no-repeat;
}
ul.nav li a { color: #919194; }
ul.nav li.active a { font-weight: bold; color: #0c8efa; }
ul.nav li.last { background-image: none !important; }


/* DEFAULT FOR CUFON H1 */
h1 {
font-size: 34px;
font-weight: normal;
}

/* HI STEVE */
h1.title {
margin: 10px 0 20px 0;
font-size: 29px;
letter-spacing: -1px;
}




/* HOME PAGE */
#wrapper.default-index-index p#company-logo-container {
display: none;
}
#wrapper.default-index-index #intro {
background: url(../images/welcome.png) top left no-repeat;
padding: 40px 30px 30px 450px;
margin-top: 30px;
}
#wrapper.default-index-index #intro p {
color: #808184;
}
#wrapper.default-index-index #intro p strong {
color: #0c8efa;
}
#wrapper.default-index-index #content ul {
margin: 0;
}
#wrapper.default-index-index #content ul li {
display: inline;
list-style: none;
margin-left: 20px;
}


/* LOGIN */
#wrapper.ace-index p#company-logo-container, #wrapper.leadership-index p#company-logo-container, #wrapper.pi-index p#company-logo-container {
display: none;
}
#wrapper.ace-index #main, #wrapper.leadership-index #main, #wrapper.pi-index #main, #wrapper.progit-index #main {
margin-top: 40px;
background: url(../images/dots.png) 0 10px no-repeat;
}
#wrapper.ace-index #content, #wrapper.leadership-index #content, #wrapper.pi-index #content, #wrapper.progit-index #content {
position: relative;
padding-top: 20px;
padding-left: 380px;
}
#wrapper.ace-index #content ul li, #wrapper.leadership-index #content ul li, #wrapper.pi-index #content ul li, #wrapper.progit-index #content ul li {
margin-left: 0;
list-style: none;
background: url(../images/bullet.png) no-repeat;
padding-left: 20px;
margin-bottom: 7px;
color: #808184;
}
#wrapper.ace-index #content #key-label, #wrapper.leadership-index #content #key-label, #wrapper.pi-index #content #key-label, #wrapper.progit-index #content #key-label {
display: none;
}
#wrapper.ace-index #content #key-element, #wrapper.leadership-index #content #key-element, #wrapper.pi-index #content #key-element, #wrapper.progit-index #content #key-element {
margin-top: 20px;
margin-left: 0;
}
#wrapper.ace-index #content #key, #wrapper.leadership-index #content #key, #wrapper.pi-index #content #key, #wrapper.progit-index #content #key {
border: 1px solid #000;
padding: 2px;
}
#wrapper.ace-index #content #submit-label, #wrapper.leadership-index #content #submit-label, #wrapper.pi-index #content #submit-label, #wrapper.progit-index #content #submit-label {
display: none;
}
#wrapper.ace-index #content #submit-element, #wrapper.leadership-index #content #submit-element, #wrapper.pi-index #content #submit-element, #wrapper.progit-index #content #submit-element {
text-align: right;
}
#wrapper.ace-index #content input[type="submit"], #wrapper.leadership-index #content input[type="submit"], #wrapper.pi-index #content input[type="submit"], #wrapper.progit-index #content input[type="submit"] {
width: 360px;
height: 200px;
cursor: pointer;
border: 0;
}
#wrapper.ace-index img#splash, #wrapper.leadership-index img#splash, #wrapper.pi-index img#splash, #wrapper.progit-index img#splash {
margin-left: 50px;
}
#wrapper.ace-index #help img, #wrapper.leadership-index #help img, #wrapper.pi-index #help img, #wrapper.progit-index #help img {
margin-top: 75px;
}


/* DISCLAIMER - JUST BEFORE YOU BEGIN */
#wrapper.action-disclaimer #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-disclaimer #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
min-height: 450px;
}
#wrapper.action-disclaimer #content p {
text-align: right;
}
#wrapper.action-disclaimer #info img {
margin-top: 20px;
margin-left: 45px;
}















/* SUPPORTERS - LETS TALK NUMBERS */
#wrapper.leadership-supporters #main, #wrapper.pi-supporters #main {
background: url(../images/dots4.png) 0 40px no-repeat;
}
#wrapper.leadership-supporters #content, #wrapper.pi-supporters #content {
position: relative;
padding-top: 5px;
padding-left: 380px;
}
#wrapper.leadership-supporters #info img, #wrapper.pi-supporters #info img {
margin-top: 0;
margin-left: 60px;
}
#wrapper.leadership-supporters #content #total_supporters-label, #wrapper.pi-supporters #content #total_supporters-label {
display: none;
}
#wrapper.leadership-supporters #content #total_supporters-element, #wrapper.pi-supporters #content #total_supporters-element {
margin-top: 20px;
margin-left: 0;
}
#wrapper.leadership-supporters #content #total_supporters, #wrapper.pi-supporters #content #total_supporters {
border: 1px solid #000;
padding: 2px;
font-size: 20px;
width: 100px;
}
#wrapper.leadership-supporters #content #submit-label, #wrapper.pi-supporters #content #submit-label {
display: none;
}
#wrapper.leadership-supporters #content input[type="submit"], #wrapper.pi-supporters #content input[type="submit"] {
width: 285px;
height: 265px;
cursor: pointer;
border: 0;
}
 
/* ADD SINGLE */
#wrapper.action-addsingle #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-addsingle #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-addsingle #info img {
margin-top: 10px;
margin-left: 60px;
}
#wrapper.action-addsingle #content p {
text-align: right;
}
#wrapper.action-addsingle dl {
border-top: 1px dashed #808184;
padding-top: 10px;
}
#wrapper.action-addsingle dl legend {
padding-bottom: 10px;
color: #808184;
font-size: 15px;
}
#wrapper.action-addsingle dl dt {
width: 150px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding: 2px;
}
#wrapper.action-addsingle dl dd {
clear: right;
margin-bottom: 10px;
clear: right; /* ??? */
}
#wrapper.action-addsingle dl dd#submit-element {
text-align: right;
}
#wrapper.action-addsingle dd#submit-element {
text-align: right;
}
#wrapper.action-addsingle dl input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 3px;
}
#wrapper.action-addsingle #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}


/* EDIT SINGLE */
#wrapper.action-editsingle #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-editsingle #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-editsingle #info img {
top: 10px;
margin-left: 60px;
}
#wrapper.action-editsingle #content p.add-new-container {
border-top: 2px dashed #404041;
border-bottom: 2px dashed #404041;
text-align: right;
margin-bottom: 30px;
}
#wrapper.action-editsingle #content p.add-new-container a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
background-color: #0c8efa;
padding: 5px 10px 5px 10px;
display: inline-block;
margin: 5px 0 5px 0;
}
#wrapper.action-editsingle dl {
border-top: 1px dashed #808184;
padding-top: 10px;
}
#wrapper.action-editsingle legend {
padding-bottom: 10px;
color: #808184;
font-size: 15px;
}
#wrapper.action-editsingle dl dt {
width: 150px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding: 2px;
}
#wrapper.action-editsingle dl dd {
clear: right;
font-size: 15px;
margin-bottom: 10px;
clear: right; /* ??? */
}
#wrapper.action-editsingle dl dd input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 2px;
}
#wrapper.action-editsingle dd#submit-element {
text-align: right;
}
#wrapper.action-editsingle #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}


/* ADD SUPPORTERS */
#wrapper.action-addsupporters #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-addsupporters #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-addsupporters #info img {
margin-top: 10px;
margin-left: 60px;
}
#wrapper.action-addsupporters #content p {
text-align: right;
}
#wrapper.action-addsupporters dl dl {
border-top: 1px dashed #808184;
padding-top: 10px;
}
#wrapper.action-addsupporters dl legend {
padding-left: 0;
padding-bottom: 10px;
color: #808184;
font-size: 17px;
}
#wrapper.action-addsupporters dl dl dt {
width: 150px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding: 3px 3px 3px 0;
}
#wrapper.action-addsupporters dl dl dd {
clear: right;
margin-bottom: 10px;
clear: right; /* ??? */
}
#wrapper.action-addsupporters #submit-element {
text-align: right;
}
#wrapper.action-addsupporters dl dl dd input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 2px;
}
#wrapper.action-addsupporters #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}

@media \0 all {


}


/* ALL SUPPORTERS */
#wrapper.action-allsupporters #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-allsupporters #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-allsupporters #info img {
margin-top: 10px;
margin-left: 60px;
}
#wrapper.action-allsupporters #content ul {
padding-bottom: 10px;
border-bottom: 2px dashed #404041;
margin-bottom: 0;
}
#wrapper.action-allsupporters #content p.add-new-container {
border-bottom: 2px dashed #404041;
text-align: right;
margin-bottom: 30px;
}
#wrapper.action-allsupporters #content p.add-new-container a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
background-color: #0c8efa;
padding: 5px 10px 5px 10px;
display: inline-block;
margin: 5px 0 5px 0;
}
#wrapper.action-allsupporters #content form {
margin-top: 20px;
}
#wrapper.action-allsupporters dl {
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper.action-allsupporters legend {
border-bottom: 1px dashed #808184;
width: 100%;
padding-bottom: 10px;
color: #808184;
font-size: 17px;
padding-left: 0;
margin-bottom: 5px;
}
#wrapper.action-allsupporters fieldset legend {
height: 15px;
}
#wrapper.action-allsupporters fieldset legend span {
float: left;
}
#wrapper.action-allsupporters fieldset a {
float: right;
font-size: 12px;
padding: 3px 10px 3px 10px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-left: 10px;
}
#wrapper.action-allsupporters dl dt {
width: 150px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding: 3px 3px 3px 0;
}
#wrapper.action-allsupporters dl dd {
clear: right;
font-size: 15px;
margin-bottom: 10px;
clear: right; /* ??? */
padding: 3px;
}




.form__field.onethird-left,.form__field.onethird-right {
    width: 49%;
    float: left;
    margin-right: 5px;
}
.form__field.onethird-right{float:right}



/*        .form__field {
        width: 49%;
        }*/
        .fullaligment{
            width:100%;float:left;display:table;
        }

/* ALL SUPPORTERS THANKYOU */
#wrapper.action-allsupportersthankyou #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-allsupportersthankyou #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-allsupportersthankyou #info img {
margin-top: 10px;
margin-left: 60px;
}
#wrapper.action-allsupportersthankyou #content ul {
padding-bottom: 10px;
border-bottom: 2px dashed #404041;
margin-bottom: 0;
}
#wrapper.action-allsupportersthankyou #content p.add-new-container {
border-bottom: 2px dashed #404041;
text-align: right;
margin-bottom: 30px;
}
#wrapper.action-allsupportersthankyou #content p.add-new-container a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
background-color: #0c8efa;
padding: 5px 10px 5px 10px;
display: inline-block;
margin: 5px 0 5px 0;
}
#wrapper.action-allsupportersthankyou #content form {
margin-top: 20px;
}
#wrapper.action-allsupportersthankyou dl {
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper.action-allsupportersthankyou legend {
border-bottom: 1px dashed #808184;
width: 100%;
padding-bottom: 10px;
color: #808184;
font-size: 17px;
padding-left: 0;
margin-bottom: 5px;
}
#wrapper.action-allsupportersthankyou fieldset legend {
height: 15px;
}
#wrapper.action-allsupportersthankyou fieldset legend span {
float: left;
}
#wrapper.action-allsupportersthankyou fieldset a {
float: right;
font-size: 12px;
padding: 3px 10px 3px 10px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-left: 10px;
}
#wrapper.action-allsupportersthankyou dl dt {
width: 150px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding: 3px 3px 3px 0;
}
#wrapper.action-allsupportersthankyou dl dd {
clear: right;
font-size: 15px;
margin-bottom: 10px;
clear: right; /* ??? */
padding: 3px;
}
#wrapper.action-allsupportersthankyou p.close-window-container {
text-align: right;
}


/* QUESTIONNAIRE */
#wrapper.action-questionnaire ul.errors {
color: red;
}
#wrapper.action-questionnaire ul.errors li {
list-style: none;
margin-top: 5px;
margin-left: 0;
background: red; 
color: #fff;
font-weight: bold;
padding: 0.25em 1em 0.25em 1em;
}
#wrapper.action-questionnaire .indicator {
font-weight: bold;
margin-top: 13px;
margin-left: 13px;
padding: 5px 20px 5px 20px;
}
#wrapper.action-questionnaire .indicator table {
border-collapse: collapse;
font-size: 12px;
color: #fff;
text-transform: uppercase;
width: 100%;
}
#wrapper.action-questionnaire .indicator table td {
width: 33%;
white-space: nowrap;
}
#wrapper.action-questionnaire .indicator table td.neutral {
text-align: center;
}
#wrapper.action-questionnaire .indicator table td.agree {
text-align: right;
}
#wrapper.action-questionnaire #main {
background: url(../images/dots2.png) no-repeat;
}
#wrapper.action-questionnaire #content {
/*padding-top: 50px;*/
position: relative;
}
#wrapper.action-questionnaire #content fieldset {
border-bottom: 1px dashed #808184;
}
#wrapper.action-questionnaire #content fieldset dt {
color: #000;
margin-left: 5px;
margin-bottom: 5px;
font-size: 20px;
}
label.optional{font-weight: bold;}
dd#score-element input#subform_7-score {
    width: 100%;
    height: 34px;
}

#wrapper.action-questionnaire #content fieldset dd label {
padding-right: 41px;
padding-left: 41px;
}
#wrapper.action-questionnaire #content span.arrow {
font-weight: bold;
}
#wrapper.action-questionnaire #content span.question-label,#wrapper.bespoke span.question-label {
font-weight: bold;
font-size: 20px;
}

#wrapper.action-questionnaire #content #score-element{
font-size: 20px;
font-family: 'Brandon Grotesque Regular';
}
#wrapper.action-questionnaire #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}
#wrapper.action-questionnaire #content dt#comment1-label, #wrapper.action-questionnaire #content dt#comment2-label, #wrapper.action-questionnaire #content dt#comment3-label {
color: #808184;
padding-top: 10px;
padding-left: 21px;
padding-bottom: 10px;
}
#wrapper.action-questionnaire #content dd#comment1-element, #wrapper.action-questionnaire #content dd#comment2-element, #wrapper.action-questionnaire #content dd#comment3-element {
border-bottom: 1px dashed #808184;
padding-left: 10px;
padding-bottom: 10px;
}
#wrapper.action-questionnaire #content textarea {
border: 0;
width: 98%;
border: 1px solid #000;
padding: 5px;
font-size: 24px;
height: 120px;
}


#wrapper.action-questionnaire #content input[type=text] {
    width: 98%;
    border: 1px solid #000;
    padding: 5px;
    font-size: 24px;
}


#wrapper.action-questionnaire #info {
position: absolute;
top: 210px;
left: 0;
}

/* THANK YOU */
#wrapper.action-thankyou #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-thankyou #content {
position: relative;
padding-top: 55px;
padding-left: 380px;
}
#wrapper.action-thankyou #info img {
margin-top: 25px;
margin-left: 35px;
}
#wrapper.action-thankyou #content p {
color: #808184;
}
#wrapper.action-thankyou #content p.instructions {
font-weight: bold;
color: #0c8efa;
}
#wrapper.action-thankyou #content p.instructions strong {
color: #000;
}
#wrapper.action-thankyou #content p a {
color: #0c8efa;
}
#wrapper.action-thankyou #content p.i-am-ready-container {
float: left;
}
#wrapper.action-thankyou #content p.add-new-container {
border-top: 2px dashed #404041;
border-bottom: 2px dashed #404041;
text-align: right;
margin-bottom: 30px;
}
#wrapper.action-thankyou #content p.add-new-container a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
background-color: #0c8efa;
padding: 5px 10px 5px 10px;
display: inline-block;
margin: 5px 0 5px 0;
}

#wrapper.action-thankyou #feedback {
float: left;
}
/* PROGRESS IT -> THANKYOU */
#wrapper.progit-thankyou #content, #wrapper.progitsupporter-thankyou #content {
padding-top: 10px;
}




/* LEADERSHIP+PI THANKYOU+REMINDERS*/
#wrapper.leadership-thankyou #main, #wrapper.pi-thankyou #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.leadership-thankyou #content, #wrapper.pi-thankyou #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.leadership-thankyou table, #wrapper.pi-thankyou table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
#wrapper.leadership-thankyou table th, #wrapper.pi-thankyou table th {
font-size: 15px;
width: 50%;
border-bottom: 1px dashed #808184;
text-align: left;
font-weight: normal;
padding-left: 20px;
background: url(../images/bullet.png) left center no-repeat;
}
#wrapper.leadership-thankyou table td, #wrapper.pi-thankyou table td {
padding: 5px 0 5px 0;
border-bottom: 1px dashed #808184;
}
#wrapper.leadership-thankyou table a, #wrapper.pi-thankyou table a {
white-space: nowrap;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin-left: 10px;
}
#wrapper.leadership-thankyou #content p a, #wrapper.pi-thankyou #content p a {
}
#wrapper.leadership-thankyou #content p.instructions, #wrapper.pi-thankyou #content p.instructions {
}
#wrapper.leadership-thankyou #content .tel, #wrapper.pi-thankyou #content .tel {
}
#wrapper.leadership-thankyou #content p.close-window-container, #wrapper.pi-thankyou #content p.close-window-container {
text-align: right;
}

/* LEADERSHIP WAIT */
#wrapper.action-wait #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-wait #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-wait table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
#wrapper.action-wait table th {
font-size: 15px;
width: 50%;
border-bottom: 1px dashed #808184;
text-align: left;
font-weight: normal;
padding-left: 20px;
background: url(../images/bullet.png) left center no-repeat;
}
#wrapper.action-wait table td {
padding: 5px 0 5px 0;
border-bottom: 1px dashed #808184;
}
#wrapper.action-wait table a {
white-space: nowrap;
display: block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin-left: 10px;
}
#wrapper.action-wait #main h1.cufon {
font-size: 33px;
}
#wrapper.action-wait #content p a {
}
#wrapper.action-wait #content p {
color: #808184;
}
#wrapper.action-wait #content p.instructions {
}
#wrapper.action-wait #content .tel {
}
#wrapper.action-wait #content p.add-new-container {
border-top: 2px dashed #404041;
border-bottom: 2px dashed #404041;
text-align: right;
margin-bottom: 30px;
}
#wrapper.action-wait #content p.add-new-container a {
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
background-color: #0c8efa;
padding: 5px 10px 5px 10px;
display: inline-block;
margin: 5px 0 5px 0;
}

#wrapper.action-wait #content p.close-window-container {
text-align: right;
}
#wrapper.action-wait #info {
position: absolute;
top: 0;
left: 0;
}




/* NO REPORT */
#wrapper.action-noreport #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.action-noreport #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-noreport #content p {
color: #808184;
}
#wrapper.action-noreport #content p.instructions {
font-weight: bold;
color: #0c8efa;
}
#wrapper.action-noreport #content p.instructions strong {
color: #000;
}
#wrapper.action-noreport #content p a {
color: #0c8efa;
}
#wrapper.action-noreport #content p.close-window-container {
text-align: right;
}
#wrapper.action-noreport #info {
position: absolute;
top: 0;
left: 0;
}

/* REPORT INDEX */
#wrapper.acereport-index #main, #wrapper.leadershipreport-index #main, #wrapper.pireport-index #main {
background: url(../images/dots.png) 0 47px no-repeat;
}
#wrapper.acereport-index #content, #wrapper.leadershipreport-index #content, #wrapper.pireport-index #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.acereport-index #info img, #wrapper.leadershipreport-index #info img, #wrapper.pireport-index #info img {
margin-top: 5px;
margin-left: 70px;
}
#wrapper.acereport-index .blob-container, #wrapper.leadershipreport-index .blob-container, #wrapper.pireport-index .blob-container {
background: url(../images/click-any-circle-to-view-results.png) bottom right no-repeat;
}
#wrapper.acereport-index .blob-container ul {
margin-left: 80px;
}
#wrapper.leadershipreport-index .blob-container ul {
margin-left: 15px;
}
#wrapper.pireport-index .blob-container ul {
margin-left: 80px;
}
#wrapper.acereport-index .blob-container ul li, #wrapper.leadershipreport-index .blob-container ul li, #wrapper.pireport-index .blob-container ul li {
list-style: none;
display: inline;
margin-left: 0;
}
#wrapper.acereport-index .blob-container p.print-container, #wrapper.leadershipreport-index .blob-container p.print-container, #wrapper.pireport-index .blob-container p.print-container {
margin-left: 100px;
}


/* PROGRESS IT -> OPTIONS */
#wrapper.action-options #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.action-options #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-options #info {
position: absolute;
top: 25px;
left: 75px;
}
#wrapper.action-options .blob-container ul {
margin-top: 50px;
margin-left: 160px;
}
#wrapper.action-options .blob-container ul li {
list-style: none;
display: inline;
margin-left: 0;
}

/* PROGRESS IT -> EDIT GOALS */
#wrapper.action-editgoals #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.action-editgoals #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.action-editgoals #info {
position: absolute;
top: 5px;
left: 50px;
}
#wrapper.action-editgoals dl dt {
width: 100px;
float: left;
clear: left;
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
padding-top: 50px;
}
#wrapper.action-editgoals dl dd {
text-align: right;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
}
#wrapper.action-editgoals dl input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 3px;
}
#wrapper.action-editgoals #content #submit-element {
text-align: right;
}
#wrapper.action-editgoals #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}
#wrapper.action-editgoals #content dt#comment1-label {
color: #808184;
padding-top: 10px;
padding-left: 21px;
padding-bottom: 10px;
}
#wrapper.action-editgoals #content dd#comment1-element {
border-bottom: 1px dashed #808184;
padding-left: 10px;
padding-bottom: 10px;
}
#wrapper.action-editgoals #content textarea {
border: 0;
width: 400px;
height: 100px;
border: 1px solid #000;
padding: 5px;
}


/* PROGRESS IT -> FEEDBACK */
#wrapper.progit-feedback #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progit-feedback #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.progit-feedback #content ul.cycle {
margin-bottom: 20px;
}
#wrapper.progit-feedback #content form {
margin-top: 20px;
}
#wrapper.progit-feedback dt.goal  {
font-weight: bold;
color: #ec0000;
text-transform: uppercase;
}
#wrapper.progit-feedback dd.goal  {
font-weight: bold;
}
#wrapper.progit-feedback #info img {
margin-left: 60px;
}
#wrapper.progit-feedback dl dt {
width: 150px;
float: left;
clear: left;
font-size: 15px;
margin-bottom: 10px;
}
#wrapper.progit-feedback dl dd {
float: left;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
width: 350px;
}
#wrapper.progit-feedback dl input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 3px;
}
#wrapper.progit-feedback #content #submit-element {
text-align: right;
}
#wrapper.progit-feedback #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}
#wrapper.progit-feedback #content dt#comment1-label {
color: #808184;
padding-top: 10px;
padding-left: 21px;
padding-bottom: 10px;
}
#wrapper.progit-feedback #content dd#comment1-element {
border-bottom: 1px dashed #808184;
padding-left: 10px;
padding-bottom: 10px;
}
#wrapper.progit-feedback #content textarea {
border: 0;
width: 100%;
height: 100px;
border: 1px solid #000;
padding: 5px;
}



/* PROGRESS IT -> SUPPORTER FEEDBACK ON THE GOALS OF */
#wrapper.progitsupporter-index #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progitsupporter-index #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.progitsupporter-index #content ul.cycle {
margin-bottom: 20px;
}
#wrapper.progitsupporter-index #content form {
margin-top: 20px;
}
#wrapper.progitsupporter-index dt.goal  {
font-weight: bold;
color: #ec0000;
text-transform: uppercase;
}
#wrapper.progitsupporter-index dd.goal  {
font-weight: bold;
}
#wrapper.progitsupporter-index #info img {
margin-left: 60px;
}
#wrapper.progitsupporter-index #info p {
position: absolute;
top: 240px;
left: 150px;
font-size: 30px;
line-height: 1;
color: #ec0000;
}
#wrapper.progitsupporter-index dl dt {
width: 150px;
float: left;
clear: left;
font-size: 15px;
margin-bottom: 10px;
}
#wrapper.progitsupporter-index dl dd {
float: left;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
width: 350px;
}
#wrapper.progitsupporter-index dl dd em {
font-size: 11px;
font-weight: bold;
font-style: normal;
}
#wrapper.progitsupporter-index dl input[type="text"] {
border: 1px solid #000;
width: 200px;
padding: 3px;
}
#wrapper.progitsupporter-index #content #submit-element {
text-align: right;
}
#wrapper.progitsupporter-index #content input[type="submit"] {
width: 165px;
height: 165px;
cursor: pointer;
border: 0;
}
#wrapper.progitsupporter-index #content dt#comment1-label {
color: #808184;
padding-top: 10px;
padding-left: 21px;
padding-bottom: 10px;
}
#wrapper.progitsupporter-index #content dd#comment1-element {
border-bottom: 1px dashed #808184;
padding-left: 10px;
padding-bottom: 10px;
}
#wrapper.progitsupporter-index #content textarea {
border: 0;
width: 100%;
height: 100px;
border: 1px solid #000;
padding: 5px;
}


/* PROGRESS IT -> GROUP REPORT */
#wrapper.progit-groupreport #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progit-groupreport #content {
position: relative;
padding-top: 57px;
padding-left: 380px;
}
#wrapper.progit-groupreport #info img {
margin-left: 60px;
}
#wrapper.progit-groupreport #content table.summary {
width: 100%;
}
#wrapper.progit-groupreport #content table.summary th {
vertical-align: top;
text-align: left;
border-bottom: 1px dashed #808184;
padding: 15px 50px 15px 0;
font-size: 14px;
font-weight: normal;
width: 175px;
}
#wrapper.progit-groupreport #content table.summary td {
vertical-align: top;
border-bottom: 1px dashed #808184;
padding: 15px 0 15px 0;
font-size: 14px;
font-weight: bold;
}
#wrapper.progit-groupreport #content table.summary tr.last th, #wrapper.progit-groupreport #content table.summary tr.last td {
border: none;
}
#wrapper.progit-groupreport #content h2 {
margin-top: 50px;
margin-bottom: 10px;
color: #ec0000;
font-size: 22px;
font-weight: normal;
border-top: 2px dashed #404041;
border-bottom: 2px dashed #404041;
padding: 10px 0 10px 0;
}
#wrapper.progit-groupreport #content table.report {
width: 100%;
}
#wrapper.progit-groupreport #content table.report th {
vertical-align: top;
text-align: left;
font-size: 14px;
font-weight: normal;
padding: 15px 50px 15px 0;
border-bottom: 1px dashed #808184;
width: 150px;
}
#wrapper.progit-groupreport #content table.report td {
border-bottom: 1px dashed #808184;
font-size: 14px;
color: #6d6d6d;
}
#wrapper.progit-groupreport #content table.report tr.goal th {
text-transform: uppercase;
font-weight: bold;
color: #ec0000;
}
#wrapper.progit-groupreport #content table.report tr.goal td {
font-weight: bold;
color: #000;
}
#wrapper.progit-groupreport #content table.report span.date {
font-size: 11px;
color: #959595;
}
#wrapper.progit-groupreport #content p.close-window-container {
margin-top: 20px;
text-align: right;
}












/* PROGRESS IT -> MY REPORT */
#wrapper.progit-report #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progit-report #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.progit-report #info img {
margin-left: 60px;
}
#wrapper.progit-report dt.goal  {
font-weight: bold;
color: #ec0000;
text-transform: uppercase;
}
#wrapper.progit-report dd.goal  {
font-weight: bold;
}
#wrapper.progit-report dl dt {
width: 150px;
float: left;
clear: left;
font-size: 15px;
margin-bottom: 10px;
}
#wrapper.progit-report dl dd {
float: left;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
width: 350px;
}
#wrapper.progit-report dl dd em {
font-weight: bold;
font-style: normal;
font-size: 11px;
}

/* PROGRESS IT -> PROGRESS */
#wrapper.progit-progress #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progit-progress #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.progit-progress #info img {
margin-top: 30px;
margin-left: 60px;
}
#wrapper.progit-progress dt.goal  {
font-weight: bold;
color: #ec0000;
text-transform: uppercase;
}
#wrapper.progit-progress dd.goal  {
font-weight: bold;
}
#wrapper.progit-progress dl dt {
width: 140px;
padding-right: 10px;
float: left;
clear: left;
font-size: 15px;
margin-bottom: 10px;
}
#wrapper.progit-progress dl dd {
float: left;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
width: 380px;
}
#wrapper.action-progress #content textarea {
border: 0;
width: 370px;
height: 100px;
border: 1px solid #000;
padding: 5px;
}


/* PROGRESS IT -> GOAL ACHIEVED */
#wrapper.progit-achieved #main {
background: url(../images/dots.png) 0 47px no-repeat;
min-height: 400px;
}
#wrapper.progit-achieved #content {
position: relative;
padding-top: 10px;
padding-left: 380px;
}
#wrapper.progit-achieved #info img {
margin-left: 60px;
}
#wrapper.progit-achieved dt.goal  {
font-weight: bold;
color: #ec0000;
text-transform: uppercase;
}
#wrapper.progit-achieved dd.goal  {
font-weight: bold;
}
#wrapper.progit-achieved dl dt {
width: 150px;
float: left;
clear: left;
font-size: 15px;
margin-bottom: 10px;
}
#wrapper.progit-achieved dl dd {
float: left;
clear: right; /* ??? */
padding-bottom: 20px;
margin-left: 0;
margin-bottom: 20px;
border-bottom: 1px dashed #808184;
width: 350px;
}
#wrapper.action-achieved #content textarea {
border: 0;
width: 400px;
height: 100px;
border: 1px solid #000;
padding: 5px;
}












/* ACE-REPORT->STATISTICAL REPORT */
#wrapper.acereport-report #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.acereport-report #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.acereport-report #content table {
border-collapse: collapse;
width: 420px;
font-size: 11px;
text-transform: uppercase;
}
#wrapper.acereport-report #content table th {
background-color: #a6a8ab;
text-align: left;
padding: 5px 20px 5px 20px;
color: #fff;
}
#wrapper.acereport-report #content table.cc-f05c1f th {
background-color: #f05c1f;
}
#wrapper.acereport-report #content table.cc-8ae217 th {
background-color: #8ae217;
}
#wrapper.acereport-report #content table.cc-7f7d83 th {
background-color: #7f7d83;
}
#wrapper.acereport-report #content table td {
padding: 7px 20px 7px 20px;
color: #a6a8ab;
font-weight: bold;
border-bottom: 1px dashed #808184;
}
#wrapper.acereport-report #content table td.score {
color: #0c8efa;
width: 20%;
text-align: right;
}
#wrapper.acereport-report #content table tr.last td {
border: 0;
}
#wrapper.acereport-report #content p.print-page-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.acereport-report #content .categories {
background: url(../images/ace-team/table-categories.png) 450px 00px no-repeat;
}
#wrapper.acereport-report #content .section-supportive-relationships {
background: url(../images/ace-team/marker-group-hug.png) 450px 0 no-repeat;
}
#wrapper.acereport-report #content .section-creative-energy {
background: url(../images/ace-team/marker-talking-numbers.png) 450px 0 no-repeat;
}
#wrapper.acereport-report #content .section-wholehearted-appreciation {
background: url(../images/ace-team/marker-the-end.png) 450px 145px no-repeat;
}



/* DEFINITIONS */
#wrapper.action-definitions #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-definitions #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-definitions #content p {
color: #808184;
}
#wrapper.action-definitions #content ul li {
color: #808184;
text-transform: uppercase;
font-size: 12px;
margin-left: 0;
list-style: none;
background: url(../images/bullet.png) no-repeat;
padding-left: 25px;
}
#wrapper.action-definitions #content hr {
margin-bottom: 20px;
}
#wrapper.action-definitions #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}

#wrapper.action-definitions #content strong.aligned { color: #f85700; }
#wrapper.action-definitions #content strong.creative { color: #81dc0c; }

/* IMPROVEMENT TIPS */
#wrapper.page #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.page #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.page #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}

#wrapper.page .tip-container {
color: #808184;
position: relative;
}
#wrapper.page .tips {
width: 400px;
background: url(../images/post-it.png) top left no-repeat;
float: left;
padding-bottom: 150px;
}
#wrapper.page .tips ul {
width: 275px;
margin: 50px 0 0 50px;
}
#wrapper.page .tips ul li {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
list-style: none;
margin-left: 0;
background: url(../images/line.png) left bottom no-repeat;
padding-bottom: 7px;
padding-left: 20px;
}
#wrapper.page .tips ul li.active {
background: url(../images/line-active.png) left bottom no-repeat;
}
#wrapper.page .tips ul li.active a {
color: #000;
}
#wrapper.page .tip {
padding-left: 420px;
}
#wrapper.page .tip h1 { color: #0c8efa; margin-bottom: 20px; }
#wrapper.page .tip ul li {
margin-left: 0;
list-style: none;
background: url(../images/bullet.png?) no-repeat;
padding-left: 20px;
margin-bottom: 7px;
}

/* LEADERSHIP -> DETAILED EVIDENCE */
#wrapper.leadershipreport-detailed #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.leadershipreport-detailed #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.leadershipreport-detailed #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.leadershipreport-detailed .table-container-no-2 {
margin-bottom: 20px;
}
#wrapper.leadershipreport-detailed .has-bg {
background-image: url(../images/leadership/table-gradient.png);
background-repeat: repeat-y;
}
#wrapper.leadershipreport-detailed table {
width: 100%;
border-collapse: collapse;
}
#wrapper.leadershipreport-detailed table th {
padding: 5px 20px 5px 20px;
text-align: left;
background-color: #a7a5ab;
color: #fff;
}
#wrapper.leadershipreport-detailed .has-bg table th {
background-color: #6d6d6d;
}
#wrapper.leadershipreport-detailed table td {
padding: 10px 20px 20px 20px;
border-bottom: 1px dashed #6d6d6d;
font-size: 12px;
color: #6d6d6d;
}
#wrapper.leadershipreport-detailed table td.label {
text-transform: uppercase;
border-right: 4px solid #252820;
width: 25%;
font-weight: bold;
}
#wrapper.leadershipreport-detailed table tr.last td {
border-bottom: none;
}
#wrapper.leadershipreport-detailed table td.question {
border-right: 2px solid #6d6d6d;
width: 60%;
}
#wrapper.leadershipreport-detailed table td.scores {
width: 50px;
white-space: nowrap;
font-weight: bold;
border-right: 1px solid #d2d8cc;
}
#wrapper.leadershipreport-detailed table td.scores span.leader-score {
color: #8edd1a;
}
#wrapper.leadershipreport-detailed table td.scores span.supporter-score {
color: #0c8efa;
}
#wrapper.leadershipreport-detailed table td.variation {
white-space: nowrap;
font-weight: bold;
width: 30px;
text-align: center;
}

/* PI -> DETAILED EVIDENCE */
#wrapper.pireport-detailed #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.pireport-detailed #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.pireport-detailed #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.pireport-detailed .graph .top {
background: url(../images/pi/graph-bg.png) top center no-repeat;
padding: 5px;
}
#wrapper.pireport-detailed .graph .core {
background: url(../images/pi/graph-core-bg.png) center center repeat-y;
padding: 20px 30px 20px 30px;
}
#wrapper.pireport-detailed .graph .base {
background: url(../images/pi/graph-bg.png) bottom center no-repeat;
padding: 5px;
}
#wrapper.pireport-detailed .graph table {
border-collapse: collapse;
width: 100%;
}
#wrapper.pireport-detailed .graph table td {
vertical-align: top;
}
#wrapper.pireport-detailed .graph table td.questions {
width: 240px;
}
#wrapper.pireport-detailed .graph table td.chart img {
}
#wrapper.pireport-detailed .graph table td.questions ul {
margin-top: 6px;
margin-right: 10px;
}
#wrapper.pireport-detailed .graph table td.questions ul li {
height: 27px;
list-style: none;
font-size: 10px;
line-height: 1em;
background-image: none;
padding-left: 0;
margin-bottom: 0;
}
#wrapper.pireport-detailed .graph table td.chart {
width: 460px;
}
#wrapper.pireport-detailed .graph table td.stats ul {
margin-top: 7px;
}
#wrapper.pireport-detailed .graph table td.stats ul li {
height: 27px;
font-weight: bold;
list-style: none;
margin-left: 0;
}
#wrapper.pireport-detailed .graph table td.stats ul li span {
display: inline-block;
width: 40px;
}
#wrapper.pireport-detailed .graph table td.stats ul li span.leader {
color: #ff7100;
}
#wrapper.pireport-detailed .graph table td.stats ul li span.supporter {
color: #0c8efa;
}
#wrapper.pireport-detailed .graph table td.stats ul li span.variation {
color: #a6a8ab;
}



/* ACEREPORT->COMPANY AVERAGE REPORT */
#wrapper.action-average #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-average #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-average #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.action-average .table-container-no-2 {
margin-bottom: 20px;
}
#wrapper.action-average .has-bg {
background-image: url(../images/leadership/table-gradient.png);
background-repeat: repeat-y;
}
#wrapper.action-average table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
}
#wrapper.action-average table th {
padding: 5px 20px 5px 20px;
text-align: left;
background-color: #6d6e70;
color: #fff;
}
#wrapper.action-average table td {
padding: 10px 15px 20px 15px;
border-bottom: 1px dashed #808184;
font-size: 12px;
color: #6d6d6d;
}
#wrapper.action-average table td.label {
text-transform: uppercase;
border-right: 4px solid #252820;
font-weight: bold;
width: 25%;
}
#wrapper.action-average table tr.last td {
border-bottom: none;
}
#wrapper.action-average table td.question {
border-right: 2px solid #929497;
width: 60%;
}
#wrapper.action-average table td.scores {
white-space: nowrap;
font-weight: bold;
}
#wrapper.action-average table td.scores span {
display: inline-block;
width: 45px;
text-align: center;
color: #231f20;
}
#wrapper.action-average table td.scores span.leader-score {
color: #8edd1a;
}
#wrapper.action-average table td.scores span.average-leader-score {
color: #1c6939;
}
#wrapper.action-average table td.scores span.supporter-score {
color: #0c8efa;
}
#wrapper.action-average table td.scores span.average-supporter-score {
color: #301e61;
}

/* LEADERSHIP->BIG PICTURE */
#wrapper.leadershipreport-big #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.leadershipreport-big #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.leadershipreport-big #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.leadershipreport-big .graph {
background: url(../images/leadership/graph-big-bg.png) top center no-repeat;
padding: 25px;
}
#wrapper.leadershipreport-big .graph table {
border-collapse: collapse;
width: 100%;
}
#wrapper.leadershipreport-big .graph table th {
text-align: left;
vertical-align: top;
}
#wrapper.leadershipreport-big .graph table td {
vertical-align: top;
}
#wrapper.leadershipreport-big .graph table td.primary {
padding-right: 10px;
}
#wrapper.leadershipreport-big .graph table td.secondary img {
padding-left: 20px;
}
#wrapper.leadershipreport-big .graph table td.secondary {
text-align: right;
}
#wrapper.leadershipreport-big .graph ul {
margin-left: 51px;
float: left;
}
#wrapper.leadershipreport-big .graph ul li {
list-style: none;
font-weight: bold;
line-height: 1;
text-align: center;
}
#wrapper.leadershipreport-big .graph ul li.leader {
color: #86df0c;
}
#wrapper.leadershipreport-big .graph ul li.supporter {
color: #4e82ed;
}
#wrapper.leadershipreport-big .graph ul li.variation {
color: #a2a2a2;
}


/* PI->BIG PICTURE */
#wrapper.pireport-big #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.pireport-big #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.pireport-big #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.pireport-big .plot .top {
background: url(../images/pi/graph-bg.png) top center no-repeat;
padding: 5px;
}
#wrapper.pireport-big .plot .core {
background: url(../images/pi/graph-core-bg.png) center center repeat-y;
padding: 20px 30px 20px 30px;
}
#wrapper.pireport-big .plot .base {
background: url(../images/pi/graph-bg.png) bottom center no-repeat;
padding: 5px;
}
#wrapper.pireport-big .plot table {
border-collapse: collapse;
width: 100%;
}
#wrapper.pireport-big .plot table td {
vertical-align: top;
}
#wrapper.pireport-big .graph .top {
background: url(../images/pi/graph-bg.png) top center no-repeat;
padding: 5px;
}
#wrapper.pireport-big .graph .core {
background: url(../images/pi/graph-core-bg.png) center center repeat-y;
padding: 20px 30px 20px 30px;
}
#wrapper.pireport-big .graph .base {
background: url(../images/pi/graph-bg.png) bottom center no-repeat;
padding: 5px;
}
#wrapper.pireport-big .graph table {
border-collapse: collapse;
width: 100%;
}
#wrapper.pireport-big .graph table td {
vertical-align: top;
}
#wrapper.pireport-big .graph table td.stats ul {
margin-top: 5px;
}
#wrapper.pireport-big .graph table td.stats ul li {
list-style: none;
padding-left: 0;
}
#wrapper.pireport-big .graph table td.chart {
width: 460px;
}
#wrapper.pireport-big .graph table td.stats ul {
margin-top: 7px;
}
#wrapper.pireport-big .graph table td.stats ul li {
height: 27px;
font-weight: bold;
list-style: none;
margin-left: 0;
}
#wrapper.pireport-big .graph table td.stats ul li span {
display: inline-block;
width: 40px;
}
#wrapper.pireport-big .graph table td.stats ul li span.leader {
color: #ff7100;
}
#wrapper.pireport-big .graph table td.stats ul li span.supporter {
color: #0c8efa;
}
#wrapper.pireport-big .graph table td.stats ul li span.variation {
color: #a6a8ab;
}
#wrapper.pireport-big .graph tr.first td.chart {
padding-top: 5px;
padding-bottom: 10px;
margin: 0;
}
#wrapper.pireport-big .graph tr.first td.stats ul {
margin: 0;
}
#wrapper.pireport-big .graph tr.first td.stats ul li {
margin: 0;
color: #0C8EFA;
}



/* LEADERSHIP+PI->DEVELOPMENT PLAN */
#wrapper.action-development #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-development #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-development #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}

#wrapper.action-development p.submit-container {
text-align: right;
}
#wrapper.action-development ul li {
list-style: none;
margin-left: 0;
}
#wrapper.action-development ul.data {
background: url(../images/pi/development/tip.png) bottom right no-repeat;
}
#wrapper.action-development ul li.odd {
float: left;
width: 400px;
}
#wrapper.action-development ul li.even {
float: right;
width: 450px;
padding: 20px 30px 0 30px;
}
#wrapper.action-development ul li.even p {
color: #7f7f82;
padding: 15px 0 15px 0;
border-top: 1px dashed #7f7f82;
border-bottom: 1px dashed #7f7f82;
}

#wrapper.action-development .table-container {
padding: 15px;
}
#wrapper.action-development table {
border-collapse: collapse;
width: 100%;
font-size: 12px;
}
#wrapper.action-development table th {
text-transform: uppercase;
color: #7f7f82;
}
#wrapper.action-development table.scores th {
text-align: left;
padding: 10px 10px 20px 10px;
border-right: 3px solid #000;
border-bottom: 1px dashed #7f7f82;
width: 80%;
}
#wrapper.action-development table.scores td {
color: #5081f7;
padding: 10px 10px 20px 10px;
font-weight: bold;
text-align: center;
border-bottom: 1px dashed #7f7f82;
}
#wrapper.action-development table.scores tr.first th, #wrapper.action-development table.scores tr.first td {
vertical-align: top;
padding-top: 0;
}
#wrapper.action-development table.scores tr.last th, #wrapper.action-development table.scores tr.last td {
vertical-align: bottom;
padding-bottom: 0;
border-bottom: none;
}


#wrapper.action-development table.notes {
}
#wrapper.action-development table.notes thead th {
border-top: 1px solid #fff;
background-color: #58595b;
color: #fff;
padding: 5px;
}
#wrapper.action-development table.notes th {
background-color: #f1f1f2;
color: #7f7f82;
padding: 5px;
border-right: 1px solid #808184;
border-left: 1px solid #808184;
}
#wrapper.action-development table.notes td {
border-right: 1px solid #909295;
border-left: 1px solid #909295;
border-bottom: 1px dashed #7f7f82;
}
#wrapper.action-development table.notes td textarea {
width: 200px;
border: none;
padding: 2px;
}






/* LEADERSHIP->MAIN REPORT */
#wrapper.leadershipreport-main #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.leadershipreport-main #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.leadershipreport-main #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.leadershipreport-main .graph {
background: url(../images/leadership/graph-bg.png?) top center no-repeat;
padding: 30px;
}
#wrapper.leadershipreport-main .graph dl dt {
float: left;
}
#wrapper.leadershipreport-main .graph dl dd {
float: left;
margin-left: 0;
}
#wrapper.leadershipreport-main .graph dl dd ul {
margin: 0;
}
#wrapper.leadershipreport-main .graph dl dd ul li {
list-style: none;
padding-top: 8px;
padding-bottom: 8px;
font-weight: bold;
line-height: 1;
color: #aaa;
height: 13px;
}
#wrapper.leadershipreport-main .graph dl dd ul li span {
width: 35px;
display: inline-block;
}
#wrapper.leadershipreport-main .graph dl dd ul li span.leader {
color: #86df0c;
}
#wrapper.leadershipreport-main .graph dl dd ul li span.supporter {
color: #4e82ed;
}
#wrapper.leadershipreport-main .graph dl dd ul li span.variation {
color: #a2a2a2;
}


/* PI->MAIN REPORT */
#wrapper.pireport-main #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.pireport-main #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.pireport-main #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.pireport-main .graph .top {
background: url(../images/pi/graph-bg.png) top center no-repeat;
padding: 5px;
}
#wrapper.pireport-main .graph .core {
background: url(../images/pi/graph-core-bg.png) center center repeat-y;
padding: 20px 30px 20px 30px;
}
#wrapper.pireport-main .graph .base {
background: url(../images/pi/graph-bg.png) bottom center no-repeat;
padding: 5px;
}
#wrapper.pireport-main .graph table {
border-collapse: collapse;
width: 100%;
}
#wrapper.pireport-main .graph table td {
vertical-align: top;
}
#wrapper.pireport-main .graph table td.questions {
width: 240px;
}
#wrapper.pireport-main .graph table td.questions ul {
margin-top: 6px;
margin-right: 10px;
}
#wrapper.pireport-main .graph table td.questions ul li {
height: 27px;
list-style: none;
font-size: 10px;
line-height: 1em;
background-image: none;
padding-left: 0;
margin-bottom: 0;
}
#wrapper.pireport-main .graph table td.chart {
width: 460px;
}
#wrapper.pireport-main .graph table td.stats ul {
margin-top: 7px;
}
#wrapper.pireport-main .graph table td.stats ul li {
height: 27px;
font-weight: bold;
list-style: none;
margin-left: 0;
}
#wrapper.pireport-main .graph table td.stats ul li span {
display: inline-block;
width: 40px;
}
#wrapper.pireport-main .graph table td.stats ul li span.leader {
color: #ff7100;
}
#wrapper.pireport-main .graph table td.stats ul li span.supporter {
color: #0c8efa;
}
#wrapper.pireport-main .graph table td.stats ul li span.variation {
color: #a6a8ab;
}









/* LEADERSHIP+PI->COMMENTS */
#wrapper.action-comments #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-comments #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-comments #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.action-comments .comments .top {
background: url(../images/pi/graph-bg.png) top center;
padding: 5px;
}
#wrapper.action-comments .comments .core {
background: url(../images/pi/graph-core-bg.png) top center;
padding: 20px 40px 20px 40px;
}
#wrapper.action-comments .comments .base {
background: url(../images/pi/graph-bg.png) bottom center;
padding: 5px;
}
#wrapper.action-comments .comments p {
color: #808184;
text-transform: uppercase;
font-weight: bold;
margin-left: 10px;
}
#wrapper.action-comments .comments ul {
margin-left: 30px;
}
#wrapper.action-comments .comments ul li {
color: #808184;
margin-left: 0;
list-style: none;
background: url(../images/bullet.png) no-repeat;
padding-left: 25px;
}
#wrapper.action-comments .comments hr {
margin-bottom: 20px;
}


/* TEAM PROFILE */
#wrapper.acereport-team #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.acereport-team #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.acereport-team #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}
#wrapper.acereport-team .graph-container {
background: url(../images/ace-team/team-graph-bg.png) top left no-repeat;
text-align: center;
padding: 10px 0 20px 60px;
margin-bottom: 20px;
}
#wrapper.acereport-team .graph-container img {
width: 563px;
height: 420px;
}


/* INDIVIDUAL PROFILES */
#wrapper.action-individual #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-individual #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-individual #content ul li {
width: 275px;
margin-left: 0;
list-style: none;
float: left;
text-align: center;
border-right: 1px dashed #808184;
}
#wrapper.action-individual #content ul li img {
display: block;
width: 275px;
height: 205px;
}
#wrapper.action-individual #content ul h2 {
font-weight: normal;
font-size: 15px;
}
#wrapper.action-individual #content ul h2 strong {
text-transform: uppercase;
color: #0c8efa;
}
#wrapper.action-individual #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}


/* ACE TEAM -> INDIVIDUAL PROFILES - SINGLE ITEM */
#wrapper.action-individsingle #main {
background: url(../images/dots3.png) 0 30px no-repeat;
}
#wrapper.action-individsingle #content {
position: relative;
padding-top: 10px;
padding-left: 70px;
}
#wrapper.action-individsingle #content p.print-container {
position: absolute;
top: 15px;
right: 50px;
}

#wrapper.action-individsingle .graph .top {
background: url(../images/ace-team/graph-bg.png) top center no-repeat;
padding: 5px;
}
#wrapper.action-individsingle .graph .core {
background: url(../images/ace-team/graph-core-bg.png) center center repeat-y;
padding: 10px 10px 10px 10px;
}
#wrapper.action-individsingle .graph .base {
background: url(../images/pi/graph-bg.png) bottom center no-repeat;
padding: 5px;
}
#wrapper.action-individsingle .graph table {
border-collapse: collapse;
width: 100%;
}
#wrapper.action-individsingle .graph table td {
vertical-align: top;
text-align: center;
}
#wrapper.action-individsingle .graph table td a {
display: block;
margin-top: 225px;
}










/* COLOR THEMES -> ACE TEAMS */
#wrapper.ace, #wrapper.acereport, #wrapper.page {
background-image: url(../images/ace-team/wrapper.jpg);
}
#wrapper.ace h1.title, #wrapper.acereport h1.title {
color: #0c8efa;
}
#wrapper.ace-index strong {
color: #0c8efa;
}
#wrapper.ace-index #content input[type="submit"] {
background-image: url(../images/ace-team/go-off.png);
}
#wrapper.ace-index #content input[type="submit"]:hover {
background-image: url(../images/ace-team/go-on.png);
}
#wrapper.ace .indicator {
background: url(../images/ace-team/bg-indicator.jpg);
}
#wrapper.ace-questionnaire #content input[type="submit"] {
background-image: url(../images/ace-team/submit-off.png);
}
#wrapper.ace-questionnaire #content input[type="submit"]:hover {
background-image: url(../images/ace-team/submit-on.png);
}
#wrapper.ace #content span.arrow {
color: #0c8efa;
}

/* COLOR THEMES -> LEADERSHIP */
#wrapper.leadership, #wrapper.leadershipreport, #wrapper.leadershipsupporter {
background-image: url(../images/leadership/wrapper.jpg);
}
#wrapper.leadership h1.title, #wrapper.leadershipsupporter h1.title, #wrapper.leadershipreport h1.title {
color: #8edd1a;
}
#wrapper.leadership-index strong {
color: #8edd1a;
}
#wrapper.leadership-index #content input[type="submit"] {
background-image: url(../images/leadership/go-off.png);
}
#wrapper.leadership-index #content input[type="submit"]:hover {
background-image: url(../images/leadership/go-on.png);
}
#wrapper.leadership .indicator, #wrapper.leadershipsupporter .indicator {
background: url(../images/leadership/bg-indicator.jpg);
}
#wrapper.leadershipsupporter-questionnaire #content input[type="submit"] {
background-image: url(../images/leadership/submit-off.png);
}
#wrapper.leadershipsupporter-questionnaire #content input[type="submit"]:hover {
background-image: url(../images/leadership/submit-on.png);
}
#wrapper.leadershipsupporter-questionnaire #content strong {
color: #8edd1a;
}
#wrapper.leadership-questionnaire #content input[type="submit"] {
background-image: url(../images/leadership/submit-off.png);
}
#wrapper.leadership-questionnaire #content input[type="submit"]:hover {
background-image: url(../images/leadership/submit-on.png);
}
#wrapper.leadership #content span.arrow, #wrapper.leadershipsupporter #content span.arrow {
color: #8edd1a;
}
#wrapper.leadership-addsupporters #content input[type="submit"] {
background-image: url(../images/leadership/submit-off.png);
}
#wrapper.leadership-addsupporters #content input[type="submit"]:hover {
background-image: url(../images/leadership/submit-on.png);
}
#wrapper.leadershipreport ul.nav li {
background-image: url(../images/leadership/nav-divider.png);
}
#wrapper.leadershipreport ul.nav li.active a {
font-weight: bold; color: #8edd1a;
}
#wrapper.leadership-supporters #content input[type="submit"] {
background-image: url(../images/leadership/next-off.png);
}
#wrapper.leadership-supporters #content input[type="submit"]:hover {
background-image: url(../images/leadership/next-on.png);
}
#wrapper.leadership-addsupporters dl dl dt {
color: #8EDD1A;
}
#wrapper.leadershipreport-development .table-container {
background-color: #e8f9d1;
}
#wrapper.leadership-allsupporters fieldset a {
background-color: #8EDD1A;
}
#wrapper.leadership-allsupporters dl dt {
color: #8EDD1A;
}
#wrapper.leadership-allsupportersthankyou dl dt {
color: #8EDD1A;
}
#wrapper.leadership-allsupportersthankyou fieldset a {
background-color: #8EDD1A;
}
#wrapper.leadership-addsingle input[type="submit"] {
background-image: url(../images/leadership/submit-off.png);
}
#wrapper.leadership-addsingle input[type="submit"]:hover {
background-image: url(../images/leadership/submit-on.png);
}
#wrapper.leadership-addsingle dl dt {
color: #8EDD1A;
}
#wrapper.leadership-editsingle dl dt {
color: #8EDD1A;
}
#wrapper.leadership-editsingle #content input[type="submit"] {
background-image: url(../images/leadership/submit.png);
}
#wrapper.leadership-thankyou table a {
background-color: #8EDD1A;
}
#wrapper.leadership-thankyou #content p a {
color: #8EDD1A;
}
#wrapper.leadership-thankyou #content p.instructions {
color: #8EDD1A;
}
#wrapper.leadership-thankyou #content .tel {
color: #8EDD1A;
}
#wrapper.leadership-wait table a {
background-color: #8EDD1A;
}
#wrapper.leadership-wait #content p a {
color: #8EDD1A;
}
#wrapper.leadership-wait #content p.instructions {
color: #8EDD1A;
}
#wrapper.leadership-wait #content .tel {
color: #8EDD1A;
}


/* COLOR THEMES -> PERSONAL IMPACT */
#wrapper.pi, #wrapper.pireport, #wrapper.pisupporter {
background-image: url(../images/pi/wrapper.jpg);
}
#wrapper.pi h1.title, #wrapper.pisupporter h1.title, #wrapper.pireport h1.title {
color: #ef5e21;
}
#wrapper.pi-index strong {
color: #ef5e21;
}
#wrapper.pi-index #content input[type="submit"] {
background-image: url(../images/pi/go-off.png);
}
#wrapper.pi-index #content input[type="submit"]:hover {
background-image: url(../images/pi/go-on.png);
}

#wrapper.pi .indicator, #wrapper.pisupporter .indicator {
background: url(../images/pi/bg-indicator.jpg);
}
#wrapper.pisupporter-questionnaire #content input[type="submit"] {
background-image: url(../images/pi/submit-off.png);
}
#wrapper.pisupporter-questionnaire #content input[type="submit"]:hover {
background-image: url(../images/pi/submit-on.png);
}
#wrapper.pisupporter-questionnaire #content strong {
color: #ef5e21;
}
#wrapper.pi-questionnaire #content input[type="submit"] {
background-image: url(../images/pi/submit-off.png);
}
#wrapper.pi-questionnaire #content input[type="submit"]:hover {
background-image: url(../images/pi/submit-on.png);
}
#wrapper.pi #content span.arrow, #wrapper.pisupporter #content span.arrow {
color: #ef5e21;
}
#wrapper.pi-addsupporters #content input[type="submit"] {
background-image: url(../images/pi/submit-off.png);
}
#wrapper.pi-addsupporters #content input[type="submit"]:hover {
background-image: url(../images/pi/submit-on.png);
}
#wrapper.pireport ul.nav li {
background-image: url(../images/pi/nav-divider.png);
}
#wrapper.pireport ul.nav li.active a {
font-weight: bold; color: #ef5e21;
}
#wrapper.pi-supporters #content input[type="submit"] {
background-image: url(../images/pi/next-off.png);
}
#wrapper.pi-supporters #content input[type="submit"]:hover {
background-image: url(../images/pi/next-on.png);
}
#wrapper.pi-addsupporters dl dl dt {
color: #ef5e21;
}
#wrapper.pireport-development .table-container {
background-color: #ffdece; 
}
#wrapper.pi-allsupporters fieldset a {
background-color: #ef5e21;
}
#wrapper.pi-allsupporters dl dt {
color: #ef5e21;
}
#wrapper.pi-allsupportersthankyou dl dt {
color: #ef5e21;
}
#wrapper.pi-allsupportersthankyou fieldset a {
background-color: #ef5e21;
}
#wrapper.pi-addsingle input[type="submit"] {
background-image: url(../images/pi/submit-off.png);
}
#wrapper.pi-addsingle input[type="submit"]:hover {
background-image: url(../images/pi/submit-on.png);
}
#wrapper.pi-addsingle dl dt {
color: #ef5e21;
}
#wrapper.pi-editsingle dl dt {
color: #ef5e21;
}
#wrapper.pi-editsingle #content input[type="submit"] {
background-image: url(../images/pi/submit-off.png);
}
#wrapper.pi-editsingle #content input[type="submit"]:hover {
background-image: url(../images/pi/submit-on.png);
}
#wrapper.pi-thankyou table a {
background-color: #ef5e21;
}
#wrapper.pi-thankyou #content p a {
color: #ef5e21;
}
#wrapper.pi-thankyou #content p.instructions {
color: #ef5e21;
}
#wrapper.pi-thankyou #content .tel {
color: #ef5e21;
}
#wrapper.pi-wait table a {
background-color: #ef5e21;
}
#wrapper.pi-wait #content p a {
color: #ef5e21;
}
#wrapper.pi-wait #content p.instructions {
color: #ef5e21;
}
#wrapper.pi-wait #content .tel {
color: #ef5e21;
}

/* COLOR THEMES -> PROGRESS IT */
#wrapper.progit, #wrapper.progitsupporter {
background-image: url(../images/progressit/wrapper.jpg);
}
#wrapper.progit h1.title, #wrapper.progitsupporter h1.title {
color: #ec0000;
}
#wrapper.progit-index strong {
color: #ec0000;
}
#wrapper.progit-index #content input[type="submit"] {
background-image: url(../images/progressit/go-off.png);
}
#wrapper.progit-index #content input[type="submit"]:hover {
background-image: url(../images/progressit/go-on.png);
}
#wrapper.progitsupporter-addsupporters input[type="submit"], #wrapper.progit-editgoals input[type="submit"] {
background-image: url(../images/progressit/submit-off.png);
}
#wrapper.progitsupporter-addsupporters input[type="submit"]:hover, #wrapper.progit-editgoals input[type="submit"]:hover {
background-image: url(../images/progressit/submit-on.png);
}
#wrapper.progitsupporter-addsupporters dl dl dt {
color: #ec0000;
}
#wrapper.progit-editgoals dl dt {
color: #ec0000;
}
#wrapper.progitsupporter-allsupporters fieldset a {
background-color: #ec0000;
}
#wrapper.progitsupporter-allsupporters dl dt {
color: #ec0000;
}
#wrapper.progitsupporter-allsupportersthankyou dl dt {
color: #ec0000;
}
#wrapper.progitsupporter-allsupportersthankyou fieldset a {
background-color: #ec0000;
}
#wrapper.progitsupporter-addsingle input[type="submit"] {
background-image: url(../images/progressit/submit-off.png);
}
#wrapper.progitsupporter-addsingle input[type="submit"]:hover {
background-image: url(../images/progressit/submit-on.png);
}
#wrapper.progitsupporter-addsingle dl dt {
color: #ec0000;
}
#wrapper.progitsupporter-editsingle dl dt {
color: #ec0000;
}
#wrapper.progitsupporter-editsingle #content input[type="submit"] {
background-image: url(../images/progressit/submit-off.png);
}
#wrapper.progitsupporter-editsingle #content input[type="submit"]:hover {
background-image: url(../images/progressit/submit-on.png);
}

#dash_cover {
    float: left;
    height: 10px;
    left: 500px;
    position: relative;
    top: 65px;
    width: 10px;
}

#dash_cover2 {
    float: left;
    height: 10px;
    left: 505px;
    position: relative;
    top: 75px;
    width: 10px;
}

/* Sixty Min */
#wrapper.sixtymin-questionnaire #content input[type="submit"],#wrapper.sixtymin-thankyou a.closeButton{
	border : solid 1px #000000;
	border-radius : 20px 3px 20px 4px ;
	moz-border-radius : 20px 3px 20px 4px ;
	-webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	-moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	font-size : 17px;
	color : #ffffff !important;
	padding : 4px 35px;
	background-color : #0b3856;
	height: initial;
	width: initial;
}
#wrapper.sixtymin, #wrapper.sixtyminreport, #wrapper.page{
	/*background-image: url(../images/ace-team/wrapper.jpg);*/
	background-position: 4px 4px;
	padding: 120px 55px 20px 49px;
}
#wrapper.sixtymin-questionnaire #content fieldset dd label{
	padding-right: 0px;	
}
#wrapper.sixtymin .indicator {
    /*background: url(../images/ace-team/bg-indicator.jpg);*/
    background: #0b3856;
    /*background-image: linear-gradient(to bottom right, #2595e0, #0b3856);*/
}
#wrapper.sixtymin-questionnaire #info{
	top: 280px;
}
/*#wrapper.sixtymin #content span.arrow{color: #0c8efa;}
#wrapper.sixtymin-questionnaire #main{margin-top: 22px; }
#wrapper.sixtymin-questionnaire #content fieldset dt{color: #000; font-size: 16px;}
#wrapper.sixtymin-questionnaire #content h1,#wrapper.sixtymin-thankyou #content h1{
	position: absolute;
    top: -6%;
    left: 29%;
    color: #fff;
    font-size:34px;
    font-weight: bold;
}*/

#wrapper.sixtymin-questionnaire #content h1, #wrapper.sixtymin-thankyou #content h1 {
    position: absolute;
    top: -90px;
    padding-left: 40px;
    left: auto;
    color: #fff;
    /*font-size: 29px;*/
    font-size: 21px;
    font-weight: bold;
    right: auto;
    width: max-content;
    width: -moz-fit-content;
    text-align: center;
    width: -webkit-fill-available;
    width: -moz-available;
}


#wrapper.sixtymin-questionnaire #content #profile-info{font-size: 18px;line-height: 25px;}
#wrapper.sixtymin-questionnaire #main{ background: none;    padding-top: 20px; }
#wrapper.sixtymin-questionnaire #content fieldset{border-bottom: 1px dashed #0b3856;}
#wrapper.sixtymin-thankyou #content p.instructions,#wrapper.sixtymin-thankyou #content p a{color:#0b3856;}
#wrapper.sixtymin-thankyou #main{ background: none; min-height: 400px; }
#wrapper.sixtymin-thankyou #info{ font-size: 105px;line-height: 109px;text-align: center; top:55px; font-family: 'Brandon Grotesque Bold';}
#wrapper.sixtymin-thankyou{line-height: 25px;}
#wrapper.sixtymin-thankyou #content{padding-top: 80px;}
#wrapper.action-thankyou #content p.close-window-container{margin-top: 50px;}
#wrapper.sixtymin-thankyou #content h1{top:-32%;left:0;}
#wrapper.sixtymin-thankyou #content h2{font-size: 22px}



/* Feedback */
#wrapper.feedback-questionnaire #content input[type="submit"],#wrapper.feedback-thankyou a.closeButton{
	border : solid 1px #000000;
	border-radius : 20px 3px 20px 4px ;
	moz-border-radius : 20px 3px 20px 4px ;
	-webkit-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	-moz-box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	box-shadow : 0px 0px 1px rgba(0,0,0,0.7);
	font-size : 17px;
	color : #ffffff !important;
	padding : 4px 35px;
	background-color : #0b3856;
	height: initial;
	width: initial;
}
#wrapper.feedback, #wrapper.feedbackreport, #wrapper.page{
	/*background-image: url(../images/ace-team/wrapper.jpg);*/
	background-position: 4px 4px;
	padding: 120px 55px 20px 49px;
}
#wrapper.feedback-questionnaire #content fieldset dd label{
	padding-right: 0px;	
}
#wrapper.feedback .indicator {
    /*background: url(../images/ace-team/bg-indicator.jpg);*/
    background: #0b3856;
    /*background-image: linear-gradient(to bottom right, #2595e0, #0b3856);*/
}
#wrapper.feedback-questionnaire #info{
	top: 280px;
}
/*#wrapper.feedback #content span.arrow{color: #0c8efa;}
#wrapper.feedback-questionnaire #main{margin-top: 22px; }
#wrapper.feedback-questionnaire #content fieldset dt{color: #000; font-size: 16px;}
#wrapper.feedback-questionnaire #content h1,#wrapper.feedback-thankyou #content h1{
	position: absolute;
    top: -6%;
    left: 29%;
    color: #fff;
    font-size:34px;
    font-weight: bold;
}*/

#wrapper.feedback-questionnaire #content h1, #wrapper.feedback-thankyou #content h1 {
    position: absolute;
    top: -90px;
    left: auto;
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    right: auto;
    width: max-content;
    width: -moz-fit-content;
    text-align: center;
    width: -webkit-fill-available;
    width: -moz-available;
}


#wrapper.feedback-questionnaire #content #profile-info{font-size: 18px;line-height: 25px;}
#wrapper.feedback-questionnaire #main{ background: none;    padding-top: 20px; }
#wrapper.feedback-questionnaire #content fieldset{border-bottom: 1px dashed #0b3856;}
#wrapper.feedback-thankyou #content p.instructions,#wrapper.feedback-thankyou #content p a{color:#0b3856;}
#wrapper.feedback-thankyou #main{ background: none; min-height: 400px; }
#wrapper.feedback-thankyou #info{ font-size: 105px;line-height: 109px;text-align: center; top:55px; font-family: 'Brandon Grotesque Bold';}
#wrapper.feedback-thankyou{line-height: 25px;}
#wrapper.feedback-thankyou #content{padding-top: 80px;}
#wrapper.action-thankyou #content p.close-window-container{margin-top: 50px;}
#wrapper.feedback-thankyou #content h1{top:-32%;left:0;}
#wrapper.feedback-thankyou #content h2{font-size: 22px}
































#wrapper.bespoke-thankyou #content p.instructions,#wrapper.bespoke-thankyou #content p a{color:#0b3856;}
#wrapper.bespoke-thankyou #main{ background: none; min-height: 400px; }
#wrapper.bespoke-thankyou #info{ font-size: 105px;line-height: 109px;text-align: center; top:138px; font-family: 'Brandon Grotesque Bold';}
#wrapper.bespoke-thankyou{line-height: 25px;}
#wrapper.bespoke-thankyou #content{padding-top: 80px;}
#wrapper.action-thankyou #content p.close-window-container{margin-top: 50px;}
#wrapper.bespoke-thankyou #content h1{top:-32%;left:0;}
#wrapper.bespoke-thankyou #content h2{font-size: 22px}

.end-value-label {
    float: initial;
    display: inline-block;vertical-align: bottom;
}

.start-value-label {
    float: unset;
    vertical-align: bottom;
    display: inline-block;
}

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

.mobileview{display:block}
    
.end-value-label {width:100%}

.start-value-label {width:100%}
    
    input[type=text], input[type=tel], input[type=time], input[type=url], input[type=color], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=checkbox]+label:before, input[type=radio]+label:before, textarea{font-size:22px!important}
    input[type=checkbox]+label, input[type=radio]+label{width:49%!important;}
 
    .form__field.onethird-right,
    .form__field.onethird-left{
        width:99%;
    }
#wrapper{
	width: 84%
}
.form__field.onethird-right,
    .form__field.onethird-left{
        width:99%!important;
    }
#wrapper.bespoke #main{background: none;} 

.form__field.onethird-left, .form__field.onethird-right{width:100%;}
#wrapper.bespoke {
    width:100%;padding: 120px 15px 20px 8px;
}

#wrapper.bespoke p {
    font-size: 18px!important;
    line-height: 26px;
}

#wrapper.sixtymin, #wrapper.sixtyminreport, #wrapper.page{
	padding-left: 20px;padding-right: 20px
}

#wrapper.sixtymin-questionnaire #content h1, #wrapper.sixtymin-thankyou #content h1 {
    position: absolute;
    top: -50px;
    left: auto;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    right: auto;
    width: max-content;
    width: -moz-fit-content;
    text-align: center;
    width: -webkit-fill-available;
}
dd{margin-left: 0px;}
#wrapper.action-questionnaire #content fieldset dd label{padding-left: 20px;}
#wrapper.action-questionnaire #content #score-element {
    font-weight: normal;
    font-size: 15px; 
}
form label{
	font-weight: bold;color: #000;font-size: 22px!important;
}
#wrapper.action-thankyou #content{
	padding-left: 0px;
}

.default-sixtymin-thankyou #info {
    font-size: 35px!important;
    line-height: 40px!important;
    width: 100%;
    text-align: center; 
}

#wrapper.sixtymin-questionnaire #content h1, #wrapper.sixtymin-thankyou #content h1 { 
    /*top: 30px; 
    color: #000;
    max-width: 264px;*/
    top: -70px; 
    color: #fff;
    max-width: 537px;
    padding-left:0px;
}

#wrapper.sixtymin-thankyou #content {
	top: 90px
}

div#info {
    position: relative;
    top: -70px!important;
}

#wrapper.bespoke p span {
    font-size: 18px!important;
    line-height: 26px;
}
#wrapper.bespoke{background-image: none!important}
#wrapper{background: #fff url(../images/wrapperm.jpg) top center no-repeat;}

}


/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.responsiveimage img{
    margin-top: -120px;
    float: left;
    width: 100%;
    max-height: 247px;
    margin-bottom: 20px;
}

#wrapper.bespoke-thankyou #content{margin-top: 10%}

#wrapper.action-nofound #content{margin-top: 15%}
#wrapper.action-nofound #content p.instructions,#wrapper.action-nofound #content p a{color:#0b3856;}
#wrapper.action-nofound #main{ background: none; min-height: 400px; }
#wrapper.action-nofound #info{ font-size: 105px;line-height: 109px;text-align: center; font-family: Brandon Grotesque Bold; position: inherit; float: left; width: 50%; }
#wrapper.action-nofound{line-height: 25px;}
#wrapper.action-nofound .content{padding-top: 4%;}
/* #wrapper.action-nofound .content{float: left;position: inherit;padding-left: 60px;} */
#wrapper.action-nofound #content p.close-window-container{margin-top: 50px;}
#wrapper.action-nofound #content h1, #wrapper.bespoke-nofound #content h1{top:-32%;left:0;}
#wrapper.action-nofound #content h2,#wrapper.bespoke-nofound #content h2{font-size: 22px}

#wrapper.bespoke,#wrapper.bespoke.action-questionnaire #main{background-image: none!important}


tr.first.last {
    max-width: 90%;
    width: 90%;
    display: table;
    margin: 0 auto;
}


@media only screen and (max-width: 767px){
   tr.first.last {
    max-width: 100%;
    width: 100%} 
    
#wrapper.action-questionnaire #content fieldset dd label {
    width: 50px;
    float: left;
}
    
 dl.zend_form {
    width: 100%;
    max-width: 100%;
} 

 
    
#wrapper.action-questionnaire #content fieldset dd label {
    padding-left: 20px;
    
    line-height: 40px;
}
    
 .indicator table{display:none!important}  
 .mobileview table{display:inline!important; text-align :center;font-weight: bold;font-size:20px;}
}

.sectionbox-label { color: #ed7226}

/* remove all css below */

#wrapper.sixtymin.module-default.controller-sixtymin.action-questionnaire.default-sixtymin.sixtymin-questionnaire.default-sixtymin-questionnaire #score-element textarea#subform_1-score {
    height:24px !important;
}









