/*Questionform*/
input.question {
    width: 430px;
    font-family: Verdana;
    font-size: 11px;
}

textarea.question {
    width: 430px;
    font-family: Verdana;
    font-size: 11px;
}

.questionDiv {
    clear: both;
    margin-top: 10px;
    color: #454545;
    width: 698px;
}

.formLeft {
    width: 300px;
    border-right: 0px solid #cccccc;
}

.formRight {
    width: 440px;
    border-right: 0px solid #cccccc;
    margin-left: 4px;
}

.formLeftRight {
    width: 730px;
}

.formInput {
    font-size: 1.0em;
    width: 190px;
}

.submitButton {
    clear: both;
}

.formText {
    font-size: 1.0em;
    margin-bottom: 10px;
}

.ddl200 {
    width: 225px;
}

.questionComment {
    color: #454545; /*font-weight:bold;*/
}

.RadioButton input {
    width: 90%;
}
/* matrixtable */
.text_wrapper {
    width: 90%;
    position: relative;
}

    .text_wrapper .text_wrapper {
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        position: absolute;
        top: 0px;
        text-overflow: ellipsis;
    }

table.matrixtable {
    border: 0px solid #CBCBCD;
    padding: 0px;
    margin: 0px 0px 8px 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    width: 745px;
    clear: both;
}



    table.matrixtable td {
        border-bottom: 1px solid #CBCBCD;
        border-right: 1px solid #CBCBCD;
        vertical-align: middle;
    }

td.matrixquestion {
    padding: 6px 5px 3px 0px;
    width: 300px;
}

td.matrixalt {
    padding: 6px 5px 3px 6px;
}

/* tables */



table.prettytable {
    border: 1px solid #CBCBCD;
    padding: 0px;
    margin: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    width: 100%;
}

    table.prettytable a {
        color: #000000;
    }

        table.prettytable a:hover {
            text-decoration: none;
        }

tr.header {
    background: #fff url('table_header.gif') repeat-x;
    text-align: left;
    height: 18px;
    padding: 0px 7px 0px 5px;
    border-bottom: 1px solid #CBCBCD;
    border-right: 1px solid #E6E6EB;
    border-left: 1px solid #FAFAFF;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
}

    tr.header a {
        white-space: nowrap;
    }

tr.footer {
    background: #fff url('table_footer.gif') repeat-x;
    font-family: Skia, Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    height: 18px;
    padding: 0px 7px 0px 5px;
}

table.prettytable td {
    padding: 4px 5px 2px 6px;
    border-bottom: 1px solid #F1F1F5;
    border-right: 1px solid #F1F1F5;
    vertical-align: top;
}

    table.prettytable td.HeaderInput {
        padding: 0px 5px 0px 6px;
    }

tr.selected {
    color: white;
    background-color: #F7941C;
}

tr.isactive {
    background-color: #ccfeab;
}

tr.ispassive {
    background-color: #ffacac; /*FFE433*/
}

tr.rejected {
    background-color: #ffacac;
}

tr.row1 {
    background-color: #FBFBFC;
}

tr.row2 {
    background-color: #FFFFFF;
}

    tr.row2:hover, tr.row1:hover {
        background-color: #F1F1F1;
    }

tr.header a {
    color: #000000;
    text-decoration: underline;
    font-family: Skia, Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
}

    tr.header a:hover {
        color: #000000;
        text-decoration: none;
    }

