/*===============================================
  Theme: RIKSÄT
  Copyright© 2012, RIKSÄT
  Developed by: Websearch Professionals Pvt. Ltd.
  Author: Harka Lopchan
=================================================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1.5;
}
html {
    overflow-y: scroll;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
:focus {
    outline: none;
}
h1, h2, h3, h4, p, ul, ol, dl, .editor-wrapper {
    margin-bottom: 15px;
}
/*=============  Common Styles  =============*/

.clear {
    clear: both;
    height: 0;
    width: 100%;
}
.left {
    float: left!important;
}
.right {
    float: right!important;
}
.actions {
    overflow: hidden;
}
.actions input, .actions a {
    float: left;
}
/*=============  RIKSÄT Styles  =============*/

body {
    background: #FFFFFF url(../images/bg-body.png) center top repeat-x;
    font: normal 12px/15px Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 22px;
    line-height: normal;
}
.wrapper {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}
header {
    overflow: hidden;
    padding: 24px 100px 12px 133px;
}
header h1, header h1 a {
    width: 400px;
    height: 47px;
}
header h1 {
    float: left;
    margin: 0;
    background:none;
}
header h1 a {
    background-image: url(../images/logo.png);
    background-position:left top;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
}
header h1 a.english {
    background-image: url(../images/logoeng.png);

}

header h1 a.norwegian {
    background-image: url(../images/logonor.png);

}

#loginNav {
    float: right;
    position: absolute;
    right: 265px;
    top: 10px;
    color: #fff;
    font-size: 11px;
}
#loginNav a {
    margin-left: 10px;
    color: #fff;
    display: block;
    width: 65px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    float: right;
    background: url(../images/bg-top-nav.jpg) left top repeat-x;
    text-decoration: none;
}
#loginNav a:hover {
    background: #016692;
}
#loginNav span {
    float: right;
}
/*==========  Navigation  ==========*/

nav {
    width: 90px;
    float: left;
    padding-top: 47px;
}
nav li {
    margin: 0 0 3px 0!important;
    padding: 0!important;
    overflow: hidden;
    position: relative;
    height: 50px;
    background: none!important;
    border: 0!important
}
nav li a {
    width: 83px;
    height: 48px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: right;
    background: url(../images/icon-tab-menu.png) left top no-repeat;
    margin-right: -30px;
}
nav li.active a {
    margin-right: 0px;
    
}
nav.changeclass li a
{
    background: url(../images/icon-tab-menu-hover.png) left top no-repeat;
    }
nav li.home a {
    background-position: left -2px;
}
nav li.message a {
    background-position: left -49px;
}
nav li.faq a {
    background-position: left -98px;
}
nav li.diagnosis a {
    background-position: left -49px;
}
nav li.patients a {
    background-position: left -98px;
}
nav li.implinks a {
    background-position: left -148px;
}
/*========  Contents  ========*/

.content, .content-side, aside, .loadingimg, .loadingimgpop {
    position: relative;
}
.content {
    float: left;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 8px 0px #4d4d4d;
    box-shadow: 0px 0px 8px 0px #4d4d4d;
    z-index: 4;
}
.content-side {
    padding: 25px 18px 25px 15px;
    width: 192px;
    float: left;
    margin-right: 57px;
    background: #ececed;
    -webkit-border-radius: 15px 0px 0px 15px;
    border-radius: 15px 0px 0 15px;
}
.content-main {
    float: left;
    /*min-height:200px;*/
    
    min-height: 540px;
padding: 16px 0 25px 10px;
}
.content-main h1 {
    font-weight: normal;
    margin-bottom: 8px;
    margin-bottom: 15px;
}
.content-main h2, .content-main h3 {
    /*font-size: 14px;*/
    font-size: 20px;
  /*  margin-bottom: 8px;*/
    margin-bottom: 15px;
}
.content-main h3 
{
    font-weight: bold;
    font-size: 14px;
    
}

nav li.active a {
    margin-right: 0;
}
nav li.active, .message-page li.active, .faq-page li.active, .diagnosis-page li.active, .patients-page li.active .implinks-page li.active {
    z-index: 5;
}
.start-page, .diagnosis-page, .patients-page, .implinks-page {
    width: 725px;
}
.stage-page {
    width: 663px;
}
.start-page .content-main, .diagnosis-page .content-main, .patients-page .content-main, .implinks-page .content-main {
    /*width: 552px;*/
    
    width: 580px;
}
.stage-page .content-main {
    /*width: 483px;*/
    
    width: 525px;
}
.start-page .content-side {
    width: 10px;
    background-color: #F19234;
}
.stage-page .content-side {
    width: 10px;
    background-color: #F19234;
}
.message-page .content-side {
    width: 10px;
    background-color: #32B1E6;
}
.faq-page .content-side {
    width: 10px;
    background-color: #ABB348;
}
.diagnosis-page .content-side {
    width: 10px;
    background-color: #32B1E6;
}
.patients-page .content-side, .trainingside .start-page .content-side, .trainingside .stage-page .content-side {
    width: 10px;
    background-color: #ABB348;
}
.implinks-page .content-side {
    width: 10px;
    background-color: #FED44D;
}
.diagnosis-page .content-main .editor-wrapper, .diagnosis-page .content-main ul li div.details, .patients-page .content-main .editor-wrapper, .patients-page .content-main ul li div.details, .implinks-page .content-main .editor-wrapper, .implinks-page .content-main ul li div.details {
    width: 530px;
}
.stage-page .content-main ul li div.details {
    /*width: 440px;*/
    
    margin-top: 15px;
}
.replybox {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 5px;
}
.marketing-top {
    margin-bottom: 22px;
    width: 530px;
}
#tabs {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    overflow: hidden;
}
#tabs li {
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
}
#tabs li a {
    display: block;
    text-align: center;
    border: 1px solid #7e7e7e;
    line-height: 24px;
    height: 24px;
    min-width: 80px;
    padding: 0 20px;
    color: #fff;
    background: url(../images/bg-btn-gray.png) center top repeat-x;
    text-decoration: none;
}
#tabs li a:hover {
    background-position: center -24px;
    border-color: #454545;
}
#tabs li.active a {
    background-image: url(../images/bg-btn-blue.png);
    border-color: #006f9e;
}
#tabs li.active a:hover {
    background-position: center -24px;
    border-color: #035f86;
}
.question-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #ccc
}
.question-list li {
    border-bottom: 1px solid #ccc;
    padding: 8px 0 8px 30px;
    position: relative
}
.question-list li .icon-small {
    position: absolute;
    left: 9px;
    top: 9px;
}
.question {
    cursor: pointer
}
.answer {
    font-style: italic;
    padding-top: 6px;
    display: none
}
.answer p {
    margin: 0
}
.question-list li .answer li {
    padding: 0;
    margin: 0 0 0 16px;
    border: 0
}
.question-list li .answer ul {
    list-style: disc
}
.general-top {
    margin-bottom: 20px;
}
.issue-ranking-list, .option-list {
    list-style: none;
}
.issue-ranking-list {
    position: relative;
}
.issue-ranking-list li {
    position: relative;
    margin-bottom: 4px;
    padding: 6px 60px 7px 15px;
}
.issue-ranking-list li, .option-list li, .option-type-list li, .estimation-compare-list li {
    border: 1px solid #b1b2b5;
    background: #d3d3d5 url(../images/bg-ranking-list.png) left top repeat-x;
}
.issue-ranking-list li span {
    position: absolute;
    top: 50%;
    margin-top: -11px;
}
.issue-ranking-list li p {
    margin-bottom: 0px;
    padding-left: 24px;
}
.issue-ranking-list li .icon-move-up {
    right: 4px;
}
.issue-ranking-list li .icon-move-down {
    right: 30px;
}
.box {
    padding: 10px 10px 0 10px;
    margin-bottom: 30px;
    line-height: 20px;
}
.box-last {
    margin-bottom: 15px;
}
.green-box {
    border: 1px solid #a7b566;
    background: #c3ce89 url(../images/bg-green-box.png) left top repeat-x;
}
.gray-box {
    border: 1px solid #c4c4c6;
    background: #dcdcde url(../images/bg-gray-box.png) left top repeat-x;
}
.box ul, .box ol {
    margin-bottom: 10px;
}
.box li {
    margin: 0 0 2px 25px;
}
.compare-box ol {
    list-style: none;
}
.compare-box li {
    margin-left: 0;
    padding-left: 8px;
    line-height: 23px;
    min-height: 20px;
    margin-bottom: 4px;
}
/*background: url("../images/bg-option-list-hover.png") repeat-x scroll left top #B2BF69; border-color: #8FA440;*/

