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

ACCOUNT.CSS

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

html {
    margin: 0px;
    padding: 0px;
    }

body {
    background: #EEEEEE;
    color: #111111;
    font-family: Helvetica, Arial, san-serif;
    margin: 0px;
    padding: 0px;
    behavior: url('/behavior/csshover/csshover.php');
    }

.donotdisplay {
    display: none;
    }

#sitewrapper {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: auto;
    margin-top: 20px;
    padding: 0px;
    }

#headercontainer {
    background: #999999 url('../graphic/bg_headercontainer.png') left top no-repeat;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    }

#userwrapper {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

#headerwrapper {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

#footerwrapper {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

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

CLEAR

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

.clearleft {
    background: transparent;
    height: 0px;
    clear: left;
    margin: 0px;
    padding: 0px;
    }

.clearright {
    background: transparent;
    height: 0px;
    clear: right;
    margin: 0px;
    padding: 0px;
    }

.clearboth {
    background: transparent;
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
    }

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

USER

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

#user {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

#usermenu {
    background: transparent;
    color: #111111;
    width: 150px;
    float: right;
    margin: 0px;
    margin-top: 20px;
    margin-right: 20px;
    padding: 0px;
    }

#usermenu ul {
    background: #FFFFFF;
    color: #111111;
    width: 150px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#usermenu:hover ul {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    }

#usermenu ul li {
    background: transparent;
    color: #111111;
    width: auto;
    margin: 0px;
    padding: 0px;
    }

#usermenu ul li a {
    background: transparent;
    color: #111111;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    }

#usermenu ul li a.settings {
    background: transparent url('../graphic/bg_usermenu_settings.png') 6px 6px no-repeat;
    padding-left: 30px;
    }

#usermenu ul li a:hover {
    text-decoration: underline;
    }

#usermenu ul li ul {
    display: none;
    }

#usermenu ul li:hover ul {
    background: #111111;
    color: #FFFFFF;
    width: 150px;
    display: block;
    position: absolute;
    z-index: 50;
    margin: 0px;
    padding: 0px;
    list-style: none;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    }

#usermenu ul li:hover ul li {
    background: transparent;
    color: #FFFFFF;
    width: auto;
    margin: 0px;
    padding: 0px;
    border-bottom: #FFFFFF dotted 1px;
    }

#usermenu ul li:hover ul li.last {
    border-bottom: none;
    }

#usermenu ul li:hover ul li a {
    background: transparent;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    }

#usermenu ul li:hover ul li a:hover {
    text-decoration: underline;
    }

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

HEADER

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

#header {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    padding: 0px;
    }

#identity {
    display: none;
    }

#mainmenu {
    background: transparent;
    color: #111111;
    width: 1000px;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    }

#mainmenu ul {
    background: transparent;
    color: #111111;
    width: 960px;
    margin: 0px;
    margin-left: 20px;
    padding: 0px;
    list-style: none;
    }

#mainmenu ul li {
    background: #FFFFFF;
    color: #111111;
    width: 188px;
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    }

#mainmenu ul li.first {
    -moz-border-radius: 5px 0 0 0px;
    -webkit-border-radius: 5px 0 0 0px;
    border-radius: 5px 0 0 0px;
    }

#mainmenu ul li.first.single {
    -moz-border-radius: 5px 5px 0 0px;
    -webkit-border-radius: 5px 5px 0 0px;
    border-radius: 5px 5px 0 0px;
    }

#mainmenu ul li.last {
    -moz-border-radius: 0 5px 0 0px;
    -webkit-border-radius: 0 5px 0 0px;
    border-radius: 0 5px 0 0px;
    }

#mainmenu ul li.last.right {
    float: right;
    }

#mainmenu ul li.first, #mainmenu ul li.last.right {
    margin-left: 0px;
    }

#mainmenu ul li a {
    background: transparent;
    color: #111111;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    }

#mainmenu ul li a.customers {
    background: transparent url('../graphic/bg_mainmenu_customers.png') 6px 7px no-repeat;
    padding-left: 31px;
    }

#mainmenu ul li a.questionnaires {
    background: transparent url('../graphic/bg_mainmenu_questionnaires.png') 6px 7px no-repeat;
    padding-left: 38px;
    }

