﻿/*--------------------------------------  Events  ----------------------------------------*/

#admn_content
{
    float: left;
    width: 900px;
    margin-top: 20px;
}

#app_content
{
    float: left;
    width: 680px;
    font: normal 13px/20px Verdana;
}

.app_content
{
    float: left;
    width: 680px;
    font: normal 13px/20px Verdana;
}

    .app_content a
    {
        text-decoration: none;
    }

        .app_content a img
        {
            vertical-align: text-bottom;
        }

.events_title
{
    width: 100%;
    margin-bottom: 20px;
    font: Bold 20px/20px Verdana;
}

.events_sub_title
{
    width: 100%;
    margin-bottom: 5px;
    font: Bold 14px/18px Verdana;
}

.events_small_title
{
    width: 100%;
    margin-bottom: 5px;
    font: 12px/14px Verdana;
}
/*----Search Box-------*/
.searchTextbox
{
    width: 155px;
    height: 22px;
    border: 1px solid #b4b2ac;
    border-right: 1px solid #666666;
    float: left;
    margin-right: -1px;
    box-shadow: 0 0 6px #BEBDBA inset;
}

.searchButton
{
    text-decoration: none;
    float: left;
    font: bold 14px/24px Verdana;
    background: url("Images/subscribe-gradient.jpg") repeat-x;
    border: 1px solid #666666;
    height: 22px;
    vertical-align: middle;
    text-align: center;
    padding: 0px 5px 0;
}

.searchDDL
{
    float: left;
    width: 164px;
    height: 26px;
    font: 11px/14px Verdana;
    background: url("Images/subscribe-gradient.jpg") repeat-x;
    border: 1px solid #666666;
}

.searchOption
{
    float: left;
    margin: 10px 0;
    width: 199px;
    color: #5a5a5a;
    font: Normal 12px Verdana;
}

    .searchOption tr
    {
        height: 20px;
    }

        .searchOption tr td input
        {
            vertical-align: middle;
            margin-right: 10px;
        }

.SearchTitle
{
    font: bold 16px Verdana;
    color: #c94309;
}

.leftSearch
{
    float: left;
    color: #c5c5c5;
    margin-top: 5px;
    width: 199px;
}

/*----Calendar-------*/
.calendar
{
    width: 185px;
    height: auto;
    background-color: #f4f4f4;
    float: left;
    border: solid 6px #FFFFFF;
    box-shadow: 0 0 2px 0;
}

.calendarMainDive
{
    width: 165px;
    border-bottom: solid 1px #e4e4e4;
    padding: 11px 10px;
    float: left;
    height: 75px;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
}

.calendarDateDive
{
    background: url(Images/calendar_arow.png) right no-repeat;
    width: 60px;
    padding-right: 9px;
    float: left;
    font: bold 24px Verdana;
    color: #C94309;
}

    .calendarDateDive span
    {
        font: bold 12px Verdana;
        float: left;
    }

.calendartextDive
{
    width: 80px;
    margin-left: 10px;
    float: left;
    font: bold 11px Verdana;
    color: #5d5c5c;
}

.calendarEvent
{
    width: 185px;
    height: 40px;
    background: #d9d9d9;
    float: left;
    text-align: center;
    font: bold 18px/24px Verdana;
    color: #c94309;
    cursor: pointer;
    margin-top: 10px;
}

    .calendarEvent span
    {
        width: 185px;
        display: block;
        font: bold 10px/12px Verdana;
        color: #5d5c5c;
    }

.blackColor
{
    color: #565656;
}

.ddlLabel
{
    font: bold 14px/35px Verdana;
}

#EventMenuHead
{
    width: 100%;
    height: auto;
    float: left;
    font: bold 13px/18px Verdana;
    color: #c94309;
    cursor: pointer;
    margin-bottom: 10px;
}

#redirectEventHolder
{
    padding-top: 10px;
    margin-bottom: 10px;
}

.EventMenuLink
{
    width: 100%;
    float: left;
    cursor: pointer;
}

    .EventMenuLink > ul
    {
        margin: 10px 0;
    }

        .EventMenuLink > ul > li
        {
            list-style: none;
            background: url("Images/arrow.png") no-repeat 0 7px transparent;
            padding: 5px 0 10px 15px;
            cursor: pointer;
            font: normal 12px/20px Verdana;
            border-bottom: 1px dashed #494949;
            margin-bottom: 5px;
        }

            .EventMenuLink > ul > li a
            {
                color: inherit;
                text-decoration: none;
            }

            .EventMenuLink > ul > li:first-child
            {
                border-top: 1px dashed #494949;
                padding-top: 8px;
                background-position: 0 10px;
            }

            .EventMenuLink > ul > li > ul
            {
                margin-top: 5px;
            }

                .EventMenuLink > ul > li > ul > li
                {
                    padding: 2px;
                    list-style: none;
                    font: normal 11px/13px Verdana;
                }