ul li.compare-green {
    border: 1px solid #8FA440;
    background: url(../images/arrow-green.png) no-repeat, url("../images/bg-option-list-hover.png") repeat-x scroll left top #B2BF69 !important;
    *background: #B2BF69 url(../images/arrow-green.png) no-repeat !important;
}
/*ul li.compare-green   {border:1px solid #8fa440;background: #D8CF6E url(../images/arrow-green.png) left top no-repeat !important;}*/

ol li.compare-green {
    border: 1px solid #8fa440;
    background: #B4C169 url(../images/bg-compare-green.png) left top repeat-x !important;
}
.compare-gray {
    border: 1px solid #9ca1b9;
    background: #A3A4A8 url(../images/bg-compare-gray.png) left top repeat-x;
}
.compare-orange {
    border: 1px solid #e76b11;
    background: #EF8A62 url(../images/bg-compare-orange.png) left top repeat-x;
}
.option-list, .option-type-list, .estimation-compare-list {
    overflow: hidden;
}
.option-list li, .estimation-compare-list li {
    float: left;
    margin-bottom: 4px;
    min-height: 27px;
    overflow: hidden;
    position: relative;
}
.option-type-list li {
    float: none;
    margin-bottom: 4px;
    min-height: 27px;
    overflow: hidden;
    position: relative;
}
.option-list li label, .option-type-list li label {
    margin-left: 30px;
    display: block;
    padding: 3px 0;
    min-height: 20px;
    line-height: 20px;
    float: left;
}
.customcontrol li.OrderingItem label {
    text-align: left;
}
.CheckboxList li.OrderingItem, .RadioButtonList li.OrderingItem, .YesNoList li.OrderingItem {
    width: 99.5%;
}
.YesNoList li label {
    margin-left: 55px;
}
.RadioButtonList li label {
    width: 445px
}
.option-list li:hover, .option-type-list li.cleared-selected, .option-type-list li.cleared-selected:hover, .option-list li.selected {
    border-color: #8fa440;
    background: #b2bf69 url(../images/bg-option-list-hover.png) left top repeat-x
}
.option-type-list, .estimation-compare-list {
    list-style: none;
}
.option-type-list .cleared {
    width: 20px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -10px;
    /*margin:4px 0 0 5px ;float:left;*/
}
.option-type-list .uncleared {
    width: 20px;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -10px;
    /*margin:4px 5px 0 ;float:left;*/
}
.option-type-list li:hover, .option-type-list li.uncleared-selected {
    border-color: #e76b11;
    background: #ef8a62 url(../images/bg-orange-hover.png) left top repeat-x
}
.option-type-index {
    list-style: none;
}
.option-type-index li {
    margin-bottom: 3px;
}
.option-type-index li span, .compare-box li span {
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    background: url(../images/icon-small-green-orange.png) center top no-repeat;
    margin-right: 5px;
}
.option-type-index li .cleared, .compare-box li.compare-green span {
    background-position: left bottom;
}
.compare-box li span {
    margin: 3px 7px 0 -4px;
}
/*===== Symptoms and Function Slider =====*/

