.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.img-left {
    float: left;
    margin-right: 10px;
}

.img-right {
    float: right;
    margin-left: 10px;
}

.dnnsprite {
    background-image: url('images/AsideIcons.png');
    background-color: transparent;
    background-repeat: no-repeat;
}

.Community {
    background-position: -249px -5px;
}

.Conferences {
    background-position: -188px -5px;
}

.Manuals {
    background-position: -127px -5px;
}

.Marketplace {
    background-position: -66px -5px;
}

.Training {
    background-position: -5px -5px;
}


ul.RotatorNav {
    margin: -74px 0 0 0;
}

    ul.RotatorNav li {
        margin: 0;
        list-style: none;
    }

ul.sidebar-nav li {
    list-style-type: none;
}

    ul.sidebar-nav li ul li {
        padding-left: 20px;
    }

/* Getting Started content */
.getting-started-wrap .left {
    width: 116px;
    padding-top: 20px;
}

.getting-started-wrap .right {
    width: 500px;
}

a#TourStart img, a#TourVideo img {
    margin: 3px 3px 3px -10px;
    vertical-align: middle;
}

#dnnTourContainer {
    display: none;
}

hr.tour {
    border-style: solid;
    border-top-width: 0;
    color: #ccc;
    margin-top: 1em;
}

#Footer #dnn_Footer_LeftPane {
    float: left;
    margin: 0 20px 0 0;
    width: 430px;
}

#Footer #dnn_Footer_RightPane {
    float: left;
    width: 510px;
}

#Sponsors img {
    width: 118px;
    height: 58px;
    border: solid 1px #000;
    margin: 0 7px 7px 0;
    background: url(images/Logos.jpg) no-repeat;
}

#Sponsors .aspnet img {
    background-position: 0 0;
}

#Sponsors .maxasp img {
    background-position: -118px 0;
}

#Sponsors .telerik img {
    background-position: -236px 0;
}

#Sponsors .exacttarget img {
    background-position: -354px 0;
}

#Sponsors .winlive img {
    background-position: 0 -58px;
}

#Sponsors .redgate img {
    background-position: -118px -58px;
}

#Sponsors .appliedi img {
    background-position: -236px -58px;
}

#Sponsors .arrowdesign img {
    background-position: -354px -58px;
}

/* Quick Links */
.tblQuickLinks {
    width: 100%;
}

    .tblQuickLinks td {
        line-height: 22px;
    }

    .tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited {
        text-decoration: underline;
        color: #e5e5e5;
    }

    .tblQuickLinks a:hover {
        color: #d0171e;
    }

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer {
    width: 48%;
    float: left;
}

.right-footer {
    width: 48%;
    float: right;
}

/* Home page */
/* Header Banner*/
.bannerShadow {
    padding-bottom: 34px;
    background: url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;
}

.header-banner {
    background-image: url("/Portals/0/images/header-bg.jpg");
    background-repeat: repeat-x;
    background-color: #830c11;
    min-height: 200px;
    color: #FFF;
}

    .header-banner .header-banner-image {
        float: left;
        width: 280px;
        margin-left: 50px;
        padding-top: 13px;
    }

    .header-banner .header-banner-text {
        float: right;
        width: 550px;
        margin-right: 55px;
    }

    .header-banner .header-banner-text {
        font-size: 16px;
        line-height: 19px;
        padding-top: 10px;
    }

        .header-banner .header-banner-text h2 {
            font-size: 36px;
            text-transform: uppercase;
        }

        .header-banner .header-banner-text .header-read-more {
            font-size: 14px;
            text-align: right;
        }

            .header-banner .header-banner-text .header-read-more a {
                color: #FFF;
            }

/* services columns */
.home-services div {
    width: 190px;
    margin-right: 20px;
    float: left;
}

    .home-services div.last {
        margin-right: 0;
    }

/*  home page sidebar styles*/
#RightLinks .last {
    background: none;
}

