@font-face {
    font-family: 'SourceSansPro';
    src: url("../fonts/SourceSansPro-Bold.eot");
    src: url("../fonts/SourceSansPro-Bold.woff") format('woff'), url("../fonts/SourceSansPro-Bold.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("../fonts/SourceSansPro-Light.eot");
    src: url("../fonts/SourceSansPro-Light.woff") format('woff'), url("../fonts:SourceSansPro-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro';
    src: url("../fonts/SourceSansPro-Regular.eot");
    src: url("../fonts/SourceSansPro-Regular.woff") format('woff'), url("../fonts/SourceSansPro-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

iframe {
    background-color: #f4f5f7;
}
/*Left bar*/
.quickTitle {
    font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
    font-size: 13.5px;
    color: #000000;
    padding: 40px 0px 0px 30px;
}

.welcome {
    font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
    font-size: 17px;
    color: #999999;
    padding: 12px 15px 0px 19px;
}

.PageContentStyle {
    background-color: #f4f5f7;
}

.PageCurvedImage img {
    width: 33px;
    margin-top: -15px;
}

.left-list {
    list-style-type: none;
    z-index: 999;
    padding: 15px 0px 0px 0px;
    margin-left: 0px;
}

    .left-list li {
        padding: 0;
        border-bottom: 1px solid #e3e9ef;
        font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
        font-size: 13px;
        color: #666666;
    }

        .left-list li a {
            font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
            font-size: 13px;
            color: #666666;
            padding: 10px 5px 10px 15px;
            display: block;
        }

    .left-list li a:hover {
        font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
        font-size: 13px;
        color: #D9107D;
        text-decoration: none;
        background-color: #ffe6e6;
    }

.main_column_section1 {
    background: #FFF;
    border: solid 3px #FFF;
    width: 100%;
}

.headerNav {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    /*padding-left:15px;
	text-shadow: 1px -1px 0px #006699;*/
}

    .headerNav:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #ffffff;
        border: 0;
        /*text-shadow: 1px -1px 0px #006699;*/
    }


.divInner1, .divInner2, .divInner4 {
    float: right;
    margin-left: 3px;
    margin-right: 3px;
    padding: 22px 10px 0px 10px;
}

.divInner3 {
    float: right;
    margin-left: 3px;
    margin-right: 3px;
    padding: 0px 10px 0px 10px;
}

body {
    /*background-color:#2989CC;*/
}

.divSideBarImage {
    /*position: absolute;*/
    margin: 0px 0 0 16px;
    overflow: hidden;
    display: none;
    height: 450;
    z-index: 1;
    /*background-image:url(../images/skin/leaves.png);*/
    background-repeat: no-repeat;
}

.divSideBarInnerContainer {
    width: 150px;
    padding-left: 20px;
}

.DivSkinLayer {
    /*height:209px;*/
    width: 110px;
    background-color: #172322;
    position: absolute;
    z-index: 1050;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 0px;
}

.tblUserSkinImages {
    width: 110px;
}

 .tblUserSkinImages td {
  background-color: #172322;
  width: 110px;
  border-bottom: dotted 1px #606060;
}

    .tblUserSkinImages img {
        cursor: pointer;
    }

    .tblUserSkinImages a {
        vertical-align: middle;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #58CCFF;
        padding-left: 10px;
    }

.tdSkin a:hover {
    color: #FFF;
    font-weight: bold;
}

/** Added for dynamic css based menus **/
/** added by : Nagu **/
/** Top menu **/

.navdiv {
    width: 100%;    
    float: left;
    background-color:#FFFFFF;
}

ul#nav {
    font-family: SourceSansPro, "Source Sans Pro", "Trebuchet MS", Arial, sans-serif;
    font-size: 1.4em !important;
    font-weight: 500 !important;
    /* font-weight: bold; */
    font-style: normal;
    text-transform: lowercase;
    /* display: block; */
}

ul.drop a {
    display: block;
    color: #000000;
    text-decoration: none;
    font-weight: 500 !important;
}

ul.drop, ul.drop li, ul.drop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0px solid #fff;
    color:#575758;
    position: relative;
}

ul.drop {
    position: relative;
    z-index: 98;
    float: left;
    left: 2px;
    /*width:99.9%;*/
    padding-left: 30px;
}

    ul.drop li {
        float: left;
        line-height: 1.3em;
        vertical-align: middle;
        padding: 4px 5px 6px 7px;
    }

#nav > li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    padding: 10px 40px 10px 10px;
}

ul.drop li:hover, ul.drop li a:hover {
    position: relative;
    z-index: 98;
    color: #FFFFFF;
    background: #d9107d;
    text-decoration: none;
}