.slider {
    background: url(../images/bg-scale.png) 7px top no-repeat;
    height: 41px;
    margin: 0 0 8px -4px;
    padding: 0 20px 0 4px;
    position: relative;
    width: 465px;
}
.slider-new {
    width: 453px;
    /*width: 460px; margin-left: 2px;*/
}
.slider-pointer {
    width: 24px;
    position: absolute;
    top: -20px;
}
.slider-arrow {
    height: 45px;
    display: block;
    width: 24px;
    /*margin-left: 1px;*/
    
    margin-left: 5px;
}
.slider-arrow:hover {} .orange .slider-arrow {
    background: url(../images/tips-orange.png) right top no-repeat;
}
.green .slider-arrow {
    background: url(../images/tips-green.png) right top no-repeat;
}
a .slider-arrow:hover {
    background-position: right top;
}
.slider-value {
    display: block;
    text-align: center;
    color: #000;
    margin-left: 5px;
}
.tips {
    background: #dcdcb4;
    border: 1px solid #c2c77a;
    padding: 4px 7px;
    margin-bottom: 20px;
    /*width:415px;*/
    
    width: 425px;
}
.tips-gray {
    background: #e3e4e5;
    border: 1px solid #cdcfd0;
    padding: 4px 7px;
    margin-bottom: 15px;
    width: 415px;
}
.tips-arrow {
    display: block;
    /*width:24px;*/
    
    width: 32px;
}
.orange .tips-arrow {
    background: url(../images/arrow-tips-up.png) center bottom no-repeat;
    height: 11px;
    /*margin-top:2px;*/
    
    margin-top: 3px;
}
.slider-compare .orange .tips-arrow {
    margin-top: -1px;
}
.green .tips-arrow {
    background: url(../images/arrow-tips-down.png) center bottom no-repeat;
    height: 11px;
    margin-top: -9px;
}
.slider-compare {
    padding-top: 8px;
    background-position: 7px 8px;
}
.slider-compare .orange {
    top: 3px;
}
.slider-compare .green {
    top: -7px;
    width: 25px;
}
.estimation-list, .questions-list, .responses-list {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.estimation-list li p {
    margin-bottom: 5px;
}
.estimation-list li, .questions-list li, .response-block {
    border: 1px solid #cdcdcd;
    background: #dbdcdd url(../images/bg-estimation.jpg) center top repeat-x;
    margin-bottom: 3px;
    padding: 8px 12px;
    overflow: hidden;
}
.estimation-list ul {
    list-style: none;
    margin: 0;
}
.estimation-list li li {
    float: left;
    margin: 0 8px 0 0;
}
.estimation-list li li, .ResultOrderingImg, .estimation-compare-list li span {
    display: block;
    cursor: pointer;
    padding: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    border: 0;
    background: url(../images/bg-estimation-rank.png) center top no-repeat;
}
.estimation-list li li:hover {
    background-position: left -49px;
}
.estimation-list li li.current {
    background-position: left -24px;
}
.estimation-compare-list li {
    position: relative;
    line-height: 27px;
    padding: 0 10px;
    width: 95%;
}
.estimation-compare-list li span {
    background-position: left -24px;
    position: absolute;
    right: 10px;
    top: 3px;
}
.questions-list li p {
    margin-bottom: 5px;
}
.questions-list li select {
    width: 300px;
}
.questions-list li textarea {
    height: 40px;
    width: 99%;
}
.response-block {
    margin-bottom: 8px;
}
.response-block p, .response-block-2 p {
    margin: 0 0 4px 0;
}
.response-block-2 {
    border: 1px solid #cdcdcd;
    background: #ececed;
    margin-bottom: 6px;
    padding: 8px 12px 5px;
    overflow: hidden;
}
.details-list li.OrderingItem {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    clear: both;
}
.details-list li .details-title {
    margin-bottom: 10px;
}
.details-list li .details {
    display: none;
}
.details-list li img.right {
    margin: 0 0 5px 10px;
}
.details-list li img.left {
    margin: 0 10px 5px 0;
}
.details-2 li {
    margin-bottom: 0;
    padding: 10px 0 0;
    position: relative;
}
.details-2 li .details-title {
    padding-left: 90px!important;
}
.details-2 li .details {
    padding-top: 10px;
}
.details-2 li .info {
    position: absolute;
    left: 10px;
    top: 13px;
}
/*==========  Pagination  ==========*/

.paginationTop {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding-top: 0px !important;
}
.paginationTopL1 {
    width: 79.99% !important;
}
.paginationTopL2 {
    width: 15% !important;
    margin-top: -1px;
}
.paginationTopL3 {
    width: 5% !important;
}
.paginationTopL1 h2 {
    letter-spacing: 0 !important;
    /*padding-left: 25px;*/
    
    padding-left: 10px;
    text-align: left;
    text-transform: none;
    margin-top: -1px;
    float: left;
    font-size: 14px;
    font-weight:bold;
}
.btnPrev {
    background: url(../images/arrow-left.png) 0.1em top no-repeat !important;
    padding: 0 8px !important;
    width: 5px !important;
}
.btnNext {
    background: url(../images/arrow-right.png) 0.1em top no-repeat !important;
    padding: 0 8px !important;
    width: 5px !important;
}
.btnPrev:hover {
    background-position: right top !important;
}
.btnNext:hover {
    background-position: right top !important;
}
.pagination {
    clear: left;
    padding-top: 20px;
    width: 100%;
}
.pagination ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
/*.pagination ul li {
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 8px;
    height: 27px;
    line-height: 25px;
    letter-spacing: 1px;
    width: 33.33%;
}
.pagination ul li a {
    height: 26px;
    line-height: 25px;
    width: 100px;
    background: url(../images/bg-btn-paging.png) left top no-repeat;
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    text-decoration: none;
}
.pagination ul .next a {
    float: right;
    padding: 0 18px 0 10px;
}
.pagination ul .prev a {
    float: left;
    padding: 0 10px 0 18px;
}
.pagination ul li .btn-gray-left {
    background-position: 0 -31px;
}
.pagination ul li .btn-gray-left:hover {
    background-position: 0 0
}
.pagination ul li .btn-green-right {
    background-position: -277px -31px;
}
.pagination ul li .btn-green-right:hover {
    background-position: -277px 0
}
.pagination ul li .btn-blue-right {
    background-position: -139px -31px;
}
.pagination ul li .btn-blue-right:hover {
    background-position: -139px 0
}

.pagination ul li.cancel{
    text-align: center;
}

.pagination ul li.cancel a.btn-gray-left-cancel{
    float: none;
    display: inline-block;
    background: #A7A8AA;
    
    background: -moz-linear-gradient(top, #A7A8AA 0%, #6b6b6d 100%);
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A7A8AA), color-stop(100%, #6b6b6d));
    
    background: -webkit-linear-gradient(top, #A7A8AA 0%, #6b6b6d 100%);
    
    background: -o-linear-gradient(top, #A7A8AA 0%, #6b6b6d 100%);
    
    background: -ms-linear-gradient(top, #A7A8AA 0%, #6b6b6d 100%);
    
    background: linear-gradient(to bottom, #A7A8AA 0%, #6b6b6d 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a7a7a7', endColorstr='#6b6b6d', GradientType=0);
    border:1px solid #6b6b6d
}

.pagination ul li.cancel a.btn-gray-left-cancel:hover{
    background:#6b6b6d;
} */
/*==================  Radio and Checkbox  ==================*/

.radio, .checkbox {
    padding: 0;
    display: block;
    /*clear:left;float:left;*/
    
    ;
    position: absolute;
    left: 5px;
    top: 50%
}
.radio {
    width: 20px;
    height: 20px;
    background: url(../images/bg-option-radio-btn.png) left top no-repeat;
    margin-top: -10px
}
.checkbox {
    width: 18px;
    height: 18px;
    background: url(../images/bg-checkbox.png) left top no-repeat;
    /*margin-top: -9px;*/
    
    margin-top: -11px;
}
.option-type-list .cleared .radio {
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    background-image: url(../images/radio-cleared.png);
}
.option-type-list .uncleared .radio {
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    background-image: url(../images/radio-uncleared.png);
}
.option-type-list .cleared .radio:hover {
    background-position: 0 -120px !important;
}
.option-type-list .uncleared .radio:hover {
    background-position: 0 -120px !important;
}
/*=================  Content Left side  =================*/

.content-side h2 {
    font-size: 14px;
    margin-bottom: 10px;
}
.left-issue-list {
    float: left;
    /*width:100%;*/
    
    width: 210px;
    position: relative;
    border-top: 1px solid #ccc;
    list-style: none;
    margin-bottom: 8px;
}
.left-issue-list li {
    cursor: default;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 5px 5px 5px 50px;
    line-height: 19px;
    min-height: 20px;
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 150px;
}
.left-issue-list li.current, .left-issue-list li.current:hover, .left-issue-list li:hover {
    background: url(../images/bg-left-list.png) left top no-repeat;
    border-bottom: 0;
    margin-top: -1px;
    /* margin-top:0\9; height:19px\9; line-height:18px\9;*/
    
    margin-right: -30px;
    padding: 6px 2px 6px 50px;
}
.left-issue-list li:hover {
    background-position: left -35px;
}
.left-issue-list li.current {
    color: #fff;
}
.left-issue-list li span {
    position: absolute;
    top: 5px;
    left: 23px;
    width: 17px;
    display: block;
    text-align: right;
}
.left-issue-list li .icon-small {
    left: 14px;
    top: 8px;
}
.left-issue-list li.current span, .left-issue-list li:hover span {
    top: 6px;
}
.left-issue-list li.current .icon-small, .left-issue-list li:hover .icon-small {
    top: 9px;
    /* top:8px\9*/
}
.content-side .index {
    width: 100%;
    clear: left;
}
.content-side .index ul {
    margin-left: 9px;
}
.content-side .index li {
    float: none;
    margin-bottom: 4px;
}
/*=====  Table  =====*/

.table {
    width: 100%;
    margin-bottom: 15px;
}
.row-header, .row {
    overflow: hidden;
    position: relative;
}
.td {
    display: block;
    float: left;
    line-height: 27px;
    line-height: 28px\9;
    border-bottom: 1px solid #ccc;
    width : 100%
}
.row:hover, .row.current {
    background: url(../images/bg-table-row.png) left top no-repeat;
    padding: 1px 15px 0 10px;
    margin: -1px -15px 0 -10px;
    padding-top: 0\9;
    margin-top: 0\9
}
.row.current:hover {
    background-position: left top;
}
.row:hover {
    background-position: left bottom;
}

#Landing .row.current:hover {
    background-position: right top;
}
#Landing .row:hover {
    background-position: right bottom;
}
.row:hover .td, .row.current .td {
    border: 0;
    padding-bottom: 1px;
}
.row.current .td {
    color: #fff
}
.row-header:hover .td {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
}
.row-header {
    background: none!important;
}
.row-header .td {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}
.msg-delete, .msg-reply {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    display: none;
    overflow: hidden;
    text-indent: -9999px;
}
.msg-delete {
    background: url(../images/message-delete.png) left top no-repeat;
    right: -4px;
}
.msg-reply {
    background: url(../images/mail-reply.png) left top no-repeat;
    right: 16px;
}
.row:hover .td .msg-reply, .row:hover .td .msg-delete {
    display: block;
}
.start-table, .message-table {
    width: 575px;
}

