/*Home Page CSS*/
.TextIIRE
{
    font-family: Georgia, "Times New Roman" , Times, serif;
}
.Holistic
{
    font-weight: bold;
    letter-spacing: 2px;
    color: #b30000;
    font-family: Brush Script Std !important;
    font-size: 250% !important;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}
.fourcolP
{
    color: #737373;
    font-weight: bold; /*min-height: 315px;*/
    text-align: justify;
    padding: 10px;
    font-family: sans-serif !important;
    font-size: 13px; /*font-weight: 400;*/
    line-height: 1.6em;
}
.fourcolP2
{
    color: #737373;
    font-weight: bold;
    min-height: 180px;
    text-align: justify;
    padding: 10px;
    font-family: sans-serif !important;
    font-size: 13px; /*font-weight: 400;*/
    line-height: 1.6em;
}
.btnSize1
{
    width: 130px !important;
    background-color: #007acc !important;
    border-color: #007acc !important;
    padding: 4px 5px !important;
    font-size: 12px !important;
}
.btnSize2
{
    width: 130px !important;
    background-color: #007acc !important;
    border-color: #007acc !important;
    padding: 4px 5px !important;
    font-size: 12px !important;
}

.btnSize:hover
{
    color: white;
}
.bottomBtn
{
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #d9d9d9;
    padding: 10px 5px;
    margin: -4px;
}
.hrHeight
{
    visibility: hidden;
    margin: 5px !important;
}
/*Home Page CSS End*/

/*Book link*/
.book
{
 background-color:#00FFFF;
}
.book :hover
{
 background-color:#00CCCC !important ;
}

.thesis
{
 background-color:#80FF00;
}
.thesis :hover
{
 background-color:#66CC00 !important ;
}
    
/*Book link End*/

/*Career Planning CSS Start*/
.imgTest
{
    max-width: 100%;
    display: inline-block;
}
.colCareerPlan p
{
    margin-top: -28px;
    background-color: #777777;
    color: red;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    padding: 3px;
    text-align: center;
    font-weight: bold;
}
.colCareerPlan p span
{
    background: #777777;
    color: #f2f2f2;
    font-size: 17px;
    transition: all 0.4s ease 0s;
}
.btn
{
    padding: 6px 6px !important;
}

/*Career Planning CSS End*/
/*///////////////////////////////////////////////////////*/
/*Career Explorer CSS Starts*/
.divClassification
{
    display: none;
}
/*Career Explorer CSS End*/
/*Nav Bar CSS*/
/*.navbar-header{ width: 100% !important;}*/
nav
{
    background-color: white !important;
}
.navbar
{
    /*background-image: url('../Images/NavBackground.jpg');*/
    height: 70px;
    background-color: white !important;
}
.nav
{
    font-size: 13px !important; /*border: 1px solid #000000;*/
    border: none;
}
.navbar-default
{
    /*background-color: #eea236;*/
    border: none;
}
.navbar .divider-vertical
{
    height: 32px; /*margin: 0 9px;*/
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #ffffff;
}
.pageHeader
{
    border-bottom: 1px solid #cccccc;
    margin: 10px 0 20px;
    padding-bottom: 9px;
    color: #004d99;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
}
.pageHeaderBack
{
    border-bottom: 1px solid #cccccc;
    margin: 10px 0 20px;
    padding-bottom: 22px;
    color: #004d99 !important;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.ULuser
{
    padding-right: 10px;
    display: block;
}

.ULuser li a
{
    font-weight: bold;
    letter-spacing: 1px;
    color: #99994d;
}
#imgUser
{
    display: none;
}
#imgProfile1
{
    display: none;
}
#imgLogo2
{
    display: none;
    text-align: center;
}
#divBR
{
    display: none;
}
/*.carousel .item
{
    height: 20% !important;
}

.item img
{
    min-height: 20% !important;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img
{
    min-height: 20% !important;
    height: 20% !important;
    width: 100%;
}*/
.navbar-toggle
{
    background-color: #cccccc;
}
.navbar-toggle:hover, .navbar-toggle:focus
{
    background-color: #999999 !important;
}

.btn-Forum
{
    color: #fff;
    background-color: #005c99;
    font-weight: bold;
    border-color: #005c99;
}
.btn-Forum:hover
{
    color: white;
}
/*Nav Bar CSS End*/
/*Expert Video*/
.btnCloseLogin
{
    padding: 12px 12px 0 0 !important;
}
/*Expert Video End*/
.row-eq-height, .fourPanel
{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: inline-flex !important;
}
#divJobUnitDescription
{
    /*padding-left: 310px;*/
}

#iframeModule{height: 600px; width: 100%}

.aMCPRpt{ float: right;color: white;}

 /* The animation code */
@keyframes example {
    from {color: red;}
    to {color: #ffffff;}
}

/* The element to apply the animation to */
.clickhere {
    color: red;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
} 

@media only screen and (max-width: 830px)
{
    .navbar .divider-vertical{ display: none;}
    #divSwnClassificationLeft{ z-index: 1;width: 100% !important;}
    .col-xs-3{width: 100% !important; }
    
    #divJobUnitDescription
    {
        width: 100% !important;
        
        padding-left: 10px;
    }
    #divBreak
    {
        display: block !important;
    }
    .btnnavbartogglecollapsed
    {
        display: none;
    }
    
    #divSwnClassificationLeft
    {
        position: absolute;
    }

}

@media only screen and (max-width: 1280px)
{
    .btnSize1
    {
        width: 100px !important;
    }
}

@media only screen and (max-width: 320px)
{
    .btnSize1
    {
        width: 80px !important;
    }
}

@media only screen and (max-width: 1152px) {
    
}

@media only screen and (max-width: 1199px)
{
    /*.fourcolP{ min-height: auto;}*/
    .aMCPRpt{ float: left;color: white;}
    .row-eq-height, .fourPanel
    {
        display: block !important;
    }
    .row-eq-height, .threePanel
    {
        display: block !important;
    }
    .col-lg-3
    {
        margin-bottom: 5px !important;
    }
    .foutButton
    {
        width: 50%;
    }
}

@media only screen and (max-width: 980px) {
    .aMCPRpt{ float: right;color: white;}
    #spBestView{ display: none;}
}

@media only screen and (max-width: 767px)
{
    .navbar .divider-vertical
    {
        height: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

@media only screen and (max-width: 830px)
{.navbar .divider-vertical{ display: none;}
    #divBR
    {
        display: block;
        height: 30%;
    }
    .navbar, #MenuBar
    {
        height: auto !important;
    }
    #imgLogo1
    {
        display: none;
    }

    #imgLogo2
    {
        display: block;
    }

    .ULuser
    {
        display: none;
    }
    #imgProfile1
    {
        display: flex;
    }
    #imgUser
    {
        display: none;
    }
    /*#imgUser
        {
            display: block;
        }*/
    #imgProfile1 > div
    {
        text-align: center;
        float: left;
    }
    #responseFullname
    {
        font-weight: bold !important;
        color: #777 !important;
        letter-spacing: 1px !important;
        padding: 8px;
        width: auto;
    }
    .navbar-toggle
    {
        /*margin-top: -40px;*/
    }
}

@media only screen and (max-width: 768px)
{
    #divBR
    {
        display: block;
        height: 15%;
    }
    #tblSearchBtn{ float: right;}
    
}

@media only screen and (max-width: 640px)
{
    #divBR
    {
        display: block;
        height: 12%;
    }
}

@media only screen and (max-width: 480px)
{
    .aMCPRpt{ float: left;color: white;}
    #divBR
    {
        display: block;
        height: 30%;
    }
    .Holistic
    {
        font-size: 150% !important;
    }
    #iframeModule{height: 400px !important; width: 100%}
}

@media only screen and (max-width: 360px)
{
    #divBR
    {
        display: block;
        height: 12%;
    }
    
}

@media (max-width: 830px)
{.navbar .divider-vertical{ display: none;}
    .navbar-header
    {
        float: none;
    }
    .navbar-left, .navbar-right
    {
        float: none !important;
    }
    .navbar-toggle
    {
        display: block;
    }
    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top
    {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse
    {
        display: none !important;
    }
    .navbar-nav
    {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav > li
    {
        float: none;
    }
    .navbar-nav > li > a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in
    {
        display: block !important;
    }
}