#mainmenu ul li a.responses {
    background: transparent url('../graphic/bg_mainmenu_responses.png') 6px 7px no-repeat;
    padding-left: 31px;
    }

#mainmenu ul li a.instructions {
    background: transparent url('../graphic/bg_mainmenu_instructions.png') 6px 7px no-repeat;
    padding-left: 31px;
    }

#mainmenu ul li.active a, #mainmenu ul li a:hover {
    text-decoration: underline;
    }

#mainmenu ul li ul {
    display: none;
    }

#mainmenu ul li:hover ul {
    background: #111111;
    color: #FFFFFF;
    width: 188px;
    display: block;
    position: absolute;
    z-index: 50;
    margin: 0px;
    padding: 0px;
    list-style: none;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    }

#mainmenu ul li:hover ul li {
    background: transparent;
    color: #FFFFFF;
    width: 188px;
    float: none;
    margin: 0px;
    padding: 0px;
    border-bottom: #FFFFFF dotted 1px;
    }

#mainmenu ul li:hover ul li.last {
    border-bottom: none;
    }

#mainmenu ul li:hover ul li a {
    background: transparent;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    }

#mainmenu ul li ul li.active a, #mainmenu ul li:hover ul li a:hover {
    text-decoration: underline;
    }

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

CONTENT

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

#content {
    background: #FFFFFF;
    color: #111111;
    width: 960px;
    margin: 0px;
    padding: 20px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    }

#content #contentmessages {
    background: #FAFAFA;
    color: #111111;
    width: 920px;
    margin: 0px;
    margin-bottom: 20px;
    padding: 20px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#content #contentmessages ul {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    list-style-position: inside;
    }

#content #contentmessages ul li {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    }

#content #contentmessages ul li a {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }

#content #contentmessages ul li.ok {
    color: #009933;
    }

#content #contentmessages ul li.ok a {
    color: #009933;
    }

#content #contentmessages ul li.ok a:hover {
    color: #009933;
    text-decoration: underline;
    }

#content #contentmessages ul li.error {
    color: #CC0000;
    }

#content #contentmessages ul li.error a {
    color: #CC0000;
    }

#content #contentmessages ul li.error a:hover {
    color: #CC0000;
    text-decoration: underline;
    }

#content form {
    background: transparent;
    color: #111111;
    text-align: right;
    margin: 0px;
    padding: 0px;
    border: none;
    }

#content form .inputwrapper {
    background: transparent;
    color: #111111;
    text-align: left;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    }

#content form .inputwrapper span.separator {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 2px;
    padding-top: 11px;
    }

#content form .inputwrapper label {
    background: transparent;
    color: #111111;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    }

#content form .inputwrapper label span {
    color: #CC6600;
    font-size: 15px;
    }

#content form .inputwrapper input[type="text"], #content form .inputwrapper input[type="password"], #content form .inputwrapper select, #content form .inputwrapper textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    border: #DDDDDD solid 1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#content form .inputwrapper select {
    padding: 9px;
    }

#content form .button {
    background: #111111;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 5px;
    border: none;
    cursor: pointer;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#content form .button:hover {
    background: #333333;
    }

#content .sectionwrapper {
    background: transparent;
    color: #111111;
    width: 960px;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper.parting {
    padding-bottom: 15px;
    border-bottom: #DDDDDD dotted 1px;
    }

#content .sectionwrapper.second {
    margin-top: 15px;
    }

#content .sectionwrapper .section {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section .box {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section.box, #content .sectionwrapper .section .box {
    background: #FAFAFA;
    padding: 15px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#content .sectionwrapper .section .box.second {
    margin-top: 15px;
    }

#content .sectionwrapper .section.header {
    background: #111111;
    color: #FFFFFF;
    padding-left: 1px;
    padding-right: 1px;
    }

#content .sectionwrapper .section.row {
    background: #FFFFFF;
    border: #111111 solid 1px;
    border-top: none;
    }

#content .sectionwrapper .section .anchorbuttomwrapper, #content .sectionwrapper .section .spanbuttomwrapper {
    background: #FFFFFF;
    color: #111111;
    margin: 0px;
    margin-top: 20px;
    padding: 4px;
    border: #DDDDDD solid 1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }


#content .sectionwrapper .section960 {
    width: 960px;
    }