#Landing .start-table {
    width: 530px;
    float: left;
    }
.start-table .first {
    width: 220px;
    padding-left: 20px;
    position: relative;
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.start-table .second {
    width: 60px;
    text-align: center;
}
.start-table .third {
    width: 175px;
    padding-left: 20px;
}
.start-table .last {
    width: 70px;
}

#Landing .start-table .first{
    width:195px;
}


#Landing .start-table .third{
    padding-left: 10px;
}

.message-table .receiver-col {
    width: 150px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.message-table .message-col {
    width: 250px;
    padding-right: 20px;
}
.message-table .submitted-col {
    width: 110px;
}
/*=====  Icons  =====*/

.icon-small {
    background: url(../images/icon-small.png) left top no-repeat;
    display: block;
    width: 12px;
    height: 12px;
}
.done {
    background-position: 0 0
}
.not-done, .unread {
    background-position: 0 -91px
}
.read {
    background-position: 0 -60px
}
.small-plus {
    background-position: -42px -91px
}
.small-minus {
    background-position: -21px -91px
}
.content-sidebar .icon-plus, .content-sidebar .icon-minus, .details-list li .icon-plus, .details-list li .icon-minus {
    background: url(../images/icon-minus-plus.png) left top no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}
.content-sidebar .icon-minus, .details-list li .icon-minus {
    background-position: left bottom;
    margin-top: 1px;
}
.start-table .icon-small, .message-table .icon-small {
    position: absolute;
    left: 0;
    top: 7px;
}
.start-table .current .not-done, .start-table .row:hover .not-done, .message-table .row:hover .read, .left-issue-list li.current .not-done, .left-issue-list li:hover .not-done {
    background-position: 0 -30px;
}
.icon-move-up, .icon-move-down {
    width: 21px;
    height: 22px;
    display: block;
    background: url(../images/icon-move.png) left top no-repeat;
}
.icon-move-up {
    background-position: -75px 0;
}
.icon-move-down {
    background-position: -50px 0;
}
.icon-move-up:hover {
    background-position: -25px 0;
}
.icon-move-down:hover {
    background-position: 0 0;
}
.index {
    clear: both;
}
.index ul {
    list-style: none;
    margin: 0;
    padding: 3px 0 0 0
}
.index ul li {
    float: left;
    margin-right: 13px;
}
.index ul li span {
    float: left;
    margin: 1px 4px 0 14px;
}

#Landing .index{
    float: left;
    width: 100%;
}
/*=======  Sidebar  =======*/

aside {
    padding: 21px 15px 25px 29px;
    width: 195px;
    float: left;
    background: #ECECED;
    margin-left: -218px;
    min-height: 500px;
    z-index: 3;
    -webkit-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    box-shadow: inset 0px 0px 8px 0px #939292;
    -webkit-box-shadow: inset 0px 0px 8px 0px #939292;
}
aside #ul-StagePageList {
    overflow: auto;
    overflow-x: hidden;
}
.link-info {
    display: block;
    height: 46px;
    /*width:46px;*/
    
    width: 60px;
    top: 46px;
    right: -46px;
    position: absolute;
    background: url(../images/icon-tab-info.png) right top no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
.link-info:hover {
    width: 60px;
}
.content-sidebar {
    /*overflow:hidden;*/
    
    padding-bottom: 10px;
}
.content-sidebar h2 {
    padding-left: 13px;
}
.content-sidebar h3, .content-sidebar h1 {
    font-size: 14px;
    margin-bottom: 8px;
}
.content-sidebar .user-name {
    margin-bottom: 5px;
}
.content-sidebar .user-name, .details-list li .details-title {
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #abb6cc;
    background: #9eb8d1 url(../images/bg-user-name.png) left top repeat-x;
    padding: 4px 5px;
}
.content-sidebar .user-name:hover, .details-list li .details-title:hover {
    border-color: #9aa3b7;
    background-image: url(../images/bg-user-name-hover.png);
    background-color: #8ea5bc;
}
.content-sidebar .user-name span, .details-list li .details-title span {
    float: right;
}
aside .details {
    font-size: 10px;
    line-height: 13px;
    display: none;
}
aside .details img {
    margin-bottom: 6px
}
.details img.right {
    margin: 2px 0 3px 6px
}
.details img.left {
    margin: 2px 6px 3px 0px
}
aside .details span {
    overflow: hidden
}
aside .details span img {
    float: left;
    margin-bottom: 0
}
.user-list, .details-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.user-list li {
    margin: 0 0 5px 0;
    padding: 0;
}
.issue-ranking-list .OrderingItem .move {
    background: url("../images/drag_handle.gif") no-repeat 50% 50%;
    cursor: move;
    height: 20px;
    width: 20px;
    position: absolute;
    right: -20px;
    top: 6px;
    display: none;
}
.issue-ranking-list .OrderingItem:hover .move {
    display: block;
}
.details ol {
    list-style: number;
}
.details ol li {
    margin: 0 0 0 19px !important;
}
aside .details-list li .details ul {
    list-style: disc;
}
aside .details-list li .details ul li {
    margin: 0 0 0 17px;
}
/************ Loader*************************/

.modalPopUpBackground {
    /*background-color: #000000;*/
    
    height: 100%;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=50);
    top: 0;
    width: 100%;
    z-index: 5;
}
.loadingCursor {
    background-image: url("../images/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 99999 !important;
}
/******** End *********************/

* .msg-box {
    cursor: pointer;
    text-decoration: underline;
}
.msg-box:hover {
    text-decoration: none;
}
.msg-back {
    text-decoration: none;
    color: #01658f;
    margin-bottom: 10px;
    display: block;
    width: 50px;
    padding-left: 20px;
    background: url(../images/back.png) left top no-repeat;
}
.msg-label {
    display: block;
    float: left;
    width: 80px;
    clear: left;
}
#mdSentBody, #mdRecBody {
    padding-left: 80px;
    clear: left;
    padding-top: 10px;
}
.mail-box {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mail-box .mail-head {
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px dotted #ccc;
}
.mail-box label {
    display: block;
    width: 80px;
    padding-bottom: 5px;
    float: left;
}
.subject-box {
    border: 1px solid #ccc;
    width: 300px;
}
.btn-msg-send {
    border: 1px solid #1e507f;
    color: #fff;
    height: 22px;
    width: 113px;
    line-height: 22px;
    background: url(../images/bg-btn-login.jpg) left top repeat-x;
    text-align: center;
    float: left;
    margin-right: 10px;
    text-decoration: none;
}
.ui-sortable li div {
    cursor: move;
}
.ui-sortable li div span {
    cursor: pointer;
}
.ui-sortable-placeholder {
    border: 1px dashed #333!important;
    background: none!important;
    height: 27px;
    margin-top: 10px;
    line-height: 40px;
    text-align: center;
    visibility: visible!important;
}
.ui-sortable .drag-handle-item .linkDelete {
    display: none;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.1em!important;
}
.media {
    margin-bottom: 8px;
}
tr.sortitems {
    cursor: move;
}
/*====== validation helpers ======*/

.field-validation-error {
    color: #ff0000;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid {
    display: none;
}
.option-error {
    border: 1px solid #f00!important;
}
.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*.editor-wrapper br{
    margin-top: 5px;
}*/
.editor-wrapper li {
    margin-left: 20px;
    margin-bottom: 3px;
}
.editor-wrapper ul {
    margin-top: 5px;
}
.divCertificate {
    clear: both;
    padding-top: 40px;
    *padding-top: 20px;
}
.fleft {
    float: left;
    width: 100%;
}


#Landing a.commonbtn{
    background:none;
    color:#1e8f61
}