table.tblNoStyle {
    border: 0px solid #ffffff;
    padding: 0px;
    margin: 0px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

    table.tblNoStyle td {
        padding: 0px 0px 0px 0px;
        border-bottom: 0px solid #F1F1F5;
        border-right: 0px solid #F1F1F5;
        vertical-align: middle;
    }

.verticaltext {
    /*filter: flipv flipl;*/
    writing-mode: tb-rl;
    color: #999;
    text-align: center;
    font-weight: bold;
}

.selectionheader {
    color: #999;
    text-align: center;
}
/* forms */

table.prettyform {
}

    table.prettyform td.title {
        width: auto;
        text-align: left;
        padding: 0 15px 0 0;
        font-weight: normal;
        vertical-align: middle;
        color: #606060;
        font-size: 11px;
    }
/*table.prettyform td.input {
	width: auto;
}*/

input.textfield {
    width: 200px;
    font-family: Verdana;
    font-size: 11px;
}

select.textfield {
    font-family: Verdana;
    font-size: 11px;
}

textarea.textfield {
    width: 200px;
    font-family: Verdana;
    font-size: 11px;
}

input.checkbox {
    margin-left: 0;
}

input.prettybutton {
    height: 24px;
    border: 1px solid #CECBCE;
    margin-top: 5px;
    font-weight: bold;
    color: #454545;
    background-image: url(/style/default/bfade.jpg);
    font-family: Verdana;
    font-size: 11px;
    text-decoration: underline;
}

input.buttonnew {
    background-image: url(/images/button-add.gif);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 5px;
    width: 100px;
}

input.buttonpreview {
    background-image: url(/images/button-preview.gif);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 5px;
    width: 150px;
}

input.buttonresult {
    background-image: url(/images/button-result.gif);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 5px;
    width: 110px;
}

input.buttonexport {
    background-image: url(/images/excel.gif);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 5px;
    width: 150px;
}


input.buttonmarkstart {
    background-image: url(/style/default/button_ok.png);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 15px;
    width: 255px;
}

input.buttonmarkremove {
    background-image: url(/style/default/button_remove.png);
    background-position: 0 -2px;
    padding-left: 25px;
    padding-right: 15px;
    width: 255px;
}

input.buttondisabled {
    background-image: url(/images/loading.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    color: #999;
    display: none;
}


/* fieldset */

fieldset {
    background-color: #EDEEF0;
    border: 1px solid #D3D4D6;
    padding: 0px 7px 9px 7px;
    margin: 3px;
    position: relative;
    display: block;
    margin-bottom: 2em;
}

    fieldset legend {
        font-family: Lucida Grande, verdana, arial, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #5C5F64;
        position: relative;
        top: -1em;
    }

* legend {
    margin-bottom: 0.0em;
}



/* tabs */

div.tabs {
    background: url('tab_bg.gif') repeat-x;
    padding: 0;
    margin: 0;
    min-height: 26px;
}


ul.tab {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}

    ul.tab li {
        float: left;
        height: 24px;
        font-family: verdana, arial, sans-serif;
        font-size: 12px;
        border-top: 2px solid white;
        background-position: bottom left;
    }


li.tab_devider {
    background: url('tab_devider.gif') no-repeat;
    width: 10px;
    margin: 0 -2px 0 -2px;
    position: relative;
    z-index: 1;
}

li.tab_start {
    background: url('tab_start.gif') no-repeat;
    width: 3px;
    position: relative;
    z-index: 1;
    margin: 0 -2px 0 0;
}

li.tab_end {
    background: url('tab_end.gif') no-repeat;
    width: 3px;
    position: relative;
    z-index: 1;
    margin: 0 0 0 -2px;
}

li.tab_active {
    background: url('tab_active.gif') repeat-x;
}

li.tab_inactive {
    background: url('tab_inactive.gif') repeat-x;
}

    li.tab_inactive:hover {
        border-top: 2px solid #FF7200;
        background: url('tab_inactive.gif') repeat-x;
    }

ul.tab li p {
    padding: 0;
    margin: 5px 20px 0px 20px;
}

ul.tab li a {
    display: block;
    text-decoration: none;
    color: #454545;
}

div.tab_lower {
    height: 8px;
    border-right: 1px solid #9B9EA2;
    border-left: 1px solid #9B9EA2;
    background: #E4E6E9 url('tab_lower_gradient.gif') repeat-x;
    clear: both;
}

/* tabs small */

div.tabssmall {
    background: url('tabsmall_bg.gif') repeat-x;
    padding: 0;
    margin: 0;
    height: 22px;
}

ul.tabsmall {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}

    ul.tabsmall li {
        float: left;
        height: 20px;
        font-family: verdana, arial, sans-serif;
        font-size: 10px;
        border-top: 2px solid #edeef0;
        background-position: bottom left;
    }


li.tabsmall_devider {
    background: url('tabsmall_devider.gif') no-repeat;
    width: 10px;
    margin: 0 -2px 0 -2px;
    position: relative;
    z-index: 1;
}

li.tabsmall_start {
    background: url('tabsmall_start.gif') no-repeat;
    width: 3px;
    position: relative;
    z-index: 1;
    margin: 0 -2px 0 0;
}

li.tabsmall_end {
    background: url('tabsmall_end.gif') no-repeat;
    width: 3px;
    position: relative;
    z-index: 1;
    margin: 0 0 0 -2px;
}

li.tabsmall_active {
    background: url('tabsmall_active.gif') repeat-x;
}

li.tabsmall_inactive {
    background: url('tabsmall_inactive.gif') repeat-x;
}

    li.tabsmall_inactive:hover {
        border-top: 2px solid #FF7200;
        background: url('tabsmall_inactive.gif') repeat-x;
    }

ul.tabsmall li p {
    padding: 0;
    margin: 4px 10px 0px 10px;
}

ul.tabsmall li a {
    display: block;
    text-decoration: none;
    color: #454545;
}

div.tabsmall_lower {
    height: 6px;
    border-right: 1px solid #9B9EA2;
    border-left: 1px solid #9B9EA2;
    background: #E4E6E9 url('tab_lower_gradient.gif') repeat-x;
    clear: both;
}

/* navigation */

.sitenav {
    width: 200px;
    margin: 0;
    padding: 0;
    position: inherit;
    display: block;
    float: none;
}

ul.nav {
    table-layout: fixed;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 199px;
    line-height: 1em;
}

    ul.nav li {
        width: 199px;
        margin: 0;
        padding: 0;
        border: 0;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #D3D4D6;
        font-family: verdana, lucida grande, arial, sans-serif;
        font-size: 12px;
        background-color: #F1F2F4;
    }

        ul.nav li:hover {
            background-color: #EDEEF0;
        }

        ul.nav li.active {
            background-color: #ffffff;
            border-top: 0;
            border-right: 3px solid #F7941C;
            width: 197px;
            font-style: italic;
        }

        ul.nav li.devider {
            background-color: #EDEEF0;
            height: 15px;
        }


        ul.nav li a {
            display: block;
            width: 179px;
            padding: 6px 0 8px 20px;
            margin: 0;
            color: #5C5F64;
            text-decoration: none;
        }

        ul.nav li.active a {
            display: block;
            width: 177px;
            margin: 0;
            color: #5C5F64;
            text-decoration: none;
        }

        ul.nav li a:hover {
            color: #3C3F44;
            margin: 0;
        }


/* main content */



div.main {
    display: block;
    background: #ffffff url(shadow.gif) repeat-x;
    padding: 10px 10px 0 10px;
}

div.heading {
    font-family: Verdana;
    font-size: 14pt;
    color: #838A8D;
    height: 38px;
}

div.container {
    color: #232323;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    height: 1em;
    background-color: #F1F2F4;
    border: 1px solid #9B9EA2;
    padding: 15px 3px 3px 3px;
    height: 100%;
}

/* header & footer */

div.header {
    border-bottom: 1px solid #D3D4D6;
    background: url(nav_top_gradient.gif);
    height: 70px;
    padding: 30px 15px 5px 15px;
    background-color: #fff;
}

div.footer {
    color: #bbb;
    height: 60px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    margin-top: 30px;
    text-align: center;
}

    div.footer img {
        border: 0;
    }

/* date picker*/
img.insertDate {
    height: 20px;
    width: 21px;
    cursor: hand;
}

.dpDiv {
}

.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #454545;
    background-color: #FFFFFF;
    border: 1px solid #9B9EA2;
}

.dpTR {
}

.dpTitleTR {
    background: #fff url('calendar_header.gif') repeat-x;
    height: 25px;
}

.dpDayTR {
    background: #E4E6E9 url('calendar_dayrow.gif') repeat-x;
    color: #454542;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    font-size: 10px;
}

.dpTodayButtonTR {
    background: #fff url('calendar_footer.gif') repeat-x;
}

.dpTD {
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

.dpDayHighlightTD {
    background-color: #F7941C;
    border: 0px solid #AAAAAA;
    vertical-align: middle;
    text-align: center;
}

.dpTitleTD {
    vertical-align: middle;
}

.dpButtonTD {
}

.dpTodayButtonTD {
}

.dpDayTD {
}

.dpTitleText {
    font-size: 12px;
    color: #454545;
    font-weight: bold;
}

.dpDayHighlight {
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

.dpButton {
    height: 21px;
    border: 1px solid #CECBCE;
    font-weight: bold;
    color: #454545;
    background-image: url(/style/default/bfade.jpg);
    font-family: Verdana;
    font-size: 11px;
    margin: 2px 1px 2px 1px;
}

.dpTodayButton {
    height: 21px;
    border: 1px solid #CECBCE;
    font-weight: bold;
    margin: 4px 2px 2px 2px;
    color: #454545;
    background-image: url(/style/default/bfade.jpg);
    font-family: Verdana;
    font-size: 11px;
    text-decoration: underline;
}
/*result*/
a.resultLink {
    color: #000000;
    text-decoration: underline;
}

    a.resultLink:hover {
        color: #000000;
        text-decoration: none;
    }
/* misc */
a {
    color: #232323;
}

h1 {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

    h1.gray {
        color: #bbb;
    }

div.clear-all {
    clear: both;
}

body {
    margin: 0;
    background: #fff url(nav_border.gif) repeat-y;
    color: #232323;
}

td {
    vertical-align: top;
    color: #232323;
}

    td.middle {
        vertical-align: middle;
    }


hr {
    border: 0;
    margin: 7px 1px 7px 1px;
    border-top: 1px solid #CBCBCD;
    border-bottom: 1px solid #FFFFFF;
}

#pageing {
    font-weight: bold;
    font-size: 14px;
}

.checkBoxList {
    border: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

    .checkBoxList tr td {
        border: 0px;
        padding: 0;
    }
/*Messages*/
.messageOK {
    border: 3px solid #0f8200;
    background: #ccfeab;
    padding: 3px 5px 3px 5px;
    margin: 10px 5px 0px 5px;
}

.messageError {
    border: 3px solid #ff5353;
    background: #ffc5c5;
    padding: 3px 5px 3px 5px;
    margin: 10px 5px 0px 5px;
}

.messageNeutrual {
    border: 3px solid #000;
    background: #e2e2e2;
    padding: 3px 5px 3px 5px;
    margin: 10px 5px 0px 5px;
}
/*comments*/
.questionComment h1 {
    font-size: 26px !important;
    font-weight: bold !important;
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

.questionComment h2 {
    font-size: 22px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

.questionComment h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

.questionComment h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

.questionComment h5 {
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-family: Verdana;
}
/*Export*/
#chartbarstatistics {
    position: absolute;
    right: 7px;
    top: 10px;
    z-index: 1;
}

#chartbar {
    position: absolute;
    right: 7px;
    top: 115px;
    z-index: 1;
}

    #chartbar fieldset, #chartbarstatistics fieldset {
        float: right;
        margin-bottom: 0px;
    }

    #chartbar a.exporticon, #chartbarstatistics a.exporticon {
        display: inline-block; /*height:35px;     width:38px;*/
        height: 20px;
        width: 23px;
        background-image: url(exporticons2.png);
    }

    #chartbar .print, #chartbarstatistics .print {
        background-position: 0 0;
    }

    #chartbar .powerpoint, #chartbarstatistics .powerpoint {
        /*background-position: 152px 0;*/
        background-position: 88px 0;
    }

    #chartbar .excel, #chartbarstatistics .excel {
        /*background-position: 114px 0;*/
        background-position: 66px 0;
    }

    #chartbar .word, #chartbarstatistics .word {
        /*background-position: 76px 0;*/
        background-position: 44px 0;
    }

    #chartbar .pdf, #chartbarstatistics .pdf {
        /*background-position: 38px 0;*/
        background-position: 23px 0;
    }

    #chartbar .iconselected, #chartbarstatistics .iconselected {
        border-bottom: 1px solid black;
        padding-bottom: 0px;
    }

    #chartbar a.charticoncolor {
        display: inline-block;
        height: 20px;
        width: 23px;
        background-image: url(chosecolor.png);
        padding-bottom: 1px;
    }

    #chartbar .blue {
        background-position: 0 0;
    }

    #chartbar .color {
        background-position: 23px 0;
    }

    #chartbar a.charticonbar {
        display: inline-block;
        height: 20px;
        width: 23px;
        background-image: url(stapel1.png);
        padding-bottom: 1px;
    }

    #chartbar .bar {
        background-position: 0 0;
    }

    #chartbar .circle {
        background-position: 23px 0;
    }

    #chartbar a.charticonselection {
        display: inline-block;
        height: 20px;
        width: 23px;
        background-image: url(selection1.png);
        padding-bottom: 1px;
    }

    #chartbar .selectionbar {
        background-position: 0 0;
    }

    #chartbar .stacked {
        background-position: 23px 0;
    }

    #chartbar a.charticonscompare {
        display: inline-block;
        height: 20px;
        width: 23px;
        background-image: url(compare1.png);
        padding-bottom: 1px;
    }

    #chartbar .comparebar1 {
        background-position: 0 0;
    }

    #chartbar .comparebar2 {
        background-position: 23px 0;
    }

    #chartbar a.exporticonfriends {
        display: inline-block;
        height: 20px;
        width: 27px;
        background-image: url(exporticonfriends.png);
    }

    #chartbar .ppfriends {
        background-position: 0 0;
    }

    #chartbar .ppfriendsinactive {
        background-position: 27px 0;
    }