.eventText
{
    padding: 20px 0;
    float: left;
    width: 670px;
    font: bold 14px/20px Verdana;
}

    .eventText tr
    {
        cursor: pointer;
    }

        .eventText tr td
        {
            border-bottom: 1px solid #DADADA;
            padding: 15px 0;
        }

            .eventText tr td img
            {
                border: 1px solid #666666;
                width: 67px;
                height: 48px;
            }

.EventdateAndtitle
{
    font: bold 14px/20px Verdana;
    color: #c94309;
    margin-right: 50px;
    width: 128px;
    float: left;
}

.EventRightText
{
    font: bold 14px/20px Verdana;
    color: #565656;
    float: left;
    width: 225px;
}

.EventsPagination
{
    float: right;
    font: bold 13px Verdana;
    color: #c94309;
    height: 15px;
    margin: 5px 0;
}

    .EventsPagination a
    {
        color: #c94309;
        text-decoration: none;
    }

.DateAndAddr
{
    font: normal 13px/16px Verdana;
    color: #565656;
    width: 100%;
    margin: 15px 0;
}

.eventsinnerText
{
    font: normal 12px/16px Verdana;
    color: #5a5a5a;
    text-align: justify;
    margin-bottom: 15px;
}

.NavHelpText
{
    font: normal 11px/14px Verdana;
    color: #5a5a5a;
    text-align: justify;
    margin-bottom: 11px;
    font-style: italic;
    width: 100%;
}

.eventsinnerText ul
{
    margin-left: 15px;
    padding: 0;
}

    .eventsinnerText ul li
    {
        list-style: disc outside;
        margin: 5px 0;
    }

.eventsinnerText ol
{
    margin-left: 18px;
    padding: 0;
}

    .eventsinnerText ol li
    {
        list-style: decimal outside none;
        margin: 10px 0;
    }

.eventsinnerText img
{
    border: solid 5px #FFFFFF;
    box-shadow: 0 0 4px 0;
    float: right;
    margin: 0 0 10px 10px;
}

.eventsinnerText tr
{
    height: 25px;
}

.eventsAddress
{
    font: normal 12px/14px Verdana;
    color: #4c4c4c;
}

.eventsType
{
    font: bold 12px/14px Verdana;
    color: #4c4c4c;
}

.eventsSpacer
{
    font: bold 5px/8px Verdana;
    color: #4c4c4c;
    width: 100%;
}

.eventsSubTitle
{
    font: bold 12px/18px Verdana;
    color: #4c4c4c;
}

.EventAddMedia
{
    width: 670px;
    float: left;
}

    .EventAddMedia span
    {
        margin-right: 15px;
        height: 15px;
        vertical-align: bottom;
        font: bold 13px/16px Verdana;
        color: #000000;
        float: left;
    }

        .EventAddMedia span a img
        {
            margin-right: 7px;
            height: 13px;
            width: 13px;
            vertical-align: middle;
        }

    .EventAddMedia a
    {
        text-decoration: none;
        color: #000000;
    }

.GalleryDiv
{
    width: 670px;
    float: left;
    margin: 25px 0 0;
    height: auto;
    padding-bottom: 10px;
}


    .GalleryDiv ul
    {
        float: left;
        list-style: none;
    }

        .GalleryDiv ul li
        {
            float: left;
            list-style: none;
            margin-right: 5px;
        }

.GalleryThumb
{
    float: left;
    width: auto;
    height: auto;
    box-shadow: 0 0 5px 0 #000000;
    border: 2px solid #D9D9D9;
    margin-right: 20px;
    background: #FFFFFF;
    outline: none;
}

    .GalleryThumb:hover, .GalleryThumb:active
    {
        box-shadow: 0 0 5px 0 #9B001F;
        outline: none;
    }
/*--------------------------------------  Events  ----------------------------------------*/

/*--------------------------------------  Departments  ----------------------------------------*/
.AppLink
{
    color: #666666;
    text-decoration: underline !important;
}

.DeptTitle
{
    font: bold 14px/18px Verdana;
    color: #4c4c4c;
}