a.commonbtn,a.commonbtn:hover,#Landing a.commonbtn:hover,a.commonbtn:active,#Landing a.commonbtn:active {
    padding: 5px 10px 7px;
    background: #1e8f61;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e8f61), color-stop(100%, #007055));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #1e8f61 0%, #007055 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e8f61', endColorstr='#007055', GradientType=0);
    /* IE6-9 */
    
    border: 1px solid #046F51;
    color: #FFF;
    text-decoration: none;
    *line-height: 30px;
    min-width: 130px;
    text-align: center;
    display: inline-block;
}

#diagnosticPage.diagDisable a,#diagnosticPage.diagDisable a.commonbtn,#diagnosticPage.diagDisable a.commonbtn:hover
{
    background: #d8d8d2;
    background: -moz-linear-gradient(top, #d8d8d2 0%, #c6c6c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d2), color-stop(100%,#c6c6c6));
    background: -webkit-linear-gradient(top, #d8d8d2 0%,#c6c6c6 100%);
    background: -o-linear-gradient(top, #d8d8d2 0%,#c6c6c6 100%);
    background: -ms-linear-gradient(top, #d8d8d2 0%,#c6c6c6 100%);
    background: linear-gradient(to bottom, #d8d8d2 0%,#c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d2', endColorstr='#c6c6c6',GradientType=0 );
    border-color: #c6c6c6;
    cursor: default;
    color:#aaa
    }

nav li.userreport a {
    background-image: url('../images/userreport.png')
}
.btn-pdf {
    height: 17px;
    width: 162px;
    padding: 14px 8px 12px 38px;
    font-size: 12px;
    color: #fff;
    line-height: 17px;
    font-family: Arial;
    float: left;
    display: block;
    background: url(../images/btn-pdf.png) left top no-repeat;
    text-decoration: none;
    /*margin-bottom: 10px;*/
    
    margin-top: -12px;
}
.btn-pdf:hover {
    background-position: left -43px;
}
.btn-pdf.disable {
    background-position: left bottom!important;
    cursor: default;
}
.srDisplayNone {
    display: none;
}
.srDisplay {
    display: block;
}
.srDisplaySideBar {
    margin-left: -25px;
}
.ResultbgGreen {
    background: url(../images/result-page-top.png) left top no-repeat;
    color: White;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 10px;
    padding: 7px;
}
.ResultOrderingH2 {
    color: white;
    height: 43px;
    text-align: center;
    padding-top: 4px;
}
.ResultOrderingDiv .ResultOrderingH2 {
    background: url(../images/result-top-small.png) left top no-repeat;
}
.ResultOrderingDiv1 .ResultOrderingH2 {
    background: url(../images/result-top-big.png) left top no-repeat;
}
.ResultOrderingDiv {
    float: left;
    width: 39%;
}
.ResultOrderingDiv1 {
    float: right;
    width: 59%;
}
.ResultOrderingImg {
    text-align: center;
}
.ResultOrderingDiv .issue-ranking-list li, .ResultOrderingDiv1 .issue-ranking-list li {
    min-height: 15px;
}
.ResultOrderingDiv .Ordering li, .ResultOrderingDiv1 .Ordering li {
    padding: 6px 1px 6px 2px;
}
.ResultOrderingDiv .RadioList li, .ResultOrderingDiv1 .RadioList li {
    padding: 6px 1px 6px 16px;
}
.ResultOrderingDiv .CheckboxList li, .ResultOrderingDiv1 .CheckboxList li {
    padding: 6px 1px 6px 16px;
}
.btnPrevInactive {
    background: url("../images/arrow-left-gray.png") no-repeat scroll left top transparent !important;
    /*
    padding: 8px 400px !important;
    width: 5px !important;*/
    
    float: left;
    width: 25px;
    /*padding-left: 25px;*/
    
    height: 20px;
}
.cssStart li a {
    border: 1px solid #1e507f;
    color: #fff;
    height: 22px;
    width: 179px;
    line-height: 22px;
    background: url(../images/bg-btn-login.jpg) left top repeat-x;
    text-align: center;
    float: left;
    margin: 15px 14px;
    text-decoration: none;
}
.cssStart li {
    list-style: none;
}
.cssStart li a:hover {
    background: #016692 !important;
}
#diviframePreviewStep {
    width: 100%;
    float: left;
}
#diviframePreviewStep iframe {
    width: 632px!important;
    margin: 0 auto;
    border: 0
}
/**/

html.iframedresult body {
    background: #FFF;
}
html.iframedresult .wrapper {
    padding: 0;
    width: 580px
}
html.iframedresult .wrapper .content {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 50px 25px 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 485px;
}
html.iframedresult .wrapper .content .content {
    padding: 0;
    width: 100%;
    float: left;
}
#iframedresult, #iframedresult .start-page, #iframedresult .diagnosis-page, #iframedresult .patients-page, #iframedresult .implinks-page {
    width: 100%;
    float: left;
}
#iframedresult .ResultbgGreen {
    width: 100%;
    float: left;
    background-repeat: repeat-x;
    padding: 7px 1%
}
#iframedresult .slider {
    margin-top: 15px;
    width: 480px;
}
#iframedresult .tips-gray, #iframedresult .tips {
    margin-left: 0!important;
    /*width: 460px;*/
    
    width: 480px;
}
#iframedresult .newbluebackgroundadded {
    width: 465px;
}
#iframedresult .resultpageRender {
    width: 100%;
    float: left;
    margin-top: 15px;
}
#iframedresult .resultpageRender h3 {
    /*float: left; */
    
    width: 100%;
    font-size: inherit;
    /* padding:5px 10px*/
}
#iframedresult #divPageContent, #iframedresult .customcontrol {
    float: left;
    width: 100%;
}
#newoverlay {
    left: 15px;
    top: 9px;
    position: absolute;
    height: 5px;
    border-top: 1px solid #FFF;
    background: #f7872f;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f7872f 0%, #ffd69b 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7872f), color-stop(100%, #ffd69b));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f7872f 0%, #ffd69b 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f7872f 0%, #ffd69b 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f7872f 0%, #ffd69b 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f7872f 0%, #ffd69b 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7872f', endColorstr='#ffd69b', GradientType=0);
    /* IE6-9 */
}
/*a:focus{outline:none!important}
a span.slider-value{text-decoration: none!important;}*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    outline: 0!important;
    border: 0!important;
    background: none!important;
    text-decoration: none;
}
ul.option-list.option-list-answer.RadioButtonList,ul.option-list.option-list-answer.CheckboxList , .option-header {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.answerbox-red {
    width: 11px;
    height: 11px;
    background: #bf3528;
    float: left;
    margin-top: 4px;
}
.answer-head-wrong {
    color: #bf3528;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    line-height: 20px;
}
.answerbox-green {
    width: 11px;
    height: 11px;
    background: #008000;
    float: left;
    margin-top: 4px;
}
.answer-head-right {
    color: #008000;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    line-height: 20px;
}
/*edited on 27 august 2014 by anupkmaharjan*/