#content .sectionwrapper .section960.box, #content .sectionwrapper .section960 .box {
    width: 930px;
    }

#content .sectionwrapper .section930 {
    width: 930px;
    }

#content .sectionwrapper .section635 {
    width: 635px;
    }

#content .sectionwrapper .section635.box, #content .sectionwrapper .section635 .box {
    width: 605px;
    }

#content .sectionwrapper .section556 {
    width: 556px;
    }

#content .sectionwrapper .section555 {
    width: 555px;
    }

#content .sectionwrapper .section555.box, #content .sectionwrapper .section555 .box {
    width: 525px;
    }

#content .sectionwrapper .section475 {
    width: 475px;
    }

#content .sectionwrapper .section455 {
    width: 455px;
    }

#content .sectionwrapper .section445 {
    width: 445px;
    }

#content .sectionwrapper .section400 {
    width: 400px;
    }

#content .sectionwrapper .section395 {
    width: 395px;
    }

#content .sectionwrapper .section390 {
    width: 390px;
    }

#content .sectionwrapper .section390.box, #content .sectionwrapper .section390 .box {
    width: 360px;
    }

#content .sectionwrapper .section324 {
    width: 324px;
    }

#content .sectionwrapper .section310 {
    width: 310px;
    }

#content .sectionwrapper .section310.box, #content .sectionwrapper .section310 .box {
    width: 280px;
    }

#content .sectionwrapper .section300 {
    width: 300px;
    }

#content .sectionwrapper .section295 {
    width: 295px;
    }

#content .sectionwrapper .section274 {
    width: 274px;
    }

#content .sectionwrapper .section247 {
    width: 247px;
    }

#content .sectionwrapper .section237 {
    width: 237px;
    }

#content .sectionwrapper .section220 {
    width: 220px;
    }

#content .sectionwrapper .section200 {
    width: 200px;
    }

#content .sectionwrapper .section195 {
    width: 195px;
    }

#content .sectionwrapper .section190 {
    width: 190px;
    }

#content .sectionwrapper .section180 {
    width: 180px;
    }

#content .sectionwrapper .section150 {
    width: 150px;
    }

#content .sectionwrapper .section140 {
    width: 140px;
    }

#content .sectionwrapper .section.left {
    float: left;
    }

#content .sectionwrapper .section.middle {
    float: left;
    margin-left: 15px;
    }

#content .sectionwrapper .section.right {
    float: right;
    }

#content .sectionwrapper .section a, #content .sectionwrapper .section a:hover {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    }

#content .sectionwrapper .section img {
    background: transparent;
    margin: 0px;
    padding: 0px;
    border: none;
    }

#content .sectionwrapper .section h2 {
    background: transparent;
    color: #111111;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section h3 {
    background: transparent;
    color: #111111;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section h4 {
    background: transparent;
    color: #111111;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section h3.second, #content .sectionwrapper .section h4.second {
    margin-top: 20px;
    }

#content .sectionwrapper .section h3 a:hover, #content .sectionwrapper .section h4 a:hover {
    text-decoration: underline;
    }

#content .sectionwrapper .section p {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    }

#content .sectionwrapper .section p.error {
    color: #CC0000;
    }

#content .sectionwrapper .section p a {
    color: #CC6600;
    }

#content .sectionwrapper .section p a:hover {
    color: #CC6600;
    text-decoration: underline;
    }

#content .sectionwrapper .section ul, #content .sectionwrapper .section ol {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 25px;
    }

#content .sectionwrapper .section ul li, #content .sectionwrapper .section ol li {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    }

#content .sectionwrapper .section ul li a, #content .sectionwrapper .section ol li a {
    color: #CC6600;
    }

#content .sectionwrapper .section ul li a:hover, #content .sectionwrapper .section ol li a:hover {
    color: #CC6600;
    text-decoration: underline;
    }

#content .sectionwrapper .section.header span {
    background: transparent;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 10px;
    }

#content .sectionwrapper .section.row span {
    background: transparent;
    color: #111111;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 10px;
    }

#content .sectionwrapper .section.row span a {
    color: #CC6600;
    }

#content .sectionwrapper .section.row span a:hover {
    color: #CC6600;
    text-decoration: underline;
    }