.onequestion {
    background: #fff;
    padding: 10px 10px 10px 10px;
    color: #898989;
}

    .onequestion a {
        color: #898989;
    }

.welcomemessageunder {
    background: #111;
    z-index: 5;
}

.welcomemessage {
    z-index: 10;
    font-family: Arial;
    font-size: 12px;
    position: absolute;
    border: 3px solid black;
    background: #ccc;
    width: 700px;
    height: 200px;
    padding: 10px 10px 10px 10px;
    top: 145px;
    left: 225px;
}

.welcomeClose {
    position: relative;
    float: right;
}

#tdmenubutton {
    display: none;
}

.divsubmit {
    margin-top: 10px;
}

.SAMLLoginLink {
    display: block;
    border: 1px solid #aaa;
    padding: 5px;
    margin-bottom: 20px;
    background: #ddd;
}

#tblFilter td {
    padding-right: 10px;
}

#pnlDonePass
{

}

/*print*/
@media print {
    .sitenav {
        display: none;
    }

    .saveMenu {
        display: none;
    }

    .container {
        border: 0;
    }

    .chartbar {
        display: none;
    }
}



/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}



/* Smartphones (portrait and landscape) ----------- */
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {
    body {
        width: 800px;
        background: none;
    }

    document {
        width: 800px;
    }

    #tdnav {
    }

    .sitenav {
        background: #fff url(nav_border.gif) repeat-y;
        display: none;
        position: absolute;
        top: 106px;
        left: 0px;
        z-index: 100;
    }

    #tdmenubutton {
        display: block;
    }

    #divmenu {
        background: #888;
        width: 50px;
        padding: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

/* Reset styles */
@media only screen and (min-width : 1024px) and (max-width : 1024px) {
    body {
        width: 1024px;
        background: none;
    }

    document {
        width: 1024px;
    }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    body {
        width: 800px;
        background: none;
    }

    document {
        width: 800px;
    }

    #tdnav {
    }

    .sitenav {
        background: #fff url(nav_border.gif) repeat-y;
        display: none;
        position: absolute;
        top: 106px;
        left: 0px;
        z-index: 100;
    }

    #tdmenubutton {
        display: block;
    }

    #divmenu {
        background: #888;
        width: 50px;
        padding: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}