.withprint.table, .userPagination.PagedList-pager {
    width: 100%;
    float: left;
}
#print .hasborder {
    border-bottom: 0;
    padding-bottom: 10px
}
#print .row-header {
    border-bottom: 2px solid #BBB;
}
#print .row-header .td {
    font-size: 14px;
    padding: 5px 0;
    border: 0
}
#print .td {
    /*padding: 5px;*/
}
#print .first {
    width: 40px;
    float: left;
    text-align: center;
}
#print .second {
    width: 480px;
}
#print .third {
    width: 40px;
}
#print .row {
    border-bottom: 1px solid #DDD;
    margin: 0;
    padding: 0;
}
#print .row:hover, #print .row.current {
    background: none;
    background: #b1dfec;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #b1dfec 0%, #94c5d7 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1dfec), color-stop(100%, #94c5d7));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #b1dfec 0%, #94c5d7 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #b1dfec 0%, #94c5d7 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #b1dfec 0%, #94c5d7 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #b1dfec 0%, #94c5d7 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b1dfec', endColorstr='#94c5d7', GradientType=0);
    /* IE6-9 */
    
    border-bottom: 1px solid #97CEDF;
    margin: 0;
    padding: 0;
}
#print .row .td {
    border: 0;
    padding-bottom: 0
}
#print a.printicon {
    width: 40px;
    height: 20px;
    text-indent: 300em;
    float: left;
    overflow: hidden;
    background-image: url("../images/printer.png");
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
#print .userPagination.PagedList-pager ul {
    list-style: none;
    margin: 25px 0 0px;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
}
#print .userPagination.PagedList-pager a {
    color: #000;
}
#print .userPagination.PagedList-pager ul li {
    width: auto;
    /*float:left;*/
    
    display: inline-block;
    *display: inline;
    padding: 5px 10px;
    font-size: 16px;
    /*display: table-cell;*/
}
#print .userPagination.PagedList-pager ul li.next.PagedList-skipToNext, #print .userPagination.PagedList-pager ul li.previous.PagedList-skipToPrevious {
    padding: 0;
}
#print .userPagination.PagedList-pager ul li.next.PagedList-skipToNext {
    /*float: right;*/
}
#print .userPagination.PagedList-pager ul li.previous.PagedList-skipToPrevious {
    /*float: left;*/
}
#print .next.PagedList-skipToNext a {
    background: url("../images/bg-btn-paging.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    background-position: -139px -31px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 26px;
    letter-spacing: 0;
    line-height: 25px;
    text-decoration: none;
    text-transform: none;
    width: 100px;
    /*float: right;*/
    
    padding: 0 18px 0 10px;
    text-align: center;
}
#print .previous.PagedList-skipToPrevious a {
    background: url("../images/bg-btn-paging.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    background-position: 0 -31px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 26px;
    letter-spacing: 0;
    line-height: 25px;
    text-decoration: none;
    text-transform: none;
    width: 100px;
    /*float: left;*/
    
    padding: 0 18px 0 10px;
    text-align: center;
}
#chart3 {
    top: -10px;
}
ul.option-list li:hover, .option-type-list li.cleared-selected, .option-type-list li.cleared-selected:hover, .option-list li.selected, ul.option-list li.OrderingItem.selected:hover, ul.option-list li.OrderingItem.selected[disabled="disabled"], ul.option-list li.OrderingItem.selected[disabled="true"], ul.option-list li.OrderingItem:hover, ul.option-list li.OrderingItem.wrong-selected, ul.option-list li.OrderingItem.wrong-selected[disabled="true"], ul.option-list li.OrderingItem.wrong-selected[disabled="true"]:hover, ul.option-list li.OrderingItem.wrong-selected[disabled="disabled"], ul.option-list li.OrderingItem.wrong-selected[disabled="disabled"]:hover {
    background: #cbcbcb;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #cbcbcb 0%, #b4b4b6 62%, #a9a9aa 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbcbcb), color-stop(62%, #b4b4b6), color-stop(100%, #a9a9aa));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #cbcbcb 0%, #b4b4b6 62%, #a9a9aa 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #cbcbcb 0%, #b4b4b6 62%, #a9a9aa 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #cbcbcb 0%, #b4b4b6 62%, #a9a9aa 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #cbcbcb 0%, #b4b4b6 62%, #a9a9aa 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#a9a9aa', GradientType=0);
    /* IE6-9 */
    
    border: 1px solid #555558;
}
ul.option-list li.OrderingItem[disabled="true"], ul.option-list li.OrderingItem[disabled="true"]:hover, ul.option-list li.OrderingItem[disabled="disabled"], ul.option-list li.OrderingItem[disabled="disabled"]:hover {
    border: 1px solid #b1b2b5;
    background: #d3d3d5 url(../images/bg-ranking-list.png) left top repeat-x;
}
/*ul.option-list li.OrderingItem.selected:hover, ul.option-list li.OrderingItem.selected[disabled="true"], ul.option-list li.OrderingItem.selected[disabled="true"]:hover,ul.option-list li.OrderingItem.selected[disabled="disabled"], ul.option-list li.OrderingItem.selected[disabled="disabled"]:hover {
    border-color: #8fa440;
    background: url(../images/bg-option-list-hover.png) left top repeat-x #b2bf69
}*/

