.dnnHTMLSettings, .dnnMyWork, .dnnEditHtml {
    margin: 2em auto;
}

.dnnFormItem input[type=checkbox], .dnnPageSettings .dnnFormItem input[type=radio] {
    width: auto;
}

.dnnFormItem .dnnHTMLSRadioButtons label, .dnnFormItem .dnnPSRadioButtons input, .dnnFormItem .dnnHTMLSRadioButtons label, .dnnFormItem .dnnHTMLSRadioButtons input {
    float: left;
    padding: 0;
    width: 2%;
    text-align: left;
}

.dnnFormItem .dnnHTMLSRadioButtons label {
    width: auto;
    padding: 0 15px 0 6px;
    font-weight: normal;
}

.dnnHTMLSRadioButtons br {
    display: none !important;
    font-size: 0;
    line-height: 0;
    border-collapse: collapse;
}


/********Right accordion****************/
#right #rightaccord {
    float: left;
    width: auto;
    margin-right:10px;
}

     #rightaccord h3.trigger {
        padding: 13px 25px 13px 10px;
        cursor: pointer;
        position: relative;
        margin: 5px 1px;
        background: #860f7e url(images/arrow_leftaccor.png) no-repeat 95% 115%;
        font-size: 13px;
        color: #fff;
        border-radius: 5px;
        font-weight: normal;
        letter-spacing: 0;
    }

    #right #rightaccord h3.trigger-non {
        padding: 13px 20px 13px 15px;
        cursor: pointer;
        position: relative;
        margin: 5px 1px;
        background-color: #15377c;
        color: #fff;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0;
        border-radius: 5px;
    }

.selected {
    color: #2077AC !important;
}

#rightaccord .toggle_container {
    max-width: 160px;
    padding-left:20px;
}

    #rightaccord .toggle_container a {
        display: block;
        color: #808184;
        background: #fff;
        border-bottom: 1px solid #E8E8E8;
        text-align: left;
        padding: 6px 0 6px 0px;
        font-size: 13px;
    }

        #rightaccord .toggle_container a:hover, #rightaccord .toggle_container a.selected {
            background-color: #fff;
            color: #860f7e;
        }

#rightaccord h3.trigger_active {
    color: #fff;
    background: #860f7e url(images/arrow_leftaccor.png) no-repeat 95% 13px;
    border-radius: 5px;
    font-weight: normal;
    letter-spacing: 0;
}

.joints_bg {
   background: url("images/joints.png") bottom no-repeat;
   bottom: -1px;
   height:7px;
   left:0px;
   position: absolute;
   width: 100%;
}

.purple, .purple h3.trigger_active {
    background: #860f7e;
}

.skyblue, .skyblue h3.trigger_active {
    background-color: #009fee !important;
}

.lavender, .lavender h3.trigger_active {
    background-color: #553370 !important;
}

.green, .green h3.trigger_active {
    background-color: #52a145 !important;
}

.orange, .orange h3.trigger_active {
    background-color: #f07f0a !important;
}

.darkblue, .darkblue h3.trigger_active {
    background-color: #15377c !important;
}
.download, .download h3.trigger_active {
    background-color: #6a6f9c !important;
    background: url(images/download-icon.png) no-repeat 175px 10px;
}

/******End **Right accordion****************/

/* Tabs */
.NJR-tabs {
    clear: both;
    display:block;
    *float:right; /*done for ie7*/
    /*background-color:blue;*/
}
    .NJR-tabs a {
        cursor: pointer;
        padding: 8px 12px;
        display: block;
        font-size: 10pt;
    }
    .NJR-tabs {
        list-style: none;
        padding: 0;
        margin: 0 30px 0 0;
    }
    .NJR-tabs li {
        display: inline;
        background-color: #15377c;
        margin:0 0 0 4px;
        border: 1px solid #dcddde;
        border-radius: 7px 7px 0 0;
        color: #fff;
        float: right;
    }
        .NJR-tabs li.selected {
            border: 0;
            z-index:9;
            position:relative;
            border: 1px solid #dcddde;
            border-bottom: 1px solid #ffffff;
            background-color: #fff;
            border-radius: 7px 7px 0 0;
            /*border-bottom-width:0px;*/
            margin-bottom:-1px;
            padding-bottom:1px;
        }
        .NJR-tabs li a {
            color: #fff;
        }
        .NJR-tabs li.selected a {
            color: #15377c;
        }