ul.drop ul {
    display: none;
    position: absolute;
    background: #FFFFFF;
    top: 100%;
    left: 0;
    z-index: 98;
    width: 195px;
    margin-top: 3px;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
    border-top: 0px;
    border-bottom: 0px;
    box-shadow: 0 4px 8px -2px rgba(9,30,66,.25), 0 0 1px rgba(9,30,66,.31);
}

ul.drop ul li {
    float: none;
    line-height: 1.5em;
    width: auto;
    border-bottom: 1px solid #e3e9ef;
}

ul.drop li ul li {
    margin-left: 0px !important;
}

        ul.drop li ul li:hover, ul.drop li ul li a:hover {
            position: relative;
            z-index: 98;
            color: #D9107D !important;
            text-decoration: none;
        }

        ul.drop li ul li:hover {
            position: relative;
            z-index: 98;
            color: #FFFFFF !important;
            text-decoration: none;
        }
    ul.drop ul ul {
        top: -2px;
        left: 100%;
    }

    ul.drop li:hover > ul {
        display: block;
    }

    li.activemenu a {
    color: #FFFFFF !important;
    }

    ul.drop li.activemenu ul {
        display: block !important;
    }

ul.drop ul li a {
   color: #000000 !important;
}

ul.drop li.activemenu a {
    color: #D9107D;
}

#nav li > a {
    color: #575758 !important;
}

#nav li > a:hover {
    color: #FFFFFF !important;
}

#nav li li a {
    color: #575758 !important;
}

#nav li li a:hover {
    color: #FFFFFF !important;
}
ul.drop ul li a:hover {
    color: #575758;
}

#nav li.activemenu:hover > a {
    color: #FFFFFF !important;
} 

/** Side menu **/

ul.side a {
    display: block;
    color: #000000;
    text-decoration: none;
}

ul.side, ul.side li, ul.side ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: dotted 1px #606060;
    background: url('../images/main-nav-bg.png') repeat-x;
    color: #000000;
}

ul.side {
    position: relative;
    z-index: 597;
    float: left;
}

    ul.side li {
        line-height: 1.3em;
        vertical-align: middle;
        padding: 4px 10px 6px 10px;
        width: 120px;
    }

        ul.side li:hover, ul.side li a:hover {
            position: relative;
            z-index: 599;
            color: #FF7900;
        }

    ul.side ul {
        visibility: hidden;
        position: absolute;
        top: 0%;
        left: 100%;
        z-index: 598;
        width: 195px;
        color: #FF7900;
        border: 0px solid #fff;
    }

        ul.side ul li {
            background: #172322;
            line-height: 1.3em;
            position: relative;
            float: none;
            width: auto;
            border-bottom: dotted 1px #606060;
        }

        ul.side ul ul {
            top: 0px;
            left: 100%;
        }

    ul.side li:hover > ul {
        visibility: visible;
        z-index: 598;
        list-style: none;
    }

    ul.side ul li a {
        color: #FF7900;
    }

        ul.side ul li a:hover {
            color: #000000;
        }

ul li a.none {
    cursor: default;
    text-decoration: none;
}

ul li a.none:hover {
    cursor: default;
    text-decoration: none;
    background: none;
    color: #000 !important;
}
/** Menu style ends **/

/*Top Button menu styles*/
.top-nav {
    width: auto;
    position: relative;
    top: 8px;
    float: right;
    margin-right: 30px;
    z-index: 9999;
}

.aerial_logo {
    border: 0;
    margin-right: 10px;
    float: right;
}


    .top-nav ul, .top-nav ul li ul.start {
        padding: 0px;
        margin: 0px;
        overflow: visible !important;
    }

        .top-nav ul.top-dwn {
            background: url('../images/arrow-down.png') no-repeat 98% center;
        }

        .top-nav ul li ul.start {
            position: absolute;
            z-index: 9999;
            display: none;
            width: 100%;
            text-align: left;
            background: #F4f4f4;
            left: -1px;
            top: 29px;
            border: 1px solid #a5a5a5;
            text-transform: lowercase;
            border-radius:3px;
        }

        .top-nav ul li {
            list-style: none;
            padding: 6px 10px;
            text-align: left;
        }

.top-nav li a {
    font-size: 14px;
    text-decoration: none;
    padding-right: 15px;
}

        .top-nav li a.active {
            color: #FF7900;
        }

.clear {
    clear: both;
}

.top-nav ul li ul.start .dfl-dwn-first {
    position: absolute;
    left: -101%;
    display: none;
    background: #F4f4f4;
    border: 1px solid #a5a5a5;
    margin-top: -30px;
    width: 100%;
    text-transform: lowercase;
    z-index: 9999 !important;
}

.top-nav ul li:hover, .top-nav li a:hover {
    position: relative;
    z-index: 98;
    color: #D9107D !important;
    text-decoration: none;
    z-index: 9999 !important;
}
#tdQuickLinkContent {
    width: 12%;
    background-color: white;
    vertical-align: top;
}