#resultPageContents .option-list li.selected, #resultPageContents ul.option-list li.OrderingItem.selected:hover, #resultPageContents ul.option-list li.OrderingItem.selected[disabled="disabled"], #resultPageContents ul.option-list li.OrderingItem.selected[disabled="true"] {
    background: #b2bf69 url(../images/bg-option-list-hover.png) left top repeat-x;
    border: 1px solid #8fa440
}
#resultPageContents .option-list li.wrong-selected, #resultPageContents ul.option-list li.OrderingItem.wrong-selected:hover, #resultPageContents ul.option-list li.OrderingItem.wrong-selected[disabled="disabled"], #resultPageContents ul.option-list li.OrderingItem.wrong-selected[disabled="true"] {
    background: #ebc3bd !important;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViYzNiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmE2YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #ebc3bd 0%, #cfa6a1 100%) !important;
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebc3bd), color-stop(100%, #cfa6a1))!important;
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #ebc3bd 0%, #cfa6a1 100%)!important;
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #ebc3bd 0%, #cfa6a1 100%)!important;
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #ebc3bd 0%, #cfa6a1 100%)!important;
    /* IE10+ */
    
    background: linear-gradient(to bottom, #ebc3bd 0%, #cfa6a1 100%)!important;
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebc3bd', endColorstr='#cfa6a1', GradientType=0)!important;
    /* IE6-8 */
    
    border: 1px solid red
}
.checkbox{
    width: 100%;
}
.checkbox-red {
    /*width: 18px;*/
    width: 100%;
    height: 18px;
    background: url(../images/bg-checkbox-mod.png) left top no-repeat;
    margin-top: -9px;
    background-position: 0px -72px !important;
    padding: 0;
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
}
.details-list li.OrderingItem {
    padding-top: 0px;
}
.newbluebackgroundadded {
    background: #e7eef3;
    padding: 10px 10px 0px;
    width: 504px;
    display: block;
    float: left;
    margin: 15px 0 20px;
}
.newbluebackgroundadded h5 {
    font-family: Arial, Helvetical, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.content-sidebar .user-name span, .details-list li .details-title span {
    float: left;
    margin-right: 5px;
}
.editor-wrapper, .customcontrol {
    float: left;
}
.customcontrol {
    width: 100%
}
.editor-wrapper {
    line-height: 1.5;
    /*margin-top: 3px;*/
}
h3:empty, [data-controltype="ResultPage"] {
    display:none;
}
.diagnosticInformation, .content-main #divPageContent .customcontrol h1, .content-main #divPageContent .customcontrol h2, .content-main #divPageContent .customcontrol h3, #divPageContent .customcontrol .newbluebackgroundadded, h1, h2, h3, h4, p, ul, ol, dl, .editor-wrapper, .media, #diagnosticPage,.estimation-list, .questions-list, .responses-list {
    margin-bottom: 19px;
}
.content-main #divPageContent .customcontrol h1, .content-main #divPageContent .customcontrol .editor-wrapper h2, .content-main #divPageContent .customcontrol .editor-wrapper h3, .content-main #divPageContent .customcontrol h3, .content-main #divPageContent .customcontrol h2,ul.option-type-index{
    margin-bottom: 15px;
    margin-bottom: 10px;
}
p{margin:0; line-height : 1.5}
p+p{margin:7px 0 0}

p+h2,p+h3{
    margin-top: 20px;
}
.content-main #divPageContent .customcontrol h2.ResultOrderingH2 {
    margin-bottom: 5px;
}
.ResultOrderingDiv .ResultOrderingH2, .ResultOrderingDiv1 .ResultOrderingH2 {
    background-position: center top
}
.content-main #divPageContent .customcontrol .OrderingItem h3 {
    margin-bottom: 0
}
#divPageContent .customcontrol .newbluebackgroundadded {
    margin-top: 0
}
#diagnosticPage.diagDisable, .prov-right {
    margin-bottom: 22px
}
.commonblock img {
    max-width: 100%!important;
    height: auto !important;
}
a.printicon1 {
    text-decoration: none!important
}

.hasborder.commonblock{
    padding:19px;
    border:1px solid #CCC;
    width:535px;
    margin-top: 0;
}
#Landing #StartPage.commonblock{
    padding:19px;
    width:535px;
}
.hasborder.commonblock+.hasborder.commonblock{
    margin-top: 22px;
}

#Landing #StartPage .prov-right{
    width: 320px;
}