#content .sectionwrapper .section .anchorbuttomwrapper a, #content .sectionwrapper .section .spanbuttomwrapper span {
    background: #111111;
    color: #FFFFFF;
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    margin: 0px;
    padding: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#content .sectionwrapper .section .anchorbuttomwrapper a, #content .sectionwrapper .section .spanbuttomwrapper span {
    cursor: pointer;
    }

#content .sectionwrapper .section .anchorbuttomwrapper a.positive, #content .sectionwrapper .section .spanbuttomwrapper span.positive {
    background: #009933;
    }

#content .sectionwrapper .section .anchorbuttomwrapper a.negative, #content .sectionwrapper .section .spanbuttomwrapper span.negative {
    background: #CC0000;
    }

#content .sectionwrapper .section .anchorbuttomwrapper a:hover, #content .sectionwrapper .section .spanbuttomwrapper span:hover {
    background: #333333;
    text-decoration: none;
    }

/* home / default */

#contentwrapper.home.default {
    padding-top: 100px;
    }

#contentwrapper.home.default #content {
    width: 360px;
    margin: auto;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 2px 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px 2px #DDDDDD;
    box-shadow: 0 0 2px 2px #DDDDDD;
    }

#contentwrapper.home.default #content #contentmessages {
    width: 318px;
    border: #DDDDDD solid 1px;
    }

#contentwrapper.home.default #content form {
    padding-bottom: 20px;
    border-bottom: #DDDDDD solid 1px;
    }

#contentwrapper.home.default #content form .inputwrapper {
    width: 360px;
    }

#contentwrapper.home.default #content form .inputwrapper label {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    }

#contentwrapper.home.default #content form .inputwrapper input[type="text"], #contentwrapper.home.default #content form .inputwrapper input[type="password"] {
    width: 338px;
    font-size: 13px;
    }

#contentwrapper.home.default #content p {
    background: transparent;
    color: #666666;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    }

/* profile */

#contentwrapper.profile #content form {
    margin-top: 20px;
    }

#contentwrapper.profile #content .section635.box form .inputwrapper, #contentwrapper.profile #content .section635 .box form .inputwrapper {
    width: 605px;
    }

#contentwrapper.profile #content .section635.box form .inputwrapper textarea, #contentwrapper.profile #content .section635 .box form .inputwrapper textarea {
    width: 583px;
    }

#contentwrapper.profile #content .section310.box form .inputwrapper, #contentwrapper.profile #content .section310 .box form .inputwrapper {
    width: 280px;
    }

#contentwrapper.profile #content form .section295 .inputwrapper {
    width: 295px;
    }

#contentwrapper.profile #content .section310.box form .inputwrapper input[type="password"], #contentwrapper.profile #content .section310 .box form .inputwrapper input[type="password"] {
    width: 258px;
    }

#contentwrapper.profile #content form .section295 .inputwrapper input[type="text"] {
    width: 273px;
    }

#contentwrapper.profile #content .section310 .identityimagewrapper {
    background: #FFFFFF;
    color: #111111;
    width: 250px;
    margin: 0px;
    margin-top: 20px;
    padding: 15px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.profile #content .section310 .identityimagewrapper img {
    width: 248px;
    border: #DDDDDD solid 1px;
    }

#contentwrapper.profile #signaturepreviewtrigger {
    background: #CC6600;
    color: #FFFFFF;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 6px;
    cursor: pointer;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.profile #signaturepreviewtrigger:hover {
    background: #333333;
    }

#contentwrapper.profile #signaturemodalcontainer {
    background: transparent url('../graphic/bg_modal.png') left top;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 50;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.profile #signaturemodalcontainer #signaturecontainer {
    background: #FFFFFF;
    color: #111111;
    width: 660px;
    margin: auto;
    margin-top: 100px;
    padding: 20px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

#contentwrapper.profile #signaturemodalcontainer #signaturecontainer #signaturewrapper {
    background: transparent;
    color: #111111;
    width: 660px;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.profile #signaturemodalcontainer #signaturecontainer #signaturewrapper p {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.1em;
    margin: 0px;
    padding: 0px;
    }

/* customer / list */

#contentwrapper.customer.list #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.customer.list #content .section930.row {
    width: 928px;
    }