.DeptLink
{
    width: 100%;
    float: left;
    cursor: pointer;
}

    .DeptLink > div
    {
        font: normal 12px/20px Verdana;
        margin: 10px 0;
    }

    .DeptLink ul >
    {
        margin: 10px 0;
    }

    .DeptLink ul li
    {
        list-style: none;
        padding: 10px 0 10px 13px;
        cursor: pointer;
        font: normal 12px/20px Verdana;
        background: url('images/arrow.png') no-repeat 0 13px;
    }

    .DeptLink > ul > li:nth-child(odd)
    {
        background-color: #F4F4F4;
    }

    .DeptLink ul li div
    {
        display: inline-block;
    }

    .DeptLink ul li ul
    {
        margin-top: 5px;
    }

        .DeptLink ul li ul li
        {
            padding: 2px;
            list-style: disc;
            list-style-position: inside;
            font: normal 12px/14px Verdana;
            margin: 5px 0;
            background: none;
        }

.DepartmentList
{
    margin: 10px 0;
    list-style: none;
}

    .DepartmentList li
    {
        margin: 10px 0 20px;
        font: normal 12px/20px Verdana;
        border-bottom: 1px dashed #494949;
        padding-bottom: 5px;
    }

        .DepartmentList li > a
        {
            text-decoration: none;
            margin-bottom: 10px;
            display: block;
            background: url("images/arrow.png") no-repeat scroll 0 2px transparent;
            padding: 0 10px 0 15px;
        }

        .DepartmentList li:first-child
        {
            border-top: 1px dashed #494949;
            padding-top: 10px;
        }

        .DepartmentList li > span
        {
            display: block;
        }

        .DepartmentList li > a.MediaButton
        {
            font: bold 12px/16px helvetica;
            width: 98px;
            margin-top: 10px;
        }

#dept_content_div
{
    color: #666666;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    float: left;
    width: 100%;
}

    #dept_content_div p
    {
        margin-bottom: 10px;
    }

    #dept_content_div ul
    {
        margin-left: 15px;
        padding: 0;
        list-style-type: disc;
    }

        #dept_content_div ul li
        {
            list-style: disc outside;
            margin: 10px 0;
        }

.DepartmentNoRecord p
{
    margin-bottom: 10px;
}

.DepartmentNoRecord
{
    color: #666666;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    float: left;
    width: 100%;
}

.hodContent
{
    margin-bottom: 15px;
    min-width: 635px;
    color: #5D5C5C;
    float: left;
}

    .hodContent > ul > li
    {
        list-style: none;
        font: bold 14px/18px verdana;
        margin: 10px 0 25px;
        color: #A91721;
    }

        .hodContent > ul > li > ul > li
        {
            list-style: none;
            font: normal 12px/16px verdana;
            margin: 10px 0;
            color: #5D5C5C;
        }

            .hodContent > ul > li > ul > li ul li
            {
                list-style: disc none inside;
                font: normal 12px/16px verdana;
                margin: 5px 0;
                margin-left: 10px;
                color: #5D5C5C;
            }

    .hodContent p
    {
        margin: 5px 0;
    }

/*--------------------------------------  Courses  ----------------------------------------*/
.AppLeftTitle
{
    margin-top: 10px;
    text-align: left;
    font: bold 13px/18px Verdana;
}

li.ListPanel
{
    list-style: none;
    margin: 5px 10px 20px;
    float: left;
    width: 206px;
}

    li.ListPanel div
    {
        background-color: #D9D9D9;
        text-align: left;
        vertical-align: middle;
        color: #444540;
        height: 20px;
        font: bold 14px/20px Verdana;
        padding-left: 5px;
    }

    li.ListPanel ul li
    {
        list-style: none;
        font: bold 12px/18px Verdana;
        color: #A91721;
        padding: 4px 0 3px 10px;
        margin-bottom: 5px;
        border-bottom: 1px solid #D9D9D9;
        cursor: pointer;
    }

.CoNameLink
{
    cursor: pointer;
}

.CoMenuLink
{
    width: 100%;
}

    .CoMenuLink ul
    {
        margin: 10px 0;
    }

        .CoMenuLink ul li
        {
            list-style-image: url("Images/arrow.jpg");
            list-style-position: inside;
            padding: 5px 0;
            cursor: pointer;
            font: normal 12px/20px Verdana;
        }

            .CoMenuLink ul li ul
            {
                margin-left: 15px;
                margin-top: 5px;
            }

                .CoMenuLink ul li ul li
                {
                    padding: 2px;
                    list-style: disc;
                    list-style-position: inside;
                    font: normal 11px/13px Verdana;
                }