#RightLinks li.icoAbout img {
    background-image: url("images/bike-about-icon.png");
    background-repeat: no-repeat;
}

#RightLinks li.icoBike img {
    background-image: url("images/bike-icon.png");
    background-repeat: no-repeat;
}

#RightLinks li.icoNews img {
    background-image: url("images/bike-news-icon.png");
    background-repeat: no-repeat;
}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li {
    line-height: 200%;
}

.c_DNN6_Aside h3 {
    padding: 0;
    margin: 0;
    line-height: 200%;
}



/* OPEN POINT */
.OpenPointTable {
    border: 1px solid #ABABAB;
    width: 100%;
    margin: auto;
    background: #FFF;
    padding: 5px;
    vertical-align: middle;
}

    .OpenPointTable td {
        border-bottom: 1px dashed #ABABAB;
        text-align: right;
    }

    .OpenPointTable th {
        border-bottom: 1px dashed #ABABAB;
        text-align: left;
        vertical-align: middle;
    }

.OpenPointTableDivisor {
    border-left: 1px solid #ABABAB;
}

.OpenPointNoBorderTd td {
    border-bottom: none;
}

.OpenPointTableDetail {
    border: 1px solid #ABABAB;
    width: 100%;
    margin: auto;
    background: #FFF;
    padding: 5px;
    vertical-align: middle;
}

    .OpenPointTableDetail td {
        border-bottom: 1px dashed #ABABAB;
        text-align: left;
    }

    .OpenPointTableDetail th {
        border-bottom: 1px dashed #ABABAB;
        text-align: right;
    }




/* NP_GRIDVIEWS */
table.NP_GridViews, table.NP_GridViews_Blue {
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    width: 100%;
    border: solid 1px #B5B5B5 !important;
    vertical-align: top;
    margin: 0px;
    margin-bottom: 20px;
    background: #FFF;
}

table.NP_GridViews_Blue {
    border: solid 1px #5A7499;
}

.NP_GridViews td, .NP_GridViews_Blue td {
    color: #000;
    padding: 2px 8px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 20px;
    border-bottom-color: #EBEBEB !important;
    border-right-color: #EBEBEB !important;
    vertical-align: middle;
}

.NP_GridViews_Blue td {
    border-bottom-color: #D3DAED !important;
    border-right-color: #D3DAED !important;
}

.NP_GridViews th, .NP_GridViews_Blue th, .SideBarListHeader {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: #613913 !important;
    border-right-color: #B5B5B5 !important;
    border-bottom-color: #B5B5B5 !important;
    background: #E8E8E8 url(../../DesktopModules/SystemMonitoringManager/Images/green_silver.gif) repeat-x !important;
}

.NP_GridViews_Blue th {
    color: #152C6B;
    background: #8AB1D3 url(../../DesktopModules/SystemMonitoringManager/Images/blue_back.gif) repeat-x;
    border-right-color: #5A7499;
    border-bottom-color: #5A7499;
}

.NP_GridViews .row-over {
    background-color: #EBEBEB;
}

.NP_GridViews .row-select {
    background-color: #F6F6F6;
}

.NP_Wizard {
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 11px;
    width: 100%;
}

.NP_SideBar img {
    display: none;
}

.NP_GridViews caption {
    padding-bottom: 10px;
    font-weight: bold;
    text-align: left;
    color: #613913;
}

.NP_GridViewsPager {
    background-color: #F6F6F6;
}

    .NP_GridViewsPager table {
        font-family: lucida grande,arial,helvetica,sans-serif;
        font-size: 11px;
    }

    .NP_GridViewsPager td {
        border: none;
    }


.vista-grid .filterstable {
    width: 100%;
    background: #F1F2F4;
    border: solid 1px #A7BAC5;
    color: #000;
    text-align: left;
}

.filtersChoice, .filtersChoice td {
    vertical-align: middle;
}

.filtersGridEmpty {
    width: 100%;
}