#contentwrapper.customer.list #content .section324.left, #contentwrapper.customer.list #content .section324.middle {
    width: 323px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.customer.list #content .section150.left, #contentwrapper.customer.list #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.customer.list #content .section324.middle, #contentwrapper.customer.list #content .section150.middle {
    margin-left: 1px;
    }

/* customer / edit */

#contentwrapper.customer.edit #content form {
    margin-top: 20px;
    }

#contentwrapper.customer.edit #content .section310.box form .inputwrapper, #contentwrapper.customer.edit #content .section310 .box form .inputwrapper {
    width: 280px;
    }

#contentwrapper.customer.edit #content form .section295 .inputwrapper {
    width: 295px;
    }

#contentwrapper.customer.edit #content .section310.box form .inputwrapper input[type="password"], #contentwrapper.customer.edit #content .section310 .box form .inputwrapper input[type="password"] {
    width: 258px;
    }

#contentwrapper.customer.edit #content form .section295 .inputwrapper input[type="text"] {
    width: 273px;
    }

#contentwrapper.customer.edit #content .section310.box .anchorbuttomwrapper, #contentwrapper.customer.edit #content .section310 .box .anchorbuttomwrapper {
    width: 270px
    }

#contentwrapper.customer.edit #content .section310.box .anchorbuttomwrapper a, #contentwrapper.customer.edit #content .section310 .box .anchorbuttomwrapper a {
    width: 250px
    }

/* customer / create */

#contentwrapper.customer.create #content form {
    margin-top: 20px;
    }

#contentwrapper.customer.create #content form .section300 .inputwrapper {
    width: 300px;
    }

#contentwrapper.customer.create #content form .section300 .inputwrapper input[type="text"] {
    width: 278px;
    }

/* questionaire / list */

#contentwrapper.questionaire.list #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.questionaire.list #content .section930.row {
    width: 928px;
    }

#contentwrapper.questionaire.list #content .section274.left, #contentwrapper.questionaire.list #content .section274.middle {
    width: 273px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.list #content .section200.left, #contentwrapper.questionaire.list #content .section200.middle {
    width: 199px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.list #content .section150.left, #contentwrapper.questionaire.list #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.list #content .section274.middle, #contentwrapper.questionaire.list #content .section200.middle, #contentwrapper.questionaire.list #content .section150.middle {
    margin-left: 1px;
    }

/* questionaire / edit */

#contentwrapper.questionaire.edit #content form {
    margin-top: 20px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .inputwrapper, #contentwrapper.questionaire.edit #content .section635 .box form .inputwrapper {
    width: 605px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .inputwrapper input[type="text"], #contentwrapper.questionaire.edit #content .section635.box form .inputwrapper textarea, #contentwrapper.questionaire.edit #content .section635 .box form .inputwrapper input[type="text"], #contentwrapper.questionaire.edit #content .section635 .box form .inputwrapper textarea {
    width: 583px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .section195 .inputwrapper, #contentwrapper.questionaire.edit #content .section635 .box form .section195 .inputwrapper {
    width: 195px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .section195 .inputwrapper input[type="text"], #contentwrapper.questionaire.edit #content .section635 .box form .section195 .inputwrapper input[type="text"] {
    width: 173px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .section190 .inputwrapper, #contentwrapper.questionaire.edit #content .section635 .box form .section190 .inputwrapper {
    width: 190px;
    }

#contentwrapper.questionaire.edit #content .section635.box form .section190 .inputwrapper input[type="text"], #contentwrapper.questionaire.edit #content .section635 .box form .section190 .inputwrapper input[type="text"] {
    width: 168px;
    }

#contentwrapper.questionaire.edit #content .section635.box .questionwrapper, #contentwrapper.questionaire.edit #content .section635 .box .questionwrapper {
    background: transparent;
    color: #111111;
    width: 605px;
    margin: 0px;
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: #DDDDDD solid 1px;
    }

#contentwrapper.questionaire.edit #content .section635.box .questionwrapper.first, #contentwrapper.questionaire.edit #content .section635 .box .questionwrapper.first {
    margin-top: 20px;
    border-top: #DDDDDD solid 1px;
    }