.CoImg
{
    padding: 5px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    margin: auto;
    -moz-box-shadow: #565656 0 0 4px;
    box-shadow: #565656 0 0 4px;
    background: #FFF;
    width: 300px;
    height: 200px;
}

.CoSubLink
{
    width: 100%;
    color: #5A5A5A;
}

    .CoSubLink ul
    {
        margin: 10px 0;
    }

        .CoSubLink ul li
        {
            list-style: disc none inside;
            padding: 5px 0;
            line-height: 20px;
            cursor: pointer;
            font: normal 12px/14px Verdana;
        }

            .CoSubLink ul li ol
            {
                margin-left: 15px;
                margin-top: 10px;
            }

                .CoSubLink ul li ol li
                {
                    list-style: disc url("Images/arrow.jpg") inside;
                    padding: 5px 0;
                    line-height: 20px;
                    cursor: pointer;
                    font: normal 12px/14px Verdana;
                }

.CoDownLink ul
{
    margin: 10px 25px;
    list-style: none;
}

    .CoDownLink ul li
    {
        list-style-position: outside;
        padding: 5px 0;
        cursor: pointer;
        font: normal 12px/20px Verdana;
    }

.CoSubDetLink
{
    color: #5A5A5A;
    width: 100%;
}

    .CoSubDetLink ul
    {
        margin: 10px 0;
    }

        .CoSubDetLink ul li
        {
            list-style: disc url("Images/arrow.jpg") inside;
            padding: 5px 0;
            line-height: 20px;
            cursor: pointer;
            font: normal 12px/14px Verdana;
        }

.CoDownloads
{
    margin: 10px;
    width: 100%;
    color: #666666;
    font-family: "Verdana";
    font-size: 12px;
    text-decoration: none;
}

    .CoDownloads img
    {
        border: none;
        padding-right: 10px;
    }

.CoDownLink a.links
{
    float: left;
    font: normal 12px/14px Verdana;
    color: #666666;
    text-decoration: none;
}

    .CoDownLink a.links img
    {
        margin-right: 5px;
        vertical-align: middle;
    }

.CoTabContent
{
    background-color: #F2EFE3;
    border: 1px solid #D9D9D9;
    margin-bottom: 15px;
    min-width: 678px;
    min-height: 250px;
    padding: 5px 10px;
}

/*--------------------------------------  Courses  ----------------------------------------*/
/*--------------------------------------  FAculty  ----------------------------------------*/

.facultyRedirect td
{
    cursor: pointer;
}

.facultySearchImg
{
    padding: 5px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    margin: auto;
    -moz-box-shadow: #565656 0 0 4px;
    box-shadow: #565656 0 0 4px;
    background: #FFF;
    width: 75px;
    height: 90px;
    vertical-align: middle;
    margin-right: 10px;
}

.facultyTab
{
    background-color: #fbf8ec;
    border: 1px solid #D9D9D9;
    margin-bottom: 15px;
    min-height: 450px;
    min-width: 635px;
    padding: 20px;
    color: #5D5C5C;
}

    .facultyTab ul li
    {
        list-style: none;
        font: bold 14px/18px verdana;
        margin: 10px 0 25px;
        color: #A91721;
    }

        .facultyTab ul li ul li
        {
            list-style: none;
            font: normal 12px/16px verdana;
            margin: 5px 0;
            color: #5D5C5C;
        }

.facultyImg
{
    padding: 5px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    margin: auto;
    -moz-box-shadow: #565656 0 0 4px;
    box-shadow: #565656 0 0 4px;
    background: #FFF;
    width: 167px;
    height: auto;
    min-height: 200px;
}

.facultyLabels
{
    font: normal 12px /14px Verdana;
    color: #5D5C5C;
}

.facultyEdit a
{
    color: #A91721;
}

.FacultyPubHead
{
    width: 97%;
    height: auto;
    float: left;
    text-align: center;
    font: bold 18px/24px Verdana;
    margin: 10px 0 15px;
    background-color: #E4E4E4;
    padding: 5px;
}

.FacultyPub
{
    border-bottom: 1px solid #E4E4E4;
    list-style: none;
    cursor: pointer;
    margin: 5px 0;
    padding: 2px;
    margin-bottom: 10px;
}

.FacultyPubTitle
{
    font: bold 14px/20px Verdana;
    border-bottom: 1px solid #E4E4E4;
    margin: 5px 10px 15px 0;
    padding: 2px;
    float: left;
    width: 200px;
}