.filtersGrid {
    font-family: tahoma;
    font-size: 11px;
    width: 90%;
    margin: 0px auto 20px auto;
    text-align: left;
    background: #FFF;
}

    .filtersGrid th {
        text-align: left;
        padding: 4px;
        padding-left: 14px;
        color: #333333;
        border-bottom: solid 1px #E6E6E6;
        border-left: solid 1px #E6E6E6;
    }

    .filtersGrid td {
        vertical-align: middle;
    }

    .filtersGrid .tdClass, .filtersGrid .borderTdClass {
        color: #333333;
        padding: 4px 10px 4px 10px;
        border-bottom: solid 1px #E6E6E6;
    }

    .filtersGrid .borderTdClass {
        color: #8B0000;
        border-right: solid 1px #E6E6E6;
    }

    .filtersGrid .filteraltrow {
        background-color: #fff;
    }

    .filtersGrid .filterrow {
        background-color: #F1F1F1;
    }

/* CALENDAR */
.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align: center;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}




/************************************************************* HELP DESK *****************************/


.hdeEdit_tab{
    width: 800px !important;
    padding: 0px;
    border-collapse: collapse;
}

    .hdeEdit_tab .hdeEdit_tdLabel {
        width: 250px;
        padding: 10px 2px;
        text-align: left;
        padding: 10px;
        font-weight: bold;
        vertical-align: middle;
    }

    .hdeEdit_tab .hdeEdit_td {
        width: 550px;
        padding: 10px 0px;
        text-align: left;
        margin: 10px 10px 10px 40px;
        vertical-align: middle;
    }


.rbLinkButton:hover {
    color: #c00000;
}