#contentwrapper.questionaire.edit #content .section635.box .questionwrapper .questiondescriptionwrapper, #contentwrapper.questionaire.edit #content .section635 .box .questionwrapper .questiondescriptionwrapper {
    background: #FFFFFF;
    color: #111111;
    width: 585px;
    margin: 0px;
    margin-top: 10px;
    padding: 10px;
    padding-top: 0px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.questionaire.edit #content .section310.box .anchorbuttomwrapper, #contentwrapper.questionaire.edit #content .section310 .box .anchorbuttomwrapper {
    width: 270px
    }

#contentwrapper.questionaire.edit #content .section310.box .anchorbuttomwrapper a, #contentwrapper.questionaire.edit #content .section310 .box .anchorbuttomwrapper a {
    width: 250px
    }

/* questionaire / edit question */

#contentwrapper.questionaire.edit.question #content form {
    margin-top: 20px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box form .inputwrapper, #contentwrapper.questionaire.edit.question #content .section635 .box form .inputwrapper {
    width: 605px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box form .inputwrapper input[type="text"], #contentwrapper.questionaire.edit.question #content .section635.box form .inputwrapper textarea, #contentwrapper.questionaire.edit.question #content .section635 .box form .inputwrapper input[type="text"], #contentwrapper.questionaire.edit.question #content .section635 .box form .inputwrapper textarea {
    width: 583px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box form .section140 .inputwrapper, #contentwrapper.questionaire.edit.question #content .section635 .box form .section140 .inputwrapper {
    width: 140px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box form .section140 .inputwrapper input[type="text"], #contentwrapper.questionaire.edit.question #content .section635 .box form .section140 .inputwrapper input[type="text"] {
    width: 118px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box #multiplevaluewrapper, #contentwrapper.questionaire.edit.question #content .section635 .box #multiplevaluewrapper {
    background: transparent;
    color: #111111;
    width: 605px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box #multiplevalueaddwrapper, #contentwrapper.questionaire.edit.question #content .section635 .box #multiplevalueaddwrapper {
    background: transparent;
    color: #111111;
    width: 605px;
    display: none;
    text-align: left;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px;
    }

#contentwrapper.questionaire.edit.question #content .section635.box #multiplevalueaddwrapper span, #contentwrapper.questionaire.edit.question #content .section635 .box #multiplevalueaddwrapper span {
    background: transparent;
    color: #CC6600;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    }

#contentwrapper.questionaire.edit.question #content .section635.box #multiplevalueaddwrapper span:hover, #contentwrapper.questionaire.edit.question #content .section635 .box #multiplevalueaddwrapper span:hover {
    text-decoration: underline;
    }

#contentwrapper.questionaire.edit.question #content .section310.box .anchorbuttomwrapper, #contentwrapper.questionaire.edit.question #content .section310 .box .anchorbuttomwrapper {
    width: 270px
    }

#contentwrapper.questionaire.edit.question #content .section310.box .anchorbuttomwrapper a, #contentwrapper.questionaire.edit.question #content .section310 .box .anchorbuttomwrapper a {
    width: 250px
    }

/* questionaire / invitations */

#contentwrapper.questionaire.invitations #content form {
    margin-top: 20px;
    }

#contentwrapper.questionaire.invitations #content .section960.box form .inputwrapper, #contentwrapper.questionaire.invitations #content .section960 .box form .inputwrapper {
    width: 930px;
    }

#contentwrapper.questionaire.invitations #content .section960.box form .inputwrapper textarea, #contentwrapper.questionaire.invitations #content .section960 .box form .inputwrapper textarea {
    width: 908px;
    }

#contentwrapper.questionaire.invitations #content .section555.box form .inputwrapper, #contentwrapper.questionaire.invitations #content .section555 .box form .inputwrapper {
    width: 525px;
    }

#contentwrapper.questionaire.invitations #content .section555.box form .inputwrapper textarea, #contentwrapper.questionaire.invitations #content .section555 .box form .inputwrapper textarea {
    width: 503px;
    }

#contentwrapper.questionaire.invitations #content .section390.box form .inputwrapper, #contentwrapper.questionaire.invitations #content .section390 .box form .inputwrapper {
    width: 360px;
    }

#contentwrapper.questionaire.invitations #content .section390.box form .inputwrapper input[type="text"], #contentwrapper.questionaire.invitations #content .section390 .box form .inputwrapper input[type="text"] {
    width: 338px;
    }