.FacultyPub a
{
    text-decoration: none;
    outline: none;
    border: none;
    color: inherit;
}

.BlogContainer
{
    float: left;
    margin: 15px 10px 10px 0;
}

.BlogImgRightContent
{
    float: left;
    margin-right: 10px;
    width: 480px;
}

.BlogContainer a
{
    text-decoration: none;
    outline: none;
    border: none;
    color: inherit;
}

    .BlogContainer a.MediaButton
    {
        color: #A91721;
    }

.BlogList
{
    color: #5D5C5C;
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #999999;
}

.BlogTitle
{
    font: bold 14px/18px Verdana;
}

.BlogDate
{
    font: normal 11px/13px Verdana;
    margin-bottom: 10px;
}

.BlogDesc
{
    font: normal 12px/18px Verdana;
    margin-bottom: 10px;
}

    .BlogDesc p
    {
        padding: 5px 0;
    }

.facultyRedirect
{
    cursor: pointer;
}

.facultyHeadPosition
{
    font: normal 12px Verdana;
    color: #5D5C5C;
    line-height: 18px;
    margin: 5px 0;
    display: block;
}

.FacultyListingName
{
    color: #A91721;
    float: left;
    width: 85%;
    font-size: 20px;
    margin-top: 10px;
    text-decoration: none;
}

.FacultyListingPosition
{
    float: left;
    margin-top: 10px;
    width: 85%;
}

.FacultylistingMail
{
    float: left;
    width: 85%;
    margin-top: 15px;
    font: normal 12px/13px Verdana;
}

    .FacultylistingMail a
    {
        text-decoration: none;
        background-image: url("Images/msg_icon_red.jpg");
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        color: #5D5C5C;
    }

        .FacultylistingMail a img
        {
            vertical-align: text-bottom;
        }
/*--------------------------------------  FAculty  ----------------------------------------*/
/*-------------------------------------- Media Manager Form ----------------------------------------*/

.FormTitle
{
    font: bold 18px/22px Verdana;
    color: #A91721;
    margin-bottom: 10px;
}

.MediaForm
{
    width: 100%;
    font: Normal 12px/16px Verdana;
    color: #000000;
}

.instructions
{
    font: normal 11px Verdana;
}

.MediaForm tr
{
    height: 30px;
    margin: 10px 0;
}

    .MediaForm tr td
    {
        height: 30px;
        padding: 10px;
    }

.MediaButton
{
    text-decoration: none;
    color: #A91721;
    font: bold 14px/18px Helvetica;
    background: url("Images/subscribe-gradient.jpg") repeat-x;
    border: 1px solid #b4b2ac;
    padding: 2px 11px 3px;
    vertical-align: middle;
    cursor: pointer;
}

#tblAlbumImages
{
    font: Normal 12px/16px Verdana;
    color: #000000;
}

    #tblAlbumImages tr
    {
        height: 50px;
        margin: 10px 0;
    }

        #tblAlbumImages tr td
        {
            height: 50px;
            padding: 10px;
            border: 1px solid #CECECE;
        }

            #tblAlbumImages tr td img
            {
                padding: 5px;
                border: 1px solid #999999;
                background-color: #FFFFFF;
                margin: auto;
                -moz-box-shadow: #565656 0 0 4px;
                box-shadow: #565656 0 0 4px;
                background: #FFF;
            }