.hdeFilter {
    width: 100%;
    margin: 0px 10px 0px 0px;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.hdeThFilter {
    width: 50%;
    text-align: right;
    margin: 10px 0px 10px 0px;
}

.hdeTrFilterButton {
    background-color: #ffffff;
    margin: 20px;
}

.hdeTdFilter {
    width: 50%;
    margin: 0 0 0 0px;
}

.hdeFilterButton {
    margin: 20px;
}

.hdeSummary {
    width: 100%;
    margin: 30px 10px 0px 0px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.hdeThSummary {
    text-align: left;
    margin: 10px 10px 10px 40px;
}

.hdeTrSummary {
    width: 100%;
}

.hdeThSummary title {
    text-align: center;
    vertical-align: middle;
    margin: 10px 10px 10px 40px;
}

.hdeTdSummaryPlaceholder {
    width: 100%;
    margin: 10px;
}

.hdeTdSum {
    padding: 0 0 0 15px;
}

.hdeAction {
    width: 100%;
    margin: 30px 10px 0px 0px;
    background: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.hdeThAction {
    text-align: left;
    margin: 10px 10px 10px 40px;
}

    .hdeThAction title {
        text-align: center;
        vertical-align: middle;
        margin: 10px 10px 10px 40px;
    }

.hdeThAction_td {
    width: 50%;
    white-space: nowrap;
    margin: 10px;
}

.hdeActionButton {
    margin: 20px;
}

.hdeTrActionButton {
    width: 100%;
    background-color: #ffffff;
    margin: 20px;
}

/*** hde editor ***/
.hdeEdit_1_tb, .hdeEdit_2_tb, .hdeEdit_3_tb {
    margin: 0 auto;
    width: 800px;
    /* height: 400px; */
    background: #ffffff;
    border: 3px solid #c00000;
    font-size: 14px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
    border-radius: 10px;
}

/*
{
    width: 600px;
    height: 400px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}
*/
.hdeEdit_tdHeader {
    background-color: #e5e5e5;
    color: #c00000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 20px;
    /* height: 80px; */
    margin-bottom: 20px;
    text-align: left;
    vertical-align: middle;
    line-height: 80px;
}



.hdeEdit_1_Element, .hdeEdit_2_Element, .hdeEdit_3_Element {
    width: 90%;
    /* margin: 10px; */
    /* float: left; */
    /* font-size: 12px; */
}

    .hdeEdit_tdCommand table {
        width: 90%;
        text-align: center;
        margin: auto;
        margin: 30px auto;
        /* border-top: 1px dashed #ccc; */
    }

        .hdeEdit_tdCommand table td {
            margin: auto;
            text-align: center;
            /* padding: 0 30px 0 0; */
        }

        .hdeEdit_tdCommand table td {
            width: 33%;
        }

.hdeEdit_tdPrimaryCommand {
    text-align: right;
}

.hdeEdit_2_tdSecondaryCommand, .hdeEdit_1_tdSecondaryCommand {
    text-align: right;
    padding: 0 0 0 0;
    width: 70%;
}

.hdeEdit_tdSecondaryCommand {
    text-align: right;
    /* padding: 0 0 0 0; */
    /* width: 30%; */
}

.hdeEdit_3_customLabel {
    clear: both;
    float: left;
    text-align: left;
    margin: 10px 10px 10px 0px;
    vertical-align: middle;
    font-weight: bold;
    width: 30%;
}

.hdeEdit_3_customField {
    float: left;
    text-align: left;
    margin: 10px 10px 10px 15px;
    vertical-align: middle;
    width: 60%;
}

.hdeEdit_3_customValidator, .hdeEdit_3_Validator {
    /* float: left; */
    text-align: left;
    /* margin: 10px 0 0 0; */
    vertical-align: middle;
    width: auto;
    color: red;
    /* display: block !important; */
}


/** hde detail **/
.hdeEditDetail_tb {
    margin: 0 auto;
    width: 700px;
    height: 400px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.hdeEditDetail_tdHeader {
    background-color: #e5e5e5;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 20px;
    height: 80px;
}

.hdeEditDetail_Label {
    text-align: left;
    margin: 10px 10px 10px 40px;
    font-weight: bold;
    vertical-align: middle;
}

.hdeEditDetail_td {
    text-align: left;
    margin: 10px 10px 10px 40px;
    vertical-align: middle;
}

.hdeEditDetail_Element {
    width: 90%;
    margin: 10px;
    float: left;
}

.hdeEditDetail_tdCommand {
    text-align: right;
    padding: 0 30px 0 0;
}

.hdeEditDetail_tdPrimaryCommand {
    text-align: right;
}

.hdeEditDetail_tdSecondaryCommand {
    text-align: right;
    padding: 0 0 0 0;
    width: 70%;
}

.hdeEditDetail_Validator {
    float: left;
    text-align: left;
    margin: 10px 0 0 0;
    vertical-align: middle;
    width: auto;
}

.hdeListDetail_PanelView {
    width: 100%;
    margin: 15px 30px 30px 0px;
    border: 1px dotted #999999;
}

.hdeListDetail_PanelViewPrint {
    width: 980px;
    margin: 30px;
    border: 1px dotted #999999;
}

.hdeListDetail_PanelView_tdHeader {
    color: #ffffff;
    width: 100%;
    background-color: #999999;
    padding: 10px;
}

.hdeListDetail_PanelView_Command a:link, .hdeListDetail_PanelView_Command a:visited, .hdeListDetail_PanelView_Command a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.hdeListDetail_PanelView p {
    margin: 10px 10px 10px 0px;
    text-align: left;
}

.hdeListDetail_PanelView_Hde {
    width: 700px;
    border: 1px solid #a3c7e0;
}

.hdeListDetail_PanelView_HdeHeader {
    width: 100%;
    background-color: #a3c7e0;
}

.tbEditHde_tb {
    width: 700px;
    margin: 30px;
    border: 1px dotted #c5c5c5;
    background: #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.tbEditHde_tdHeader {
    background-color: #c5c5c5;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 20px;
    height: 80px;
}

.tbEditHde_Label {
    text-align: left;
    margin: 10px 10px 10px 40px;
    font-weight: bold;
    vertical-align: middle;
}

.tbEditHde_td {
    text-align: left;
    margin: 10px 10px 10px 40px;
    vertical-align: middle;
}

.tbEditHde_tdCommand {
    text-align: right;
    padding: 0 30px 0 0;
}

.tbEditHde_tdPrimaryCommand {
    text-align: right;
}

.tbEditHde_tdSecondaryCommand {
    text-align: right;
    padding: 0 0 0 0;
    width: 70%;
}

.tbEditHde_Validator {
    float: left;
    text-align: left;
    margin: 10px 0 0 0;
    vertical-align: middle;
    width: auto;
}

.tbEditHde_Element {
    width: 90%;
    margin: 10px 10px 10px 0;
    float: left;
}


.tbEditHde_tb_MSG_Manager {
    width: 95%;
    margin: 30px;
    border: 1px dotted #c5c5c5;
    background: #e5e5e5;
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: left;
}

.tbEditHde_tdHeader_MSG_Manager {
    background-color: #c5c5c5;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 20px;
    height: 80px;
}

.tbEditHde_tdLabel_MSG {
    width: 15%;
    text-align: left;
    margin: 10px 10px 10px 40px;
    font-weight: bold;
    vertical-align: middle;
}

.tbEditHde_tdLabel_Manager {
    text-align: left;
    margin: 10px 10px 10px 40px;
    font-weight: bold;
    vertical-align: middle;
}

.tbEditHde_td_Manager {
    text-align: left;
    margin: 10px 10px 10px 40px;
    vertical-align: middle;
}

.tbEditHde_td_MSG {
    width: 85%;
    text-align: left;
    margin: 10px 10px 10px 40px;
    vertical-align: middle;
}

.tbEditHde_tdCommand {
    text-align: right;
    padding: 0 30px 0 0;
}

.tbEditHde_tdPrimaryCommand {
    text-align: right;
}

.tbEditHde_tdSecondaryCommand {
    text-align: right;
    padding: 0 0 0 0;
    width: 70%;
}




.hdeDetailUserHeader {
    background-color: #a3c7e0;
    width: 100%;
}

.hdeDetailUserContainer {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #a3c7e0;
}

.hdeDetailUserBody {
    background-color: #f0f4fa;
}

.hdeDetailAdminHeader {
    background-color: #a5cda5;
    width: 100%;
}

.hdeDetailAdminContainer {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #a5cda5;
}

.hdeDetailManagerOnlyBody {
    background-color: #FFFACD;
}

.hdeDetailManagerOnlyHeader {
    background-color: #FCF4AC;
    width: 100%;
}

.hdeDetailManagerOnlyContainer {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #FCF4AC;
}

.hdeDetailAdminBody {
    background-color: #ecf4ec;
}

.hdeImgGrid {
    vertical-align: middle;
    text-align: center;
}

.imgItemGrid {
    width: 16px;
    height: 16px;
}

.hdePostAttachedFiles {
    background: url("/DesktopModules/SystemMonitoringManager/images/hde/postAttachments.gif") no-repeat scroll 0 0 #EEEEEE;
    line-height: 22px;
    margin-top: 10px;
    padding: 15px;
    width: 582px;
}

.NoListStyle ul li {
    list-style-type: none;
}

.hdeEventToday {
    color: #97000a;
    font-weight: bold !important;
    background: #ede105;
    display: block;
    margin: 0px;
    padding: 10px;
}


/*
.hdeSuperWriterBackColor
{
    background-color:#FFF3EC;
    }  
    */
/********* fine help desk *****************/

/********* detail in gridview *****************/

.detailTable {
    width: 80%;
    margin: 50px 20px 0px 20px;
    border-spacing: 0px;
    padding: 0px;
}

.gridviewCell {
    border: none;
    background-color: #fafafa;
}
/********* fine detail in gridview *****************/

.exportDownloadLink {
    color: #1b9b4d;
    text-transform: uppercase;
    margin-left: 30px;
    margin-right: 30px;
}