#contentwrapper.questionaire.invitations #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.questionaire.invitations #content .section930.row {
    width: 928px;
    }

#contentwrapper.questionaire.invitations #content .section247.left, #contentwrapper.questionaire.invitations #content .section247.middle {
    width: 246px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.invitations #content .section150.left, #contentwrapper.questionaire.invitations #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.invitations #content .section130.left, #contentwrapper.questionaire.invitations #content .section130.middle {
    width: 129px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.questionaire.invitations #content .section247.middle, #contentwrapper.questionaire.invitations #content .section150.middle, #contentwrapper.questionaire.invitations #content .section130.middle {
    margin-left: 1px;
    }

#contentwrapper.questionaire.invitations #content .sectionwrapper .section h3 span {
    color: #CC6600;
    }

#contentwrapper.questionaire.invitations #invitationmodalcontainer {
    background: transparent url('../graphic/bg_modal.png') left top;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 50;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.questionaire.invitations #invitationcontainer {
    background: #FFFFFF;
    color: #111111;
    width: 525px;
    margin: auto;
    margin-top: 40px;
    padding: 20px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

#contentwrapper.questionaire.invitations .invitationwrapper {
    background: transparent;
    color: #111111;
    width: 525px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    }

#contentwrapper.questionaire.invitations #invitationcontainer .invitationwrapper {
    margin-top: 0px;
    }

#contentwrapper.questionaire.invitations .invitationwrapper h3 {
    background: transparent;
    color: #111111;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.questionaire.invitations .invitationwrapper p {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    }

#contentwrapper.questionaire.invitations .invitationwrapper textarea {
    width: 503px;
    font-family: Courier, 'Times New Roman', Times, sans-serif;
    font-size: 11px;
    margin: 0px;
    margin-top: 10px;
    padding: 10px;
    border: #DDDDDD solid 1px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

/* questionaire / create */

#contentwrapper.questionaire.create #content form {
    margin-top: 20px;
    }

#contentwrapper.questionaire.create #content .section635.box form .inputwrapper, #contentwrapper.questionaire.create #content .section635 .box form .inputwrapper {
    width: 605px;
    }

#contentwrapper.questionaire.create #content .section635.box form .inputwrapper input[type="text"], #contentwrapper.questionaire.create #content .section635.box form .inputwrapper textarea, #contentwrapper.questionaire.create #content .section635 .box form .inputwrapper input[type="text"], #contentwrapper.questionaire.create #content .section635 .box form .inputwrapper textarea {
    width: 583px;
    }

/* response / default */

#contentwrapper.response.default #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.response.default #content .section930.row {
    width: 928px;
    }

#contentwrapper.response.default #content .section395.left, #contentwrapper.response.default #content .section395.middle {
    width: 394px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.default #content .section200.left, #contentwrapper.response.default #content .section200.middle {
    width: 199px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.default #content .section180.left, #contentwrapper.response.default #content .section180.middle {
    width: 179px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.default #content .section150.left, #contentwrapper.response.default #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.default #content .section395.middle, #contentwrapper.response.default #content .section200.middle, #contentwrapper.response.default #content .section180.middle, #contentwrapper.response.default #content .section150.middle {
    margin-left: 1px;
    }

/* response / list */

#contentwrapper.response.list #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.response.list #content .section930.row {
    width: 928px;
    }

#contentwrapper.response.list #content .section556.left, #contentwrapper.response.default #content .section556.middle {
    width: 555px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.list #content .section220.left, #contentwrapper.response.list #content .section220.middle {
    width: 219px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.list #content .section150.left, #contentwrapper.response.list #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.response.list #content .section556.middle, #contentwrapper.response.list #content .section220.middle, #contentwrapper.response.list #content .section150.middle {
    margin-left: 1px;
    }

#contentwrapper.response.list #content .sectionwrapper .section h3 span {
    color: #CC6600;
    }

/* response / answers */

#contentwrapper.response.answers #content .sectionwrapper .section .spanbuttomwrapper {
    width: 270px;
    }

#contentwrapper.response.answers #content .sectionwrapper .section .spanbuttomwrapper span {
    width: 250px;
    }