.tabbed{
    margin-right: 5px; 
    line-height: 26px 
}
.btn-login.tabbed{


    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding:0px 5px;
    font-size: 12px;
    font-family: Arial;
    height: auto;
    background: #7da939 ;
    border:1px solid #708E43;
    line-height: 21px;
    color:#FFF;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}


.btn-login.tabbed.active{
opacity: 2;
    filter: alpha(opacity = 100);
}


.btn-login .fa{
    background-repeat: no-repeat;
    background-position:    center;
    -webkit-background-size: 16px;
    -moz-background-size: 16px;
    /*background-size: 16px;*/
    background-size:33px;
    display: inline-block;
    /*width: 16px;*/
    width:40px;
    /*height: 16px;*/
    height:21px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.btn-login.sFlag .fa{
    background-image: url("../images/swedishflag@2x.png");
}

.btn-login.eFlag .fa{
    background-image: url("../images/englishflag@2x.png");
}

.sFlag {
    background-image: url("../images/swedish_icon.png");   
}

.eFlag {
    background-image: url("../images/english_icon.png");   
}
.nFlag {
    background-image: url("../images/norway_icon.png");   
}

.fa{
    background-repeat: no-repeat;
    background-position:    left center;
    -webkit-background-size: auto 24px;
    -moz-background-size: auto 24px;
    /*background-size: 16px;*/
    background-size:auto 24px;
    display: inline-block;
    /*width: 16px;*/
    width:39px;
    /*height: 16px;*/
    height:24px;
    position: relative;
    /*top: 2px;*/
    /*margin-right: 5px;*/
    float:left;
    display:block;
}



@media print {
    body {
        background: #FFF;
        margin-right: 70px;
        margin-left: 50px;
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 40px;
        width: 525px
    }
    header {
        display: none;
    }
    .content-side {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        box-shadow: none
    }
    .slider, #newoverlay, .orange .slider-arrow, .tips, .newbluebackgroundadded, .details-list li .details-title, .details-list li .details-title:hover {
        background: none!important
    }
    .tips {
        border: 0
    }
    .customcontrol {
        width: 100%
    }
    .newbluebackgroundadded {
        width: 96%;
        padding: 10px 2% 0;
        margin: 0 0 25px
    }
    h1, h3 {
        width: 100%;
        float: left;
        font-weight: normal
    }
    h3 {
        font-size: 14px;
        font-weight: bold
    }
    .customcontrol h1 {
        margin-top: 0px;
        margin-bottom: 25px
    }
    .customcontrol+.customcontrol h1 {
        margin-top: 0px
    }
    .slider-new.ui-widget-content {
        background: none;
        border: 0
    }
    .details-list li .details-title, .details-2 li .details-title {
        width: 97.8%;
        padding: 4px 1%!important
    }
    .newbluebackgroundadded, .details-list li .details-title, .tips {
        position: relative;
        z-index: 99
    }
    .tips {
        padding: 7px 10px
    }
    .bordered {
        position: absolute;
        border-left: 0!important;
        border-right: 0!important;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1
    }
    .bluehead, .bluebg {
        position: absolute;
        border-left: 0!important;
        border-right: 0!important;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1
    }
    .content-sidebar .icon-plus, .content-sidebar .icon-minus, .details-list li .icon-plus, .details-list li .icon-minus, .details-list li h3.details-title img {
        display: none!important
    }
}
.tips .sliderContent {
    display: none;
}
.tips .sliderContent.activated {
    display: block;
}
.firstimage {
    position: relative;
    left: -15px;
}
.firstimage:after {
    content: url("../images/bg-scale.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.secondimage {
    /*position: relative;*/
    
    position: absolute;
    top: -8px;
    /*z-index: 99;*/
}
.secondimage:after {
    content: url("../images/tips-orange.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 23px;
    overflow: hidden;
}
.thirdimage {
    position: absolute;
    top: 39px;
}
.thirdimage:after {
    content: url("../images/arrow-tips-up.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.svar 
{
    float: right; 
    position: relative;    
    right: 50px;
    height: 26px;
    line-height: 25px;
    width: 130px;
    background: url(../images/bg-btn-paging.png) left top no-repeat;
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
   
    
}

.svar.btn-green-right
{
     background-position: -277px -31px;
}


/*changes using langauge selector*/
.language-2 .row-header{
    border-bottom: 1px solid #ccc;
}
.language-2 .row-header .td{
    border-bottom: 0;
}
.language-2 .start-table .second{
    /*width: 80px;*/
    width: 50px;
}
.language-2 .start-table .last{
    /*width: 90px;*/
    width: 40px;
}
.language-2 .start-table .third{
    width: 205px;
}
#Landing.language-2 .start-table .first{
    /*width: 145px;*/
    width: 195px;
}
.language-2 .btn-pdf{
        width: 212px;
    /*background-color: green;*/
    position: relative;
    z-index: 2;
}
.language-2 .btn-pdf:after{
    content: "";
    height: 24px;
    background: #1e8f61;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e8f61), color-stop(100%, #007055));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #1e8f61 0%, #007055 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #1e8f61 0%, #007055 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e8f61', endColorstr='#007055', GradientType=0);
    /* IE6-9 */
    
    border: 1px solid #046F51;
    border-left: 0px;
    width: 50%;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: -1;
    -webkit-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
    }
.language-2 .btn-pdf:hover:after{
    background: #007457;
    background: -moz-linear-gradient(top, #007457 0%, #005A35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007457), color-stop(100%,#005A35));
    background: -webkit-linear-gradient(top, #007457 0%,#005A35 100%);
    background: -o-linear-gradient(top, #007457 0%,#005A35 100%);
    background: -ms-linear-gradient(top, #007457 0%,#005A35 100%);
    background: linear-gradient(to bottom, #007457 0%,#005A35 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007457', endColorstr='#005A35',GradientType=0 );
    border-color: #005A35;
    cursor: default;
}

.language-2 .btn-pdf.disable:after{
    background: #BEBEBE;
    background: -moz-linear-gradient(top, #BEBEBE 0%, #AEAEAE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BEBEBE), color-stop(100%,#AEAEAE));
    background: -webkit-linear-gradient(top, #BEBEBE 0%,#AEAEAE 100%);
    background: -o-linear-gradient(top, #BEBEBE 0%,#AEAEAE 100%);
    background: -ms-linear-gradient(top, #BEBEBE 0%,#AEAEAE 100%);
    background: linear-gradient(to bottom, #BEBEBE 0%,#AEAEAE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BEBEBE', endColorstr='#AEAEAE',GradientType=0 );
    border-color: #AEAEAE;
    cursor: default;
}

/*new for filter*/
.left_filter{
    margin-left: 40px;
}

.languageBtn
{
    margin-right: 5px; 
    line-height: 26px 
    }
    
   
.btn-login.languageBtn{


    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding:0px 5px;
    /*font-size: 17px;*/
    font-family: Arial;
    text-align:center;
    height: 24px;
    line-height:24px;
    /*width:85px;*/
    width:76px;
    background: #0082B4 ;
    border:0;
    /*line-height: 40px; */
    color:#FFF;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    display:block;
    position:relative;
}
    .btn-login.languageBtn:after {
        content:"";
        border:1px solid #055092;
        position:absolute;
        left:0;
        top:0;
        right: 0;
        bottom:0;
    }

.btn-login.languageBtn.active{
opacity: 1;
    filter: alpha(opacity = 100);
}
.btn-login.languageBtn:hover{
    background:#016692;
}
.ui-slider-horizontal {
    height: 36px !important; 
    position:relative;
}
    .ui-slider-horizontal:after {
        content: "";
        margin-left: 20px;
        width: 20px;
        position: absolute;
        height: 36px;
        margin-top: 0px;
        right: -20px
    }

      .ui-slider-horizontal:before {
        content: "";
        margin-left: 0;
        width: 20px;
        position: absolute;
        height: 36px;
        margin-top: 0px;
        left: 0
    }
/* #divPageContent.surveyControlList [data-controltype="RadioButtonList"],
#divPageContent.surveyControlList [data-controltype="CheckboxList"]{
background: rgb(254,254,254);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,228,1) 47%, rgba(220,221,222,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(226,226,228,1) 47%,rgba(220,221,222,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(226,226,228,1) 47%,rgba(220,221,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcddde',GradientType=0 );
border:1px solid #d4d4d5;
padding: 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom: 25px;
}
    #divPageContent.surveyControlList [data-controltype="RadioButtonList"] h3,
    #divPageContent.surveyControlList [data-controltype="CheckboxList"] h3 {
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 10px;
    }
#divPageContent.surveyControlList [data-controltype="RadioButtonList"] ul,
#divPageContent.surveyControlList [data-controltype="CheckboxList"] ul{
    margin-bottom: 0;
}
#divPageContent.surveyControlList [data-controltype="RadioButtonList"] .OrderingItem ,
#divPageContent.surveyControlList [data-controltype="CheckboxList"] .OrderingItem  {
    background:none;
    border:0;
    margin-left:-5px;
}

#divPageContent.surveyControlList .RadioButtonList li label {
    padding-top: 4px;
    padding-bottom:0;
} */

.archive-user .content-side {
    background-color: #e74c3c;
}

.archive-user {
    width: 725px;
}

   #navigation-home li.active {
        pointer-events: none;
        cursor: default
    }

.user-archive {
    margin-top: -2px !important;
}

.user-archive a {
    background: url(../images/userdelete.svg);
}

.archive-user .btn-login {
   border: 1px solid #e74c3c;
   background: #fff;
   color: #e74c3c;
   padding: 5px 10px;
   cursor: pointer;
}

.archive-user .btn-login:hover {
    background: #e74c3c;
    background: -moz-linear-gradient(top, #e74c3c 0%, #b03a2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e74c3c), color-stop(100%, #b03a2e));
    background: -webkit-linear-gradient(top, #e74c3c 0%, #b03a2e 100%);
    background: -o-linear-gradient(top, #e74c3c 0%, #b03a2e 100%);
    background: -ms-linear-gradient(top, #e74c3c 0%, #b03a2e 100%);
    background: linear-gradient(to bottom, #e74c3c 0%, #b03a2e 100%);
    color: #fff;
}

.tempDisable {
    pointer-events: none;
}