.NJR-tab-content {
    border: 1px solid #dcddde;
    border-radius: 20px;
    padding: 1.2em;
    margin:0 0 0 0;
    clear: both;
    min-height:500px;
}
.NJR-tab-content p {
    color: #929497;
    font-size: 16px;
}

h2 {
    color: #15377c;
    font-size: 21px;
}

.NJR-tab-content h3 {
    color: #6d6e70;
    font-size: 17px;
}
/* Tabs ends */
/* Right coulm related links*/
.related {
    background-color: #e6e7e8;
    padding: 10px;
    border-radius: 10px;
}

    .related ul {
        list-style: none;
        padding-left: 0;
        margin: 0 40px 0 0;
    }
/********filter accordion****************/
#leftaccord {
    float: left;
    width: auto;
    background-color: #e6e7e8;
    border-radius: 5px;
    padding: 10px;
}

    #leftaccord h3 {
        font-size: 13px;
        color: #6d6e70;
        letter-spacing:0;
    }

        #leftaccord h3.newtrigger {
            padding: 10px 30px 10px 30px;
            cursor: pointer;
            position: relative;
            margin: 1px;
            background: url(images/arrow_leftaccor_gray.png) no-repeat 3px -85px;
            border-bottom: 1px solid #b3b4b6;
        }
            .no-border {
            border-bottom: 0px none #b3b4b6 !important;
            }
        #leftaccord h3.newtrigger-non {
            color: #15377c;
            padding: 5px 0px;
            cursor: pointer;
            position: relative;
            margin: 1px;
            font-size: 16px;
        }

.selected {
    color: #2077AC !important;
}

#leftaccord .toggle_contain {
    max-width: 180px;
}

    #leftaccord .toggle_contain a {
        display: block;
        color: #6d6e70;
        text-align: left;
        padding: 8px 3px 8px 12px;
        font-size: 13px;
    }

    #leftaccord .toggle_contain p {
        padding: 0 0 0 23px;
        color: #6d6e70;
        text-align: left;
        font-size: 13px;
    }
    #leftaccord p {
        margin:5px 0 5px 5px;
    }

    #leftaccord .toggle_contain input[type='checkbox'] {
        margin-right: 7px;
    }

    #leftaccord .toggle_contain a:hover, #leftaccord .toggle_contain a.selected {
        background-color: #F6F6F6;
        color: #2077AC;
    }

#leftaccord h3.newtrigger_active {
    color: #333;
    background: url(images/arrow_leftaccor_gray.png) no-repeat 3px 10px;
    border-bottom-width:0px;
}

.filter-check {
    font-size: 13px;
    font-weight: bold;
    color: #15377c;
}
/*********End filter accordion****************/
/********************For checkbox***********************/
span.checkbox {
            background: url(images/check-box.png) left top no-repeat;
            width: 20px;
            height: 21px;
            cursor: pointer;
            margin-right: 10px;
            margin-top: 0px;
            float: left;
        }

        span[class='checkbox selected'], span[class='checkbox selected disabled'] {
            background-position: left -41px;
        }

        span[class='checkbox error'] {
            border: 1px solid #FF4848;
        }

        .checkbox input[type='checkbox'] {
            opacity: 0;
            filter: alpha(opacity=0);
            width: 20px;
            height: 21px;
            margin: 0;
        }
.livetabsdefault .ui-tabs .ui-tabs-nav li a {
    padding: 8px 12px !important;
}

.amjoints_lft {
 background: url(images/joints_left.png) !important;
}
.amjoints_rgt {
 background: url(images/joints_right.png) !important;
}