#contentwrapper.response.answers #content .sectionwrapper .section .questionresponsewrapper {
    background: transparent;
    color: #111111;
    width: 960px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: #DDDDDD solid 1px;
    }

#contentwrapper.response.answers #content .sectionwrapper .section .questionresponsewrapper .responserequiredwrapper, #contentwrapper.response.answers #content .sectionwrapper .section .questionresponsewrapper .responsewrapper {
    background: #FAFAFA;
    color: #111111;
    width: 940px;
    margin: 0px;
    margin-top: 10px;
    padding: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.response.answers #content .sectionwrapper .section .questionresponsewrapper .responsewrapper p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 0px;
    }

#contentwrapper.response.answers #content .sectionwrapper .section .questionresponsewrapper .responsewrapper p span.negative {
    color: #CC0000;
    }

/* statistics / default */

#contentwrapper.statistics.default #content .section930.header {
    width: 928px;
    margin-top: 20px;
    }

#contentwrapper.statistics.default #content .section930.row {
    width: 928px;
    }

#contentwrapper.statistics.default #content .section395.left, #contentwrapper.statistics.default #content .section395.middle {
    width: 394px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.statistics.default #content .section200.left, #contentwrapper.statistics.default #content .section200.middle {
    width: 199px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.statistics.default #content .section180.left, #contentwrapper.statistics.default #content .section180.middle {
    width: 179px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.statistics.default #content .section150.left, #contentwrapper.statistics.default #content .section150.middle {
    width: 149px;
    border-right: #111111 dotted 1px;
    }

#contentwrapper.statistics.default #content .section395.middle, #contentwrapper.statistics.default #content .section200.middle, #contentwrapper.statistics.default #content .section180.middle, #contentwrapper.statistics.default #content .section150.middle {
    margin-left: 1px;
    }

/* statistics / answers */

#contentwrapper.statistics.answers #content form {
    margin-top: 20px;
    }

#contentwrapper.statistics.answers #filteredclearanchor {
    background: #CC6600;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 6px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.statistics.answers #filteredclearanchor:hover {
    background: #333333;
    color: #FFFFFF;
    text-decoration: none;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper {
    background: transparent;
    color: #111111;
    width: 960px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 50px;
    border-bottom: #DDDDDD solid 1px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsrequiredwrapper, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsfilteredmessagewrapper, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsgraphwrapper, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper {
    background: #FAFAFA;
    color: #111111;
    width: 940px;
    margin: 0px;
    margin-top: 10px;
    padding: 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsfilteredmessagewrapper p span.negative, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsgraphwrapper p span.negative, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper p span.negative {
    color: #CC0000;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsgraphwrapper .spanbuttomwrapper {
    width: 270px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsgraphwrapper .spanbuttomwrapper span {
    width: 250px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticsgraphwrapper img {
    width: 938px;
    margin: 0px;
    padding: 0px;
    border: #DDDDDD solid 1px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table {
    background: #FFFFFF;
    color: #111111;
    width: 940px;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
    border: #DDDDDD solid 1px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table caption {
    display: none;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table thead, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table tbody {
    background: transparent;
    color: #111111;
    margin: 0px;
    padding: 0px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table th, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table td {
    background: transparent;
    color: #111111;
    text-align: left;
    margin: 0px;
    padding: 10px;
    border: #DDDDDD solid 1px;
    }

#contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table thead th, #contentwrapper.statistics.answers #content .sectionwrapper .section .questionstatisticswrapper .statisticstablewrapper table thead td {
    font-weight: bold;
    }

/* instruction */

#contentwrapper.instruction #content h3 {
    font-size: 15px;
    }

#contentwrapper.instruction #content p {
    font-size: 13px;
    }

#contentwrapper.instruction #content ol {
    list-style: none;
    }

#contentwrapper.instruction #content ul li, #contentwrapper.instruction #content ol li {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    }

/* secrecy */

#contentwrapper.secrecy #content h3 {
    font-size: 15px;
    }

#contentwrapper.secrecy #content p {
    font-size: 13px;
    }

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

FOOTER

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

#footer {
    background: transparent;
    color: #111111;
    width: 960px;
    text-align: center;
    margin: 0px;
    padding: 20px;
    }

#footer p {
    background: transparent;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    }