#AlbumPlaceHolder div
{
    display: inline-block;
    margin: 10px 6px;
    text-align: center;
    width: 324px;
    height: 265px;
}

    #AlbumPlaceHolder div img
    {
        width: 320px;
        height: 210px;
        border: 2px solid #CECECE;
        -moz-box-shadow: #565656 0 0 4px;
        -webkit-box-shadow: #565656 0 0 4px;
        box-shadow: #565656 0 0 4px;
    }

    #AlbumPlaceHolder div span
    {
        font: normal 10px/11px Verdana;
        color: #5D5C5C;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    #AlbumPlaceHolder div a
    {
        outline: 0;
        border: 0;
        text-decoration: none;
    }

#PDFPlaceHolder div
{
    font: Normal 12px/16px Verdana;
    width: 100%;
    display: block;
    margin: 10px;
}

    #PDFPlaceHolder div a
    {
        color: #5A5A5A;
        text-decoration: none;
    }

        #PDFPlaceHolder div a:hover
        {
            color: #A91721;
        }


/*-------------------------------------- Media Manager Form ----------------------------------------*/

/*------------------------------------------------- Centered Slide show      ------------------------------------------*/
/*.image_viewer{padding:5px;border: 1px solid #999999; background-color:#FFFFFF; position:absolute; margin:auto; margin-top:2px;-moz-box-shadow: #565656 0 0 4px;box-shadow: #565656 0 0 4px;behavior: url(PIE.htc);background: #FFF;}*/
.album_display_div
{
    position: relative;
    top: 0px;
    left: 0;
    float: left;
}

.image_show_viewer
{
    background-color: #FFFFFF;
    position: absolute;
    margin: auto;
    background: #FFF;
}

    .image_show_viewer img
    {
        margin: auto;
        text-align: center;
        vertical-align: middle;
        border: 5px solid #E5E5E5;
    }

.image_navigation
{
    width: 100%;
    text-align: center;
    height: 21px;
    vertical-align: middle;
    float: left;
    margin-top: 20px;
}

.Caption_Patch
{
    padding: 5px 0;
    position: relative;
}

.image_show_caption_holder
{
    overflow: auto;
    height: 56px;
    width: 100%;
    margin: 10px 0;
    float: left;
}

.image_show_caption
{
    font: normal 11px/13px Verdana;
    text-align: center;
    width: 95%;
    margin: auto;
    color: #5D5C5C;
    ;
}

.arow_div
{
    width: 79px;
    margin: auto;
}

.prev
{
    background: transparent url(Images/album_btn_prev.jpg) no-repeat 0 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
}

.pause
{
    background: transparent url(Images/album_btn_pause.jpg) no-repeat 0 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
}

.play
{
    background: transparent url(Images/album_btn_play.jpg) no-repeat 0 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
}

.next
{
    background: transparent url(Images/album_btn_next.jpg) no-repeat 0 0;
    width: 23px;
    height: 22px;
    float: left;
}

.prevInActive
{
    background: transparent url(Images/album_btn_prev.jpg) no-repeat -23px 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
    cursor: default;
}

.pauseInActive
{
    background: transparent url(Images/album_btn_pause.jpg) no-repeat -23px 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
    cursor: default;
}

.playInActive
{
    background: transparent url(Images/album_btn_play.jpg) no-repeat -23px 0;
    width: 23px;
    height: 22px;
    margin-right: 5px;
    float: left;
    cursor: default;
}

.nextInActive
{
    background: transparent url(Images/album_btn_next.jpg) no-repeat -23px 0;
    width: 23px;
    height: 22px;
    float: left;
    cursor: default;
}
/*
.nextInActive
{
    background: transparent url(Images/GT_Album_Navigator_Next.png) no-repeat 6.5px 4.5px;
    width: 23px;
    height: 26px;
    float: left;
    cursor: default;
    margin: 0 1px;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";    
}*/
/*------------------------------------------------- Centered Slide show End  ------------------------------------------*/

/*------------------------------------------------- Slide show    old system  ------------------------------------------*/
/*.album_display_div{padding:0px 5px; height:430px; width:650; margin:10px 0}
.image_viewer{padding:5px;border: 1px solid #999999; background-color:#FFFFFF; position:absolute; margin:auto; margin-top:2px;-moz-box-shadow: #565656 0 0 4px;
              box-shadow: #565656 0 0 4px;background: #FFF;width:690px;overflow:hidden;}
.image_viewer img{margin:auto; vertical-align:middle; text-align:center;}
.image_caption{font:bold 12px/14px Verdana; color:#494949; text-align:center; margin-bottom:10px; height:60px; overflow:auto;}

/*------------------------------------------------- Slide show End  ------------------------------------------*/


/*--------------------------------------  Alpha Search  ----------------------------------------*/

.alphaSearch
{
    float: left;
    list-style: none;
    width: 100%;
    margin: 5px 2px;
}

    .alphaSearch li
    {
        list-style: none;
        display: inline;
        padding: 5px;
    }

.alphaButton
{
    font: Bold 13px/18px Verdana;
    text-decoration: underline;
}


/*--------------------------------------  Alpha Search  ----------------------------------------*/

/*--------------------------------------  Directory Table  ----------------------------------------*/
.directoryTable
{
    margin: 5px 0;
    width: 100%;
    float: left;
}

    .directoryTable thead
    {
        background-color: #E2E2E2;
        padding: 10px 0;
    }

        .directoryTable thead tr th
        {
            padding: 5px 2px;
            text-align: center;
            font: Bold 14px/18px Verdana;
            border-right: 1px solid #CECECE;
        }

    .directoryTable tbody tr td
    {
        vertical-align: middle;
        padding: 10px 10px;
        text-align: left;
        font: Normal 12px/14px Verdana;
        border-bottom: 1px solid #CECECE;
    }

.redirect
{
    text-decoration: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    color: #A91721;
}

.displayTable
{
    margin: 5px 0;
    width: 100%;
    float: left;
}

    .displayTable thead
    {
        padding: 10px 0;
    }

        .displayTable thead tr th
        {
            padding: 5px 2px;
            text-align: center;
            font: Bold 14px/18px Verdana;
            color: #fff;
        }

    .displayTable tbody tr td
    {
        vertical-align: middle;
        padding: 10px 10px;
        text-align: left;
        font: Normal 12px/14px Verdana;
        border: 1px solid #CECECE;
    }

    .displayTable p
    {
        margin: 0;
    }

.instDirect
{
    margin: 5px 0;
    border: 1px solid #CECECE;
    width: 100%;
    float: left;
}

    .instDirect tbody tr td
    {
        vertical-align: left;
        padding: 5px 10px;
        text-align: left;
        font: Normal 12px/14px Verdana;
        height: 30px;
    }


/*--------------------------------------  Directory Table  ----------------------------------------*/
/*-------------------------------------- News and Media -------------------------------------------*/
.mediaHolder
{
    width: 295px;
    margin: 0 15px 30px;
    height: 100px;
    background-color: #f4f4f4;
    float: left;
    border: solid 6px #FFFFFF;
    box-shadow: 0 0 2px 0;
}

.mediaImage
{
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #999999;
    outline: none;
    margin-right: 10px;
}

.mediaTitle
{
    font: Normal 12px/14px Verdana;
    float: left;
    width: 170px;
}

.mediaDate
{
    font: Normal 10px/12px Verdana;
    float: left;
    width: 170px;
}

.mediaDownload
{
    font: Normal 10px/12px Verdana;
    float: left;
    width: 170px;
    vertical-align: middle;
    margin-top: 5px;
}

    .mediaDownload a
    {
        text-decoration: none;
    }

.mediaSpacer
{
    font: Normal 3px/5px Verdana;
    float: left;
    width: 170px;
    height: 5px;
}

/*-------------------------------------- News and Media -------------------------------------------*/

/*-------------------------------------- FAQ ClickList -------------------------------------------*/

.clickList
{
    padding: 5px 0 20px 5px;
    list-style-position: outside;
    list-style-type: square;
    font: normal 13px/16px Verdana;
    cursor: pointer;
    margin-left: 20px;
}

    .clickList:hover, .clickList.active
    {
        font-style: italic;
    }

/*background: url(Images/arrow-down.jpg) no-repeat left 7px;*/

.clickText
{
    color: #5A5A5A;
    font: normal 12px/16px Verdana;
    padding: 5px 0;
}

/*-------------------------------------- FAQ ClickList -------------------------------------------*/

/* jQuery Notification*/
.ui-notify
{
    width: 350px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.ui-notify-message
{
    padding: 10px;
    margin-bottom: 15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .ui-notify-message h1
    {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    .ui-notify-message p
    {
        margin: 3px 0;
        padding: 0;
        line-height: 18px;
    }

    .ui-notify-message:last-child
    {
        margin-bottom: 0;
    }

.ui-notify-message-style
{
    background: #000;
    background: rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}

    .ui-notify-message-style h1
    {
        color: #fff;
        font-weight: bold;
    }

    .ui-notify-message-style p
    {
        color: #fff;
    }

.ui-notify-close
{
    color: #fff;
    text-decoration: underline;
}

.ui-notify-click
{
    cursor: pointer;
}

.ui-notify-cross
{
    margin-top: -4px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    padding: 2px;
}

    .ui-notify-cross:hover
    {
        color: #ffffab;
    }

    .ui-notify-cross:active
    {
        position: relative;
        top: 1px;
    }
/* jQuery Notification*/

/*-------------------------------------------pagination----------------------------------------------*/
.pagination
{
    font-size: 80%;
    float: right;
}

    .pagination a.next, .pagination a.prev
    {
        text-decoration: none;
        border: solid 1px #C2CCC6;
        color: #666666;
        background-image: none;
        height: auto;
        width: auto;
    }

    .pagination a, .pagination span
    {
        display: block;
        float: left;
        padding: 0.3em 0.5em;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #494949;
    }

    .pagination .current
    {
        background: #E2E2E2;
        color: #000;
        border: solid 1px #000;
    }

    .pagination > .current.prev, .pagination > .current.next
    {
        color: #666666;
        border-color: #C2CCC6;
        background: #E2E2E2;
        height: auto;
        width: auto;
    }
/*-------------------------------------------pagination----------------------------------------------*/

/*-------------------------------------------Top Banner controls----------------------------------------------*/
#instHome_LHSControl
{
    float: left;
    height: 280px;
    width: 200px;
    padding: 5px;
}

#instHome_RHSControl
{
    float: right;
    height: 280px;
    margin: 9px 4px 0 6px;
    width: 200px;
}
/*-------------------------------------------Top Banner controls----------------------------------------------*/

.clickBtn
{
    color: #A91721;
    cursor: pointer;
}

.btnRemoveImageRow
{
    cursor: pointer;
}

.divAddEdit
{
    float: left;
    margin: 10px 0;
    width: 100%;
}
/*Students Gallery Widget*/
.studentsGallery
{
    width: 210px;
    position: relative;
}

.studentGalleryImage img
{
    height: 268px;
    overflow: hidden;
    width: 200px;
}

.studentsGalleryText
{
    background-image: url("Images/10X10-transp.png");
    background-repeat: repeat;
    bottom: 79px;
    color: #FFFFFF;
    font: 20px Helvetica;
    height: 54px;
    padding: 10px;
    position: relative;
    width: 179px;
    z-index: 2;
    letter-spacing: 2px;
    text-align: center;
}

.uclImageGallery
{
    margin-top: 20px;
    width: 185px;
    border: 6px solid #FFFFFF;
    box-shadow: 0 0 2px 0;
    float: left;
}

    .uclImageGallery img
    {
        float: left;
        height: auto;
        width: 185px;
        overflow: hidden;
    }

    .uclImageGallery div
    {
        background: #D9D9D9;
        color: #FFFFFF;
        font: bold 18px/22px Verdana;
        height: auto;
        padding: 5px;
        width: 175px;
        letter-spacing: 2px;
        text-align: center;
        float: left;
    }

.whatsnewTextDiv
{
    background: url("Images/arrow.jpg") no-repeat scroll left 10px transparent;
    border-bottom: 1px solid #E4E4E4;
    color: #5D5C5C;
    float: left;
    font: bold 11px Verdana;
    list-style: none;
    margin-left: 5px;
    padding: 10px 0 10px 20px;
    width: 160px;
}

    .whatsnewTextDiv a
    {
        text-decoration: none;
        color: #5D5C5C;
    }

/*Students Gallery Widget*/

/*-------------------Video Gallery Styles-------------------------*/

.VideoListHolder
{
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    width: 660px;
}

    .VideoListHolder a
    {
        margin-right: 10px;
        float: left;
        color: inherit;
        text-decoration: none;
    }

.VideoImgDiv
{
    float: left;
    width: 160px;
    height: 95px;
    border-color: #CECECE;
    border-style: solid;
    border-width: 5px;
    box-shadow: 2px 2px 2px #7D613B;
}

    .VideoImgDiv img
    {
        width: 160px;
        height: 95px;
    }

.VideoTitleDiv
{
    float: left;
    width: 460px;
    margin-left: 20px;
    font: bold 14px/18px Trebuchet MS;
    color: #A91721;
    text-align: left;
}

.VideoTextDiv
{
    float: left;
    width: 460px;
    margin-top: 5px;
    margin-left: 20px;
    font: normal 12px/14px Trebuchet MS;
    color: #5D5C5C;
    text-align: left;
}

.GalleryVideoPlayback
{
    text-align: center;
    width: 100%;
    height: auto;
}

/*------------------------------------------------- Centered Slide show      ------------------------------------------*/

/*------ERRROR------*/
div.error
{
    background: url("Images/error.gif") no-repeat scroll 5px 12px #ffddbe;
    border: solid 1px #ed0812;
    color: #ed0812;
    font: normal 12px/16px Verdana;
    margin: 0px 0px 27px;
    /*padding: 5px 5px 5px 25px;*/
    height: auto;
    padding: 10px 25px;
}

.errorfield
{
    background-color: #ffddbe;
}
/*------ERRROR------*/

div.process
{
    background: #CAE8EA url(Images/loadingAnimation.gif) no-repeat;
    border: solid 1px #C1DAD7;
    color: #4f6b72;
    font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 10px 25px;
    /*margin-bottom: 5px;*/
}

div.success
{
    background: #dff2d9 url(Images/success.gif) no-repeat;
    border: solid 1px #84cd6e;
    color: #249901;
    font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 10px 25px;
}
