/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/

/************************************************
Base font style and size set here
************************************************/
body
{
    border: 0;
    margin: 0px;
    padding: 0px;
}

body, td, th, p, select, li, ul, input, blockquote, textarea
{
    font-family: Arial, Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #685e58;
}

.sr_topic label, .sr_topic span, .sr_descriptioncat, .sr_topic p, .sr_topic li, .sr_topic td
{
    font-size: 13px !important;
    line-height: 21px;
}

a img
{
    border: 0;
}


a:hover
{
    text-decoration: none;
}

a[name]
{
    color: #40433e;
    text-decoration: none;
}

a.sticky
{
    font-weight: bold;
}

img.sticky
{
    border: medium none !important;
    float: left;
    height: 16px !important;
    margin-left: -18px;
    margin-right: 0 !important;
    margin-top: 4px;
    width: auto !important;
}

/* Default error reporting style */
.error_message
{
    /*color: #c60;*/
    /*font-weight:bold;	*/
    color: #ff3333;
}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after,
.mainSpan:after,
.contentheader:after,
.container:after,
.content:after,
.title:after,
.width_container:after,
.component_listitem:after,
.blog_box_list:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}

.clearfix,
.mainSpan,
.contentheader,
.container,
.content,
.title_right,
.width_container,
.component_listitem,
.blog_box_list
{
    display: inline-block;
}

.clearfix,
.mainSpan,
.contentheader,
.container,
.content,
.title_right,
.width_container,
.component_listitem,
.blog_box_list
{
    display: block;
}

/* Containing frame for the site */
.mainSpan_wrapper,
.mainSpan_wrapper_home,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_review
{
    width: 100%;
    background: #ecdbab url(_gfx/cmn/body_bg.jpg) no-repeat center 0;
}

.mainSpan
{
    width: 960px;
    margin: 0px auto;
    text-align: left;
}

/*********************************************
		WIDTH CONTAINER &
		CONTENT WRAPPERS
********************************************/
.width_container
{
    width: 960px;
    margin: 0 0 0px 0;
    background-color: #f6eccf;
}

.mainSpan_wrapper_home .width_container
{
}

.mainSpan_wrapper_noleftnav .width_container, .mainSpan_wrapper_review .width_container
{
}

.mainSpan_wrapper .width_container
{
}

.content_wrapper
{
    background: #F6ECCF url(_gfx/int/int_bg.jpg) no-repeat center top;
    float: left;
    padding-top: 25px;
}

.mainSpan_wrapper_home .content_wrapper
{
    background: none;
    padding-top: 0;
}

.mainSpan_wrapper_noleftnav .content_wrapper, .mainSpan_wrapper_review .content_wrapper
{
    background: url(_gfx/int/noleft_bg.jpg) no-repeat center top;
}

.content_wrapper2
{
}

.mainSpan_wrapper_home .content_wrapper2
{
}

.mainSpan_wrapper_noleftnav .content_wrapper2, .mainSpan_wrapper_review .content_wrapper2
{
}

.adminSpan
{
    width: 200px;
    float: right;
    text-align: left;
    line-height: 0px;
}

.content iframe
{
    width: 98%;
    border: 0;
}

#FrontEndForm
{
    padding: 0;
    margin: 0;
}

/************************************************
Header: contains search, top links, site logo 
************************************************/

/* Section 508 skip navigation menu */
.skipnav
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

    .skipnav img
    {
        border: 0px;
        width: 1px;
        height: 1px;
        display: block;
        float: left;
    }

.header_wrapper
{
    background: url(_gfx/cmn/header_bg.jpg) no-repeat center 9px;
}

.header
{
    position: relative;
    width: 960px;
    margin: 0;
    height: 93px;
    padding-top: 9px;
}

.header_left
{
    float: left;
    width: 270px;
}


    .header_left a.home_link
    {
        display: block;
        height: 94px;
        left: 25px;
        overflow: hidden;
        position: absolute;
        text-indent: -4000px;
        top: 41px;
        width: 130px;
    }

.header_right
{
    display: none;
}



/* Top navigation links */

.header_nav
{
    text-align: right;
    padding: 1px;
    color: #59483f;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-right: 7px;
}

    .header_nav a
    {
        color: #59483f;
        text-decoration: none;
        padding: 0px 4px 0px 4px;
        display: inline-block;
    }


        .header_nav a:hover
        {
            text-decoration: underline;
        }

/* Container for search field and go button */
.searchbox
{
    height: 37px;
    position: absolute;
    right: 58px;
    top: 40px;
    width: 203px;
    background: url(_gfx/cmn/searchbox_bg.gif) no-repeat 0 0;
}

.searchbox_textbox
{
    border: none;
    float: left;
    height: 36px;
    padding: 0 0 0 8px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    background: none;
    color: #000000;
    width: 152px;
}

.searchbox_button
{
    float: right;
    height: 36px;
    position: relative;
    right: 2px;
    top: 1px;
    width: 36px;
}

.searchresult
{
    padding: 24px;
}

.searchblox_search .searchresult
{
    padding: 0 !important;
}

.searchblox_search .searchresult_url
{
    font-size: 10px;
}

.searchresult span.l, .searchresult a
{
    color: #0000CC;
    font-weight: normal;
}

.searchresult i
{
    color: #808080;
}

/************************************************
Left navigation 
************************************************/
.leftnav
{
    float: left;
    height: auto !important;
    margin: 0 8px 0 10px;
    min-height: 211px;
    padding: 5px 0 24px;
    width: 238px;
}

    .leftnav a
    {
        display: block;
        padding: 8px 7px 7px 7px;
        line-height: 15px;
        text-decoration: none;
        overflow: hidden;
        width: 224px;
        color: #685e58;
    }

.leftnav_node_wrapper .leftnav_node a
{
}

.leftnav a:hover,
.leftnav_node_wrapper_root .leftnav_node_haschildren a:hover,
.leftnav_node_wrapper_root .leftnav_node_iscurrent a:hover
{
    color: #ffffff;
    background: #7a8a4d;
    text-decoration: none;
}

.leftnav .leftnav_node_wrapper a:hover
{
    margin-bottom: -1px;
    padding: 8px 7px 8px 7px;
    position: relative;
}

.leftnav_node_wrapper
{
    border-bottom: 1px dashed #d3d3d3;
    background: #f5f3eb;
}

    .leftnav_node_wrapper_root .leftnav_node_haschildren, .leftnav_node_wrapper_root .leftnav_node_depthome, .leftnav_node_wrapper .leftnav_node_haschildren
    {
        background-color: #aa6700;
    }

    .leftnav_node_wrapper .leftnav_node_haschildren
    {
        margin-bottom: -2px;
        position: relative;
    }

.leftnav .leftnav_node_wrapper .leftnav_node_haschildren a:hover
{
    margin-bottom: 0px;
    padding: 8px 7px 7px 7px;
}

.leftnav_node_wrapper_root .leftnav_node_iscurrent a
{
    color: #ffffff;
    background: #7a8a4d;
}

.leftnav_node_wrapper_root .leftnav_node_iscurrent
{
   
}

.leftnav_node_wrapper_root .leftnav_node
{
    border-bottom: 1px solid #b8b9ae;
}

.leftnav a span
{
    padding-left: 9px;
}

.leftnav_node_wrapper a span, .leftnav_node_wrapper_root a span
{
    display: block;
}

.leftnav_node_haschildren a span, .leftnav_node_wrapper .leftnav_node_haschildren a span,
.leftnav_node_wrapper_root .leftnav_node_haschildren a span, .leftnav_node_wrapper_root .leftnav_node_depthome a span
{
    border-bottom: none !important;
    padding-left: 11px;
    background: url(_gfx/nav/arrow_down_over.gif) no-repeat 0px 6px;
    font-weight: bold;
    color: #ffffff;
}

.leftnav_node_haschildren a:hover span,
.leftnav_node_wrapper_root .leftnav_node_haschildren a:hover span, .leftnav_node_wrapper_root .leftnav_node_depthome a:hover span
{
    background: url(_gfx/nav/arrow_down_over.gif) no-repeat 0px 6px;
}

.leftnav_node_wrapper_root .leftnav_node_iscurrent a span
{
    background: url(_gfx/nav/arrow_right_over.gif) no-repeat 0px 4px;
    font-weight: bold;
}

.leftnav_node_iscurrent a span
{
    background: url(_gfx/nav/arrow_right_current.gif) no-repeat 0px 4px;
    font-weight: bold;
}

.leftnav_node_iscurrent a:hover span
{
    background: url(_gfx/nav/arrow_right_over.gif) no-repeat 0px 4px;
}

/*
.leftnav .level_0,
.leftnav .level_3
{ background: #C0DBE6 !important; }

.leftnav .level_1,
.leftnav .level_4 
{ background: #FFFFFF !important; }

.leftnav .level_2,
.leftnav .level_5
{ background: yellow !important; }
*/

.leftnav .level_0,
.leftnav .level_2,
.leftnav .level_4
{
}

.leftnav .level_1,
.leftnav .level_3,
.leftnav .level_5
{
}

.leftnav .level_even
{
}

.leftnav .level_odd
{
}

/************************************************
Content header:  page title, printer friendly link
************************************************/
.mainSpan_wrapper .container,
.mainSpan_wrapper_noleftnav .container,
.mainSpan_wrapper_review .container
{
    height: auto !important;
    min-height: 637px;
}

/* Page content container */
.mainSpan_wrapper .container
{
    width: 704px;
    padding: 27px 0 0 0;
    float: left;
}

.mainSpan_wrapper_noleftnav .contentheader,
.mainSpan_wrapper_review .contentheader
{
    width: 960px;
}

.mainSpan_wrapper .contentheader
{
    width: 704px;
}

.mainSpan_wrapper .contentheader_banner
{
    width: 100%;
    margin-top: -22px;
}

.image_banner
{
    display: block;
}

.breadcrumb_wrapper
{
    font-size: 10px;
    /*padding: 10px 10px 0px 15px;*/
    color: #685e58;
    padding: 15px 10px 0 2px;
    font-family: Arial, Verdana;
}

.mainSpan_wrapper_noleftnav .breadcrumb_wrapper, .mainSpan_wrapper_review .breadcrumb_wrapper
{
    padding-left:14px;
}

    .breadcrumb_wrapper a
    {
        color: #685e58;
        text-decoration: underline;
    }

        .breadcrumb_wrapper a:hover
        {
            color: #685e58;
            text-decoration: none;
        }

.title
{
    padding: 5px 36px 0 25px;
}

    .title h1
    {
        font-weight: bold;
        color: #c08102;
        margin: 0;
        padding: 0px;
        line-height: 35px;
        font-size: 26px;
        font-family: Arial, Verdana, geneva, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-bottom: 1px solid #a1a296;
    }

/** decoy sIFR styles, do modify**/
.sIFR-hasFlash h1
{
    visibility: hidden;
    font-weight: normal;
    color: #337ffe;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
    font-size: 32px;
    font-family: Verdana, geneva, sans-serif;
}

.title_left
{
    padding: 0;
}

.mainSpan_wrapper_noleftnav .title_left, .mainSpan_wrapper_review .title_left
{
    padding-left: 13px;
}

.title_right
{
    width: 100%;
    float: right;
    padding-top: 17px;
}

    .title_right a
    {
        color: #685e58;
    }

.container h2
{
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 0 25px;
    color: #256777;
}

.mainSpan_wrapper_noleftnav .container h2
{
    padding: 0 0 0 38px;
}

.printer_friendly, .forward_link, .rss, .font_size, .feedback
{
    font-size: 11px;
    float: right;
    height: 20px;
    text-align: left;
    margin-left: 11px;
}

    .printer_friendly a, .forward_link a, .rss a, .feedback a
    {
        display: block;
        padding-left: 24px;
        text-decoration: none;
    }

        .printer_friendly a:hover, .forward_link a:hover, .rss a:hover, .feedback a:hover
        {
            text-decoration: underline;
        }

.printer_friendly
{
    width: 50px;
}

.forward_link
{
    width: 60px;
}

.rss
{
    width: 48px;
}

.font_size
{
    width: 85px;
}

.feedback
{
    width: 80px;
}

.font_size .text_size
{
    text-decoration: none;
    float: left;
}

.font_larger, .font_smaller
{
    height: 13px;
    overflow: hidden;
    text-indent: -4000px;
    padding: 0;
    width: 13px;
    display: inline;
    float: left;
    margin-top: 3px;
    margin-left: 3px;
}

.font_size .font_larger
{
    background: url("_gfx/int/font_plus.png") no-repeat scroll 0 0 transparent;
}

.font_size .font_smaller
{
    background: url("_gfx/int/font_minus.png") no-repeat scroll 0 0 transparent;
}

.printer_friendly a
{
    background: url(_gfx/int/print.gif) 4px 2px no-repeat;
}

.feedback a
{
    background: url(_gfx/int/feedback.gif) 2px 5px no-repeat;
    padding-left: 25px;
}

.forward_link a
{
    background: url(_gfx/int/email.gif) 4px 0 no-repeat;
}

.rss a
{
    background: url(_gfx/int/rss.gif) 4px 2px no-repeat;
}

.fbLikeButton
{
    width: 75px;
    float: left;
    padding: 5px 0 0 15px;
}

#share
{
    cursor: pointer;
}

    #share div
    {
        width: 130px;
        float: right;
        text-align: left;
        display: block;
    }

.sharelink a
{
    text-decoration: none;
    background: url(_gfx/int/share/share.gif) no-repeat 0 2px;
    padding: 0 0 0 20px;
    font-size: 11px;
    display: block;
}

    .sharelink a:hover
    {
        text-decoration: underline;
    }

#share ul
{
    background-color: #fff;
    display: none;
    width: 250px;
    border: 1px solid #c0cb9e;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    /*overflow:hidden;*/
}

#share div:hover ul, #share div.over ul
{
    display: block;
    /* Added to resolves z-index conflict with dropdown menu */
    position: absolute;
    z-index: 1000;
}

    #share ul li, #share div:hover ul li, #share div.over ul li
    {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 125px;
        position: relative;
    }

#share li a
{
    text-decoration: none;
    color: #656565;
    margin: 4px;
    padding: 0px 0px 0px 25px;
    display: block;
    font-size: 11px;
    line-height: 19px;
}

    #share li a:hover
    {
        color: #000;
    }

.shareemail
{
    background: url("_gfx/int/share/email.gif") no-repeat scroll 0 0 transparent;
}

.sharefacebook
{
    background: url("_gfx/int/share/facebook.gif") no-repeat scroll 0 0 transparent;
}

.sharedel
{
    background: url("_gfx/int/share/delicious.gif") no-repeat scroll 0 0 transparent;
}

.sharegoogleplus
{
    background: url("_gfx/int/share/googleplus.gif") no-repeat scroll 0 0 transparent;
}

.sharegoogle
{
    background: url("_gfx/int/share/google.gif") no-repeat scroll 0 0 transparent;
}

.sharedigg
{
    background: url("_gfx/int/share/digg.gif") no-repeat scroll 0 0 transparent;
}

.sharetwitter
{
    background: url("_gfx/int/share/twitter.gif") no-repeat scroll 0 0 transparent;
}

.sharestumble
{
    background: url("_gfx/int/share/stumbleupon.gif") no-repeat scroll 0 0 transparent;
}

.sharemyspace
{
    background: url("_gfx/int/share/myspace.gif") no-repeat scroll 0 0 transparent;
}

.sharelive
{
    background: url("_gfx/int/share/live.gif") no-repeat scroll 0 0 transparent;
}

.sharereddit
{
    background: url("_gfx/int/share/reddit.gif") no-repeat scroll 0 0 transparent;
}

.sharetumblr
{
    background: url("_gfx/int/share/tumblr.gif") no-repeat scroll 0 0 transparent;
}

.sharelinkedin
{
    background: url("_gfx/int/share/linkedin.gif") no-repeat scroll 0 0 transparent;
}

/************************************************
Content: main content area
************************************************/

/* Content: padding should be on content class NOT container */

.mainSpan_wrapper_noleftnav .content,
.mainSpan_wrapper_review .content
{
    padding: 5px 20px 25px 17px;
}

.mainSpan_wrapper .content
{
    padding: 5px 30px 25px 25px;
}

.content p
{
    margin-top: 0px;
}

.mainSpan_wrapper .content textarea,
.mainSpan_wrapper_noleftnav .content textarea,
.mainSpan_wrapper_review .content textarea
{
    width: 525px;
}

.content input
{
    line-height: 15px !Important;
}

.content ul, .content ol
{
    padding-top: 0;
    padding-bottom: 21px;
    padding-right: 0;
    margin-top: 8px;
    margin-bottom: 0;
}

    .content ul li, .content ol li
    {
        /*padding: 0px 0 21px 0;*/
        padding: 0;
    }

    .content ul ul, .content ol ol, .content ul ol, .content ol ul
    {
        padding: 0px;
        margin: 2px 0 0px 30px;
    }


.downloadmessage
{
    clear: left;
    background: #fff;
    border: solid 1px #c0cb9e;
    text-align: center;
    width: 470px;
    margin: 10px auto;
    padding: 0;
}

    .downloadmessage img
    {
        border: 0px;
        padding: 0px 0px 0px 0px;
        margin: 0px 2px 0px 2px;
    }

    .downloadmessage p
    {
        color: #4b4638;
        font-size: 10px;
        padding: 5px 0px;
        margin: 0px;
    }

.last_updated
{
    background: url(_gfx/cmn/updated.gif) top center no-repeat;
    width: 90%;
    color: #aba28f;
    font-size: 9px;
    margin: 20px auto 0px auto;
    text-align: right;
    display: none;
}

.paging
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* NoLeftNav pages */
.mainSpan_wrapper_noleftnav .container
{
    margin: 0px;
    width: 960px;
    padding: 0;
}

.mainSpan_wrapper_noleftnav .banner_holder
{
    display: none;
}

.mainSpan_wrapper_noleftnav .contentheader, .mainSpan_wrapper_noleftnav .contentheader_banner
{
    /*background: url(_gfx/int/contentheader_noleftbg.gif) top left no-repeat;*/
}

.mainSpan_wrapper_noleftnav .content
{
    padding: 10px 60px;
    /*border-top:5px solid #2a6477;*/
}

/* Homepage */
.mainSpan_wrapper_home .container
{
    width: 960px;
    padding: 0;
    margin: 0;
}

.mainSpan_wrapper_home .contentheader
{
    display: none;
}

.mainSpan_wrapper_home .content
{
    padding: 0;
    margin: 0;
}

    .mainSpan_wrapper_home .content ul
    {
        padding: 0px;
        margin: 0;
    }

        .mainSpan_wrapper_home .content ul li
        {
            padding: 0px 0px;
        }

/* Review and error pages */

.component_title_review
{
    font-size: 26px;
    color: #C08102;
    font-weight: bold;
    padding: 22px 3px 12px 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #A1A296;
    text-transform: uppercase;
}

.mainSpan_wrapper_review .container
{
    width: 930px;
    padding: 0 20px 0 10px;
    margin: 0;
}


.mainSpan_wrapper_review .contentheader
{
    display: none;
}

.mainSpan_wrapper_review .content
{
    padding: 0 0 0 15px;
}


.mainSpan_wrapper_review .component_content
{
    padding: 0px;
    margin: 0;
    clear: both;
}

/* Hide review title for all except for review */
.mainSpan_wrapper .component_title_review,
.mainSpan_wrapper_noleftnav .component_title_review,
.mainSpan_wrapper_home .component_title_review
{
    display: none;
}


/************************************************
Footer
************************************************/
.footer_wrapper
{
    clear: both;
    width: 960px;
    padding: 85px 0 0 0;
    margin: 0 auto;
    text-align: left;
    background: url(_gfx/cmn/footer_bg.jpg) no-repeat top center;
    position: relative;
}

    .footer_wrapper .footer
    {
        height: 82px;
        margin: 0 10px;
        padding: 0;
    }

        .footer_wrapper .footer .footer_nav
        {
            display: block;
            float: left;
            width: 100%;
            text-align: center;
        }

            .footer_wrapper .footer .footer_nav a
            {
                text-decoration: none;
                color: #1e564a;
                margin: 0 9px;
            }

                .footer_wrapper .footer .footer_nav a:hover
                {
                    text-decoration: underline;
                }

    .footer_wrapper .footer_vision
    {
        display: block;
        color: #383e4a;
        margin: 0;
        padding-top: 40px;
        width: 100%;
        text-align: center;
        font-size: 11px;
    }

        .footer_wrapper .footer_vision a
        {
            color: #383e4a;
            text-decoration: none;
            font-size: 11px;
        }

            .footer_wrapper .footer_vision a:hover
            {
                text-decoration: underline;
            }


/************************************************
Department Home Page
************************************************/
/* Don't add padding, left/right margins, or borders to these containers */
.depthome_left
{
    float: left;
    width: 448px;
    margin-bottom: 15px;
}

.mainSpan_wrapper_noleftnav .depthome_left
{
    width: 730px;
}

.depthome_right
{
    float: right;
    margin: 0px 0 15px 12px;
    width: 188px;
}

.searchn ame
{
    margin: 10px 10px 10px 0px;
}

.alphabetfilter
{
    margin: 10px 10px 10px 0px;
    font-size: 12px;
}

.banner_holder
{
    padding: 10px 0 0 0;
    background: url(_gfx/int/banner_bg.gif) no-repeat 0 0;
    height: 164px;
    margin-left: 16px;
}

.banner_holder img
{
    display: block;
    margin-left: 10px;
}

/************************************************
Department boxes
************************************************/
.depthome_right .news_box, .depthome_right .events_box
{
    width: 188px;
    margin-bottom: 15px;
    background-color: #e9eedb;
    border: 1px solid #cccebe;
}

.depthome_right .box_title
{
    height: 39px;
    text-indent: -4000px;
    overflow: hidden;
}

.depthome_right .news_box .box_title
{
    background: url(_gfx/int/newsbox_title.gif) no-repeat;
}

.depthome_right .events_box .box_title
{
    background: url(_gfx/int/eventbox_title.gif) no-repeat;
}

.depthome_right .events_box .datebox
{
    display: none;
}

.depthome_right .box_list
{
    padding: 0;
}

    .depthome_right .box_list a
    {
        font-weight: bold;
        text-decoration: none;
    }

        .depthome_right .box_list a:hover
        {
            text-decoration: underline;
        }

.depthome_right .box_item_summary
{
    display: none;
}

.depthome_right .box_item_date
{
    color: #697361;
    font-size: 11px;
    padding: 0px 10px !important;
}

.content .depthome_right ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.content .depthome_right .box_list li
{
    margin: 0;
    padding: 7px 0 7px 0;
    border-bottom: 1px solid #cccebe;
}

.content .depthome_right .box_list a
{
    color: #697361;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    display: block;
    padding: 0px 10px;
}

.mainSpan_wrapper .content .depthome_right .newsimg
{
    display: none;
}

.depthome_right .box_list p
{
    margin: 0;
    padding: 0;
}

.depthome_right .box_item_title
{
    padding: 0px;
    margin-bottom: 0px;
    clear: both;
}

.depthome_right .box_bottomlink
{
    height: 41px;
    position: relative;
}

    .depthome_right .box_bottomlink a
    {
        width: 60px;
        height: 22px;
        padding: 0;
        margin: 10px 8px 0 0;
        display: block;
        text-decoration: none;
        text-indent: -4000px;
        float: right;
        background: url(_gfx/int/deptbox_more.gif) no-repeat 0 0;
    }

        .depthome_right .box_bottomlink a img
        {
            border: none;
        }

        .depthome_right .box_bottomlink a#meeting
        {
            display: none;
        }

/************************************************
Homepage
************************************************/
/* Images w/o display:block in IE add a bottom margin  */

.home_top_wrapper
{
    background: url(_gfx/home/home_top_bg.jpg) no-repeat 0 center;
    height: 465px;
}

.home_collage
{
    height: 314px;
    width: 607px;
    overflow: hidden;
    z-index: 0;
    position: relative;
    padding: 12px 29px 0px 0px;
    float: right;
}

.home_spotlight
{
    float: left;
    display: block;
    width: 315px;
    height: 250px;
    overflow: hidden;
}

    .home_spotlight .box_title
    {
        text-indent: -4000px;
        height: 55px;
    }

    .home_spotlight .box_content
    {
        padding: 0 0px 0 75px;
        height: 180px;
        overflow: hidden;
    }

        .home_spotlight .box_content p
        {
            padding: 4px 22px 0 5px;
            margin: 0;
            color: #000000;
            font-family: Verdana, 'Trebuchet MS';
            font-size: 11px;
        }

.payBills
{
    float: right;
    margin-right: 6px;
    height: 75px;
}

    .payBills a img
    {
        display: block;
    }

.home_columns
{
    padding: 0;
    width: 960px;
    height: auto;
    min-height: 250px;
    float: left;
    display: block;
}

/************************************************
Home boxes
************************************************/
.home_events
{
    width: 290px;
    float: left;
}

    .home_events .box_title
    {
        display: none;
    }

    .home_events ul
    {
        list-style: none;
        padding: 0;
        margin: 15px 0 0 17px !important;
    }

        .home_events ul li
        {
            float: left;
            display: inline-block;
            width: 100%;
            border-bottom: 1px dashed #a5a8ad;
            padding: 5px 0 !important;
        }

            .home_events ul li a
            {
                color: #266c5c;
                text-decoration: none;
                font-size: 12px;
                font-weight: bold;
                line-height: 16px;
            }

                .home_events ul li a:hover
                {
                    text-decoration: underline;
                }

            .home_events ul li p.box_item_date
            {
                margin: 0;
                padding: 0;
                color: #59483f;
                font-size: 11px;
                line-height: 16px;
            }

    .home_events .box_bottomlink
    {
        float: right;
        background: url(_gfx/home/moreBtn.png) no-repeat 0 0;
        width: 69px;
        height: 33px;
        text-indent: -4000px;
        margin-top: 20px;
    }

        .home_events .box_bottomlink a
        {
            display: block;
            width: 69px;
            height: 33px;
        }


.home_news
{
    width: 625px;
    margin: 0 16px 0 25px;
    padding-top: 5px;
    float: left;
}

    .home_news .box_title
    {
        display: none;
    }

    .home_news .box_list ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .home_news .box_list ul li
        {
            display: inline-block;
            float: left;
            margin-bottom: 10px;
            width: 270px;
            margin-right: 20px;
        }

            .home_news .box_list ul li .newsimg
            {
                float: left;
                background: url(_gfx/home/newsThumb_bg.gif) no-repeat 0 0;
            }

                .home_news .box_list ul li .newsimg img
                {
                    height: 59px;
                    width: 89px;
                    display: block;
                    margin: 5px 11px 5px 5px;
                }

            .home_news .box_list ul li a
            {
                text-decoration: none;
                color: #59483f;
                font-size: 12px;
                font-weight: bold;
                line-height: 16px;
            }

                .home_news .box_list ul li a:hover
                {
                    text-decoration: underline;
                }

            .home_news .box_list ul li .box_item_summary
            {
                padding: 0;
                margin: 0;
                line-height: 15px;
                font-size: 12px;
                color: #59483f;
            }


    .home_news .box_bottomlink
    {
        float: right;
        margin: 20px 50px 0 0;
        background: url(_gfx/home/moreBtn.png) no-repeat 0 0;
        width: 69px;
        height: 33px;
        text-indent: -4000px;
    }

        .home_news .box_bottomlink a
        {
            display: block;
            width: 69px;
            height: 33px;
        }


/***********************************
Home Buttons
***********************************/
.home_buttons
{
    float: right;
    margin: 1px 13px 0 0;
    display: block;
}

    .home_buttons ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
    }

        .home_buttons ul li
        {
            margin: 0;
            padding: 0;
            float: left;
        }

            .home_buttons ul li img
            {
                display: block;
            }


.alert_container
{
    position: relative;
    background: url(_gfx/cmn/alert_strip.png) 0 bottom repeat-x;
    margin-bottom: -5px;
    padding-bottom: 5px;
    min-width: 960px;
    z-index: 1;
}

#alert_controls
{
    display: block;
    text-indent: -4000px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1;
}

    #alert_controls.hide
    {
        background: url(_gfx/cmn/alert_controls.png) right 0px no-repeat;
        width: 28px;
        height: 30px;
        bottom: 5px;
    }

        #alert_controls.hide:hover
        {
            width: 47px;
            height: 70px;
            bottom: -35px;
        }

    #alert_controls.show
    {
        background: url(_gfx/cmn/alert_controls.png) right -70px no-repeat;
        width: 32px;
        height: 35px;
        top: 0px;
    }

        #alert_controls.show:hover
        {
            background-position: right -140px;
            width: 81px;
        }

.alert_container .important_alert_wrapper
{
    width: 100%;
    background: #e8efd1;
    padding: 5px 0px;
}

.alert_right
{
    background: url(_gfx/cmn/alert_border.png) right 0 repeat-y;
}

.alert_container .important_alert
{
    overflow: hidden;
    width: 940px;
    font-size: 13px !important;
    line-height: 20px!important;
    padding: 0;
    margin: 0 auto;
    color: #52473f;
}

    .alert_container .important_alert h2
    {
        display: inline;
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 125%;
        color: #52473f;
    }

    .alert_container .important_alert p
    {
        margin: 0;
        padding: 0;
        display: inline;
    }

    .alert_container .important_alert a
    {
        color: #52473f;
    }

.home_collage .important_alert_wrapper
{
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 64px 0 20px 0;
    width: 493px;
    overflow: hidden;
    left: 104px;
    top: 31px;
    color: #474747;
    font-weight: bold;
    background: #F6D30E url(_gfx/home/important_bg.gif) 0 0 no-repeat;
}

.home_collage .important_alert_close
{
    float: right;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: none;
}

.home_collage .important_alert
{
    overflow: hidden;
    height: 125px;
    padding: 0px 20px;
}

    .home_collage .important_alert p
    {
        padding: 0;
        margin: 0px 0px !important;
    }

/************************************************
Forms
************************************************/
.form
{
    height: auto;
}

.form_in_tab
{
    padding: 15px 0 10px 10px;
}

.form div
{
    margin: 5px 0;
    clear: both;
    float: left;
    width: 100%;
}

.form textarea
{
    width: 200px;
    height: 150px;
}

.form_label
{
    padding-top: 3px;
    font-weight: bold;
    height: 17px;
    float: left;
    width: 180px;
    line-height: 15px !important;
    clear: left;
}

.form_textarea
{
    width: 587px !important;
}

.form_field
{
    height: 20px;
    float: right;
    width: 550px;
    text-align: left;
    vertical-align: middle;
}

.form_smallstatebox
{
    width: 154px;
}

.form_smalldropdown
{
    width: 155px;
}

legend
{
    font-weight: bold;
    color: #625C4D;
}

fieldset
{
    border: solid 1px #c2bca6;
}

.form_normaltextbox
{
    border: 1px solid #c2bca6;
    background-color: #fdfaed;
    width: 300px !important;
    margin: 2px 0;
}

textarea.form_normaltextbox
{
    overflow: auto;
}

.form_smalltextbox /* used on enotifier page and service requests*/
{
    margin: 2px 0;
    padding-left: 2px;
    border: 1px solid #c2bca6;
    background-color: #fdfaed;
}

.form_normaldropdown
{
    width: 300px;
    border: 1px solid #c2bca6;
    background-color: #fdfaed;
    height: 17px;
    padding-left: 3px;
}

.form_smalldropdown /* used on job application page*/
{
    margin: 2px 0;
}

.form_button
{
    background: #F68414 url(_gfx/int/form_button.gif) top repeat-x;
    font-size: 11px;
    font-weight: bold;
    color: #fafafa !important;
    border: 1px solid #E67201;
    cursor: pointer;
    padding: 3px 10px;
    overflow: visible;
    text-decoration: none;
    display: inline-block;
    line-height: 14px;
    vertical-align: top; /* for ie 8*/
    margin: 0px;
}

.form_message,
.form_message td
{
    color: #cc0000;
}

.form_calendarbutton
{
    vertical-align: top;
    border: 0;
    cursor: pointer;
}

.backbutton
{
    padding-left: 15px;
    font-weight: bold;
    background-image: url(_gfx/back_arrow.gif);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

/*email form*/
.forwardlink br
{
}

.forwardlink > input
{
    margin: 5px 0 5px 0px;
    display: block;
    float: left;
}

.forwardlink > span
{
    float: left;
    margin: 5px 0 5px 5px;
}
/*error messages*/

.forwardlink .recaptcha
{
    margin: 10px 0;
}

.forwardlink .form_button
{
    margin: 10px 0 0 0;
    display: inline;
}

.forwardlink .recaptcha input
{
    margin: 0;
    display: inline;
}

.forwardlink textarea
{
    display: block;
    clear: both;
}

/************************************************
Search
************************************************/
.search
{
    border-bottom: 1px solid #b2d2e9;
    height: auto !important;
    min-height: 300px;
    height: 300px;
}

    .search .paging
    {
        text-align: center;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .search .paging span.linkpage
        {
            margin: 2px;
        }

        .search .paging a
        {
            display: inline;
            padding: 3px;
            font-weight: normal;
            border: 1px solid #b2d2e9;
            text-decoration: none;
            font-size: 10px;
            font-weight: bold;
            background-color: #f4f9fd;
        }

            .search .paging a:hover
            {
                background: #ffffff;
            }

.search_title
{
    display: none;
}

.search_result,
.search_result_alternate
{
    padding: 10px 0 0 10px;
    border-top: 1px solid #b2d2e9;
}

.search_result_alternate
{
    background-color: #f4f9fc;
}

.search_result_title
{
    font-weight: bold;
    font-size: 12px;
    position: relative;
    line-height: normal;
}

.searchblox_search .search_result_title span
{
    position: absolute;
    top: 0px;
    right: 5px;
}

.search_result_location
{
}

.search_result_location_field
{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

.search_result_synopsis span.term1,
.search_result_synopsis span.term2,
.search_result_synopsis span.term3
{
    color: #000;
    font-weight: bold;
}

.search_result_synopsis span.term1
{
    background-color: #FFFF93;
}

.search_result_synopsis span.term2
{
    background-color: #C4FFFF;
}

.search_result_synopsis span.term3
{
    background-color: #C6FFC6;
}

.search_result_synopsis_highlight
{
    background-color: #fcffcc;
}

.search_result_info
{
    color: #594141;
    font-size: 12px;
    padding-bottom: 0;
    padding-left: 18px;
    padding-top: 8px;
}

.search_result_info_field
{
}

.advanced_search
{
    margin-bottom: 10px;
    text-align: center;
}

    .advanced_search label
    {
        font-weight: bold;
    }

.advanced_search_textbox
{
    width: 120px;
}

.autosuggestion div
{
    padding: 0 0 20px 12px;
}

    .autosuggestion div span.best_alternative
    {
        color: #ff3333;
    }

.autosuggestion a.advanced_search_link
{
    position: absolute;
    margin: -10px 0 0 630px;
    font-size: 10px;
}

div#searchpagination .n
{
    padding: 8px 0;
}

/**************************
Advanced search styles
***************************/
.search_summary
{
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    padding: 10px 10px 4px;
    vertical-align: bottom;
}

.search_features
{
    padding: 10px 15px 10px 15px;
    background-color: #F2FBFA;
    border-top: solid 1px #B2D2E9;
    border-bottom: solid 1px #B2D2E9;
    position: relative;
}

.advanced_searchbox
{
    float: left;
    width: 40%;
    position: relative;
}

    .advanced_searchbox p
    {
        margin: 0 0 5px 0;
    }

    .advanced_searchbox input.textfield
    {
        width: 220px;
        border: solid 1px #BDD0D7;
        line-height: 13px;
    }

.adsearch_button
{
    position: absolute;
    bottom: 0px;
    left: 293px;
}

.sort_container
{
    float: left;
}

div.sort_items
{
    border-top: dashed 1px #C1CCD2;
    border-bottom: dashed 1px #C1CCD2;
    padding: 4px 0;
    margin: 8px 0px 14px 0px;
    font-weight: normal;
}

    div.sort_items span.item
    {
        margin: 0px 6px;
        padding: 1px 0 1px 22px;
        background: url(_gfx/cmn/arrow.gif) 0px 2px no-repeat;
        line-height: 18px !important;
    }

        div.sort_items span.item a
        {
            line-height: 15px;
            font-weight: bold;
            color: #6C655D;
        }

.sort_container,
.sort_container_inline
{
    font-weight: bold;
    overflow: hidden;
}

    .sort_container_inline div.sort_title
    {
        float: left;
        clear: left;
        width: 145px;
        margin-top: -1px;
    }

    .sort_container_inline div.sort_items
    {
        float: left;
        margin: 1px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: none;
    }

    .sort_container br.clear
    {
        display: none;
    }

    .sort_container_inline br.clear
    {
        clear: both;
    }

.search_features a.advanced_search_link
{
    position: absolute;
    margin: -32px 0 0 630px;
    font-size: 10px;
}

.searchblox_search .search_features a.advanced_search_link
{
    right: 5px;
}


/************************************************
Lists, including DataGrid classes
************************************************/
.alphabetpicker a
{
}

/* For links on top of page */
.topselector
{
    margin: 10px 0;
}

/* For dropdown filters */
.filter
{
    margin: 10px 10px 10px 0px;
}

    .filter select
    {
        font-size: 12px;
        width: 160px;
    }

.listtable
{
    width: 98%;
    border: 1px solid #DDDDDD !important;
    background-color: #FFFFFF;
    border-collapse: separate;
    margin: 10px 0;
}

    .listtable th
    {
        padding: 6px 9px 2px 9px;
        line-height: 27px;
        background: #5a6a2c;
        font-weight: bold;
        text-align: left;
        color: #ffffff;
        text-transform: uppercase;
        border: 0px;
    }

    .listtable .listtable_header a
    {
        color: #ffffff;
    }

    .listtable td
    {
        border: 0;
        border-top: 1px solid #c0cb9e;
        padding: 4px 9px;
        margin: 0;
    }

    .listtable a
    {
        color: #5a6a2c;
        text-decoration: none;
    }

        .listtable a:hover
        {
            text-decoration: underline;
        }

    .listtable tr:hover, div.followTwitter:hover
    {
        background-color: #e0e9c8;
    }

.listtable_buttoncolumn
{
    width: 70px;
    font-size: 9px;
}

    .listtable_buttoncolumn input
    {
        background-image: url(_gfx/button_bg.gif);
        font-size: 10px;
        padding: 2px;
        color: #000;
        border-width: 1px;
        border-style: solid;
        border-color: #d4d4d4 #949494 #828282 #c2c2c2;
    }

.listtable_checkboxcolumn
{
    padding: 0px;
    width: 1px;
}

    .listtable_checkboxcolumn input
    {
        margin-left: -2px;
        margin-top: -3px;
    }

.listtable_row_on
{
    background-color: #e4f1ff;
}

.listtable_row_off
{
    background-color: #ffffff;
}



/************************************************
Lists without table grid, like News
************************************************/
.listcomponent
{
    border: 0px !important;
    border-collapse: separate !important;
    width: 100%;
}

    .listcomponent th
    {
        display: none;
    }

    .listcomponent td
    {
        border: 0px !important;
        padding: 4px 4px 10px 0;
    }

.listdocument
{
    width: auto !important;
}



/************************************************
Image-using item list 
************************************************/
.righttable
{
    width: 250px;
    border: 1px solid #007799;
    border-collapse: separate !important;
    margin-bottom: 15px;
}

    .righttable th
    {
        background-color: #007799;
        padding: 3px;
        border: 0;
        text-transform: uppercase;
        font-weight: bold;
        text-align: left;
        color: #ffffff;
        height: 20px;
    }

.righttable_header a
{
    color: #ffffff;
}

.righttable td
{
    border: 0;
    border-top: 1px solid #dadada;
    padding: 3px;
    font-size: 10px;
}

.righttable tr:hover
{
    background-color: #fffcee;
}

.righttable_buttoncolumn
{
    width: 30px;
    font-size: 9px;
}

    .righttable_buttoncolumn input
    {
        background-image: url(_gfx/button_bg.gif);
        font-size: 10px;
        padding: 4px;
        color: #000000;
        border-width: 1px;
        border-style: solid;
        border-color: #D4D4D4 #949494 #828282 #C2C2C2;
    }

.righttable_checkboxcolumn
{
    padding: 0;
    width: 1px;
}

    .righttable_checkboxcolumn input
    {
        margin-left: -2px;
        margin-top: -3px;
    }

.righttable_row_on
{
    background-color: #e4f1ff;
}

.righttable_row_off
{
    background-color: #ffffff;
}



/*************************************************
Component detail 
*************************************************/
.component_title
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
    width: 95%;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #AA6700;
}

.component_subtitle
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    color: #AA6700;
}

.component_back
{
    margin: 0px 0px 10px 0px;
}

.component_back_link
{
    text-align: right;
    margin: 10px 0;
    clear: both;
}

.component_listitem
{
    padding: 0 0 15px;
    width: 100%;
}

    .component_listitem div
    {
        padding: 0 0 4px;
        width: 100%;
        display: block;
        clear: both;
    }

.component_listitem_header, .component_listitem_header_wider
{
    font-weight: bold;
    width: 100px;
    display: block;
    float: left;
}

.component_listitem_header_wider
{
    width: 150px;
}

.component_listitem_content
{
    width: 300px;
    display: block;
    float: left;
}

.component_content
{
    clear: both !important;
}

.outlookcalendar
{
    display: block;
    padding-top: 10px;
}

/*****************************************
Calendar month view
*****************************************/

.filter a
{
    color: #388DB6;
}

.calendar_filter
{
    margin: 5px 0px 20px 0px;
    text-align: left;
}

    .calendar_filter select
    {
        font-size: 11px;
        width: 180px;
    }

.calendar_wrapper, .calendar
{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .calendar_wrapper .calendar td
    {
        overflow: hidden;
    }

.calendar_dayheader
{
    color: #fff;
    line-height: 27px;
    padding: 4px 0px;
    background: #615752;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.calendar_title td
{
    padding: 10px 0px 12px 0px;
    font-size: 22px;
    color: #615852;
    width: 50% !important;
    font-weight: bold;
    overflow: visible;
}

    .calendar_title td.calendar_nextprev
    {
        width: 25% !important;
    }

.calendar_nextprev a
{
    font-size: 12.5px;
    text-decoration: underline;
    color:#388db6 !important;
}

    .calendar_nextprev a:hover
    {
        text-decoration: none;
    }

.calendar_day,
.calendar_today,
.calendar_weekendday,
.calendar_selectedday,
.calendar_othermonthday
{
    text-align: left;
    vertical-align: top;
    font-size: 18px;
    line-height: 25px;
    padding: 3px 3px 3px 3px;
    height: 100px;
    border: 1px solid #96968e;
}

.calendar_day,
.calendar_weekendday
{
    background: #e2e1d0;
    color: #645a54;
}

.calendar_othermonthday
{
    background: #dbe9b5;
    color: #53612b;
}

.calendar_today
{
    background: #96a46e;
    color: #FFFFFF;
}

.calendar_eventtime
{
    color: #535353;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    padding: 0px 0 2px 0 !important;
    display: block;
}

.calendar_today .calendar_eventtime
{
    color: #ffffff;
}

.calendar_today a
{
    color: White;
}

.calendar_eventlink
{
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    display: block;
    padding: 0 5px 8px 0px;
    text-decoration: none;
}

    .calendar_eventlink:hover
    {
        text-decoration:underline;
    }

td.calendar_day br,
td.calendar_today br,
td.calendar_weekendday br,
td.calendar_selectedday br,
td.calendar_othermonthday br
{
    display: none;
}

.calendar_allinone .listtable
{
    width: 98%;
}

.outlookcalendar
{
}


/************************************************
Site map
************************************************/
.sitemap
{
    border: solid 0 #000;
    background-color: #fff;
    padding-left: 15px;
}

    .sitemap img
    {
        padding: 0 5px 0 0;
        margin: 0;
    }

.rootnode,
.parentnode,
.leafnode
{
    padding: 0px;
}

.rootnode
{
    font-weight: bold;
    color: #625C4D;
}

    .rootnode a,
    .parentnode a
    {
        color: #FF8C00;
        font-weight: bold;
    }

.sitemap_file
{
    list-style-image: url(_gfx/_SiteMap/file.gif);
}

.backtotoplink
{
    padding: 10px 0 10px 5px;
    font-size: 10px;
}

.content .siteMapIndexView li
{
    padding: 0;
}

.content .siteMapIndexView ul
{
    padding-left: 14px;
}

    .content .siteMapIndexView ul ul
    {
        margin: 2px 0 0 21px;
    }

/************************************************
Link List
************************************************/

.link_content
{
    display: block;
}

.listlink
{
    width: 100%;
    padding: 0;
    border-collapse: separate !important;
}

    .listlink td
    {
        padding: 0 0 14px 0 !important;
        border: 0 !important;
    }


/************************************************
FAQ List
************************************************/
.listfaq
{
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    width: 98%;
    border-collapse: separate !important;
}

    .listfaq td
    {
        padding: 4px;
        border: none;
    }

.listfaq_answers
{
    width: 98%;
    padding: 0;
    margin-top: 20px;
    border-collapse: separate !important;
    border: 0px;
}

    .listfaq_answers td
    {
        padding: 4px;
        border: 0px;
    }

.listfaq_q
{
    font-weight: bold;
}

.listfaq_q_js
{
    font-weight: bold;
    cursor: pointer;
}

.listfaq_a p, .listfaq_a ul
{
    margin-top: 0px;
}

.listfaq_a_left
{
    float: left;
    width: 20px;
    font-weight: bold;
}

.listfaq_a_right
{
    float: left;
    width: 96%;
    margin: 0px 0px 0px 0px;
}

/* Component list pagers*/
.listtable_pager td,
.listcomponent_pager td,
.listfaq_pager td
{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #DDDDDD;
}

.listtable_pager span,
.listcomponent_pager span,
.listfaq_pager span
{
    font-size: 10px;
}

.listtable_pager a,
.listcomponent_pager a,
.listfaq_pager a
{
    display: inline;
    padding: 3px;
    border: 1px solid #DDDDDD;
    background-color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

    .listtable_pager a:hover,
    .listcomponent_pager a:hover,
    .listfaq_pager a:hover
    {
        background: #D4FBB7;
    }

.listcomponent_pager
{
    text-align: left;
}

/***********************************************
E-Notifier
***********************************************/
.tag_div
{
    padding: 10px 0 20px;
}

.area_div
{
    padding: 6px 0;
}

/************************************************
Form/Survey Component
************************************************/
.survey_title
{
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0;
    margin: 0;
}

/*
Specify width if needed; since Survey control 
will render a set of nested tables with width="100%"
*/
.survey_container span
{
    width: 100%!important;
}

.survey_container table, .survey_container td
{
    padding: 0px !important;
    margin: 0px !important;
}

    /*add correct padding, then remove it from the nested tables */
    .survey_container table tr td
    {
        padding: 8px 0px 8px 0 !important;
    }

    /*following two styles reduce the gap at the top of the page in Firefox and Safari, caused by the padding on two empty table rows*/
    .survey_container table tr:first-child td
    {
        padding: 0px 0px 0px 0 !important;
    }

    .survey_container table table tr td, .survey_container table table table tr td, .survey_container table table table table tr td
    {
        padding: 0px 0px !important;
    }

    .survey_container table table table table tr td
    {
        padding: 3px 5px 0px 0px !important;
    }

    .survey_container table table table table tr:first-child td
    {
        padding: 3px 5px 0px 0px !important;
    }

    .survey_container table td br
    {
        display: block !important;
        height: 0px !important;
        line-height: 0px !important;
    }

.survey_container .form_message
{
    color: red;
}

/************************************************
Staff Directory
************************************************/
.staff_column_div
{
    width: 98%;
    float: left;
}

.staff_thumbnail_span
{
    float: left;
    width: 105px;
    margin-right: 5px;
}

    .staff_thumbnail_span img
    {
        margin: 0px 0px 10px 0px;
        border-width: 1px;
        border-style: solid;
    }

.staff_component_title
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #F78D05;
}

.staff_column_div .component_title
{
    margin-left: 0px;
}

.staff_column_div .component_listitem
{
    width: 420px !important;
    float: left;
}

/******************************************
Photo Album 
******************************************/
.album_item
{
    margin-bottom: 20px;
    text-align: center;
}

.album_thumb
{
    background: url(_gfx/album/exported_group.jpg) top center no-repeat;
    overflow: hidden;
    width: 260px;
    height: 152px;
    max-height: 130px;
    padding-top: 22px;
}

    .album_thumb img
    {
        width: 160px;
        height: 110px;
        position: relative;
        left: 0px;
        border: 0px;
        display: block;
        margin: 0px auto;
        overflow: hidden;
    }

.album_name
{
    text-transform: uppercase;
    font-weight: bold;
}

.album_details
{
    font-size: 9px;
}

.photo_item
{
    padding: 20px;
    text-align: center;
}

.photo_thumb
{
    background: url(_gfx/album/single_photo.gif) top center no-repeat;
    overflow: hidden;
    width: 240px;
    height: 240px;
    padding-top: 50px;
    max-height: 190px;
    margin: 0 auto;
}

    .photo_thumb img
    {
        display: block;
        overflow: hidden;
        margin: 0 auto;
    }

.photo_detail
{
    text-align: center;
}

.slideshow_link
{
    float: right;
    font-weight: bold;
    font-size: smaller;
    width: 140px;
    background: #F07C0C url(_gfx/int/form_button.gif) top repeat-x;
    border: 1px solid #F07C0C;
    text-align: left;
    margin: 0px 0px 0px 10px;
}

    .slideshow_link a
    {
        display: block;
        padding: 4px 3px 4px 27px;
        color: #fafafa;
        background: url(_gfx/album/slideshow.gif) 7px 7px no-repeat;
        font-size: 9px;
    }

.slideshow_nav
{
    text-align: center;
}

#photo_single img
{
    display: block;
}

/**flash album**/
#flashcontent
{
    text-align: center;
}

/************************************************
Official's Corner 
************************************************/
.official_list
{
    width: 100%;
    clear: both;
}

    .official_list:after
    {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.official_list_thumbnail
{
    float: left;
    width: 70px;
}

.official_list_info
{
    float: left;
    padding: 25px 0px 0px 0px;
}

.official_section_title
{
    font-size: 12px;
    font-weight: bold;
    clear: both;
    padding: 10px 0px 3px 0px;
}

.official_top
{
    width: 98%;
}

    .official_top:after
    {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.official_image
{
    float: left;
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    border: solid 1px #000000;
}

.official_info
{
    float: right;
    text-align: left;
    width: 400px;
    margin: 10px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    border: solid 1px #CCCCCC;
}

.mainSpan_wrapper_noleftnav .official_info
{
    width: 500px;
}

.official_info_div
{
    clear: both;
}

    .official_info_div:after
    {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.official_info_header
{
    font-weight: bold;
    float: left;
    width: 120px;
}

.official_info_content
{
    float: left;
    padding: 0px 0px 0px 5px;
}

.official_info_noimage
{
    width: 97%;
    padding: 10px 0px 0px 0px;
}

.mainSpan_wrapper_noleftnav .official_info_noimage
{
    width: 660px;
}

.official_message
{
    clear: both;
    width: 97%;
    padding: 5px 0px 0px 6px;
}

    .official_message:after
    {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

.official_message_list
{
    float: left;
    width: 20%;
    padding: 5px 0px 0px 0px;
}

.official_message_message
{
    float: right;
    width: 78%;
}

.official_message_subject
{
    font-size: 12px;
    font-weight: bold;
    padding: 3px 3px 3px 3px;
}

.official_message_body
{
    padding: 3px 3px 3px 3px;
    border: solid 1px #CCCCCC;
}

.official_bio
{
    width: 97%;
    clear: both;
    padding: 3px 3px 3px 3px;
    border: solid 1px #CCCCCC;
}

    .official_bio:after
    {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }

/************************************************
Map
************************************************/
.map_size
{
    width: 500px;
    height: 300px;
}

/************************************************
Weather component
************************************************/
.weather_button
{
    margin: 5px 0px 0px 50px;
}

    .weather_button img
    {
        border: 0px;
    }

.forecast_item
{
    text-align: center;
    float: left;
    border: solid 2px #2466BF;
    height: 180px;
    width: 17%;
    margin: 5px;
    overflow: hidden;
    line-height: 18px;
    background-color: #fff;
}

.clear
{
    clear: both;
}

.forecast_item img
{
    width: 79px;
    height: 49px;
}

.weather_home_icon
{
    width: 79px;
    height: 49px;
}

    .weather_home_icon img
    {
        margin-top: 7px;
        border: 0px;
    }

/************************************************
Facility component
************************************************/

.facility_header_cell, .facility_name
{
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
}

    .facility_name:hover
    {
        text-decoration: underline;
    }

.facility_detail ul li
{
    margin: 0px;
    padding: 0px;
    line-height: 15px;
}

.facility_detail ul
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.facility_thumbnail img
{
    float: left;
    margin: 0px 10px 10px 0;
    border: 1px solid #032C48;
    max-width: 250px;
}

.facility_detail
{
    margin: 0px;
    float: left;
}

    .facility_detail span, .facility_detail a
    {
        display: block;
    }

    .facility_detail .lblAmenity
    {
        padding-bottom: 4px;
    }

.facility_detail_wrapper
{
    float: left;
    width: 300px;
    margin-right: 10px;
}

.mainSpan_wrapper_noleftnav .facility_detail_wrapper
{
    width: 520px;
}

.facility_detail br
{
    display: none;
}

.facility_detail a br
{
    display: inline;
}

.facility_map
{
    width: 250px;
}

    .facility_map ul, .facility_map li
    {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
    }

img.markerimg
{
    float: right;
    margin: 20px 0 0 5px;
    width: 100px;
    height: 85px;
    border: 1px solid #000000;
}

/*facility calendar*/
.facility_calendar_text, .facility_calendar_link
{
    font-size: 60%;
    display: block;
    line-height: 105%;
    margin-bottom: 10px;
}

/*facility reservations*/
.fr_info_left
{
    float: left;
    clear: left;
    width: 140px;
    height: 25px;
}

.fr_info_right
{
    float: left;
}

.resizable_textarea_facility_comments .fr_info_right
{
    float: left;
    clear: both;
}

.fr_info_right input.form_normaltextbox
{
    width: 150px !important;
    padding-left: 2px;
}

.fr_info_right textarea.form_normaltextbox
{
    height: 60px;
    width: 300px !important;
    border: 1px solid #c2bca6;
    background-color: #fdfaed;
    margin-bottom: 2px;
}

.fr_info_right .form_button
{
    margin-top: 10px;
    margin-left: -140px;
}

.reserveInfo
{
    margin-top: 42px;
    width: 328px;
    float: right;
    border: 1px solid #FC9F05;
    padding: 8px;
}

.reserveInfo_text
{
    font-weight: bold;
    font-size: 105%;
    margin-bottom: 10px;
}

.reserveInfo .recaptcha
{
}

/**Reno specific**/

.header_logo
{
    height: 1px;
    width: 1px;
    border: none;
}

.spotlight
{
    padding: 0px;
    width: 206px;
    height: 85px;
    overflow: hidden;
    background: url(_gfx/home/spotlight.gif);
    z-index: 1;
}

    .spotlight a, .didyou a
    {
        text-decoration: none;
    }

        .spotlight a:hover, .didyou a:hover
        {
            text-decoration: underline;
        }

.didyou
{
    padding: 0;
    margin: 5px 10px 0 0;
    width: 206px;
    left: 544px;
    height: 87px;
    overflow: hidden;
    background: url(_gfx/home/didyou.gif);
    z-index: 100;
}

    .spotlight p, .didyou p, .home_collage .important_alert p
    {
        margin: 38px 10px 10px 20px;
        line-height: 14px;
        font-size: 11px;
    }

.weather
{
    position: absolute;
    z-index: 3;
    margin: 208px 0px 0px 550px;
    float: left;
    font-size: 10px;
    color: #141b5c;
    font-weight: bold;
}

    .weather span
    {
        float: left;
    }

    .weather a
    {
        color: #BD970F;
    }

    .weather img
    {
        padding: 0;
        margin: 0;
        float: left;
    }

.home_left span.home_title
{
    font-weight: bold;
    display: block;
}

/*******************/




/************************************************
Business Directory
************************************************/
.business_list_name
{
    font-size: 14px;
    font-weight: bold;
}

.business_image_container
{
    float: left;
    clear: left;
    margin-top: 10px;
}

    .business_image_container IMG
    {
        margin: 0px 10px 10px 0;
        border: 1px solid #032C48;
    }

.business_list_container
{
    width: 290px;
    float: left;
    overflow: hidden;
    margin-top: 10px;
}

.business_list_title
{
    width: 60px;
    display: inline-block;
    font-weight: bold;
}

.business_thumbnail_span
{
    float: left;
    margin-right: 15px;
    padding-bottom: 20px;
}

    .business_thumbnail_span IMG
    {
        border: 1px solid #032C48;
    }

.business_listitem_span
{
    float: left;
    width: 290px;
}

    .business_listitem_span .component_listitem_content
    {
        width: 190px;
    }
/**********************************************
Blog
***********************************************/
.newsBlog .blog_title
{
    margin-bottom: 5px;
    border-bottom: solid 1px #d6dadd;
}

.newsBlog .component_title
{
    margin-bottom: 5px;
}

.newsBlog .component_listitem
{
    padding: 0 0 6px;
}

.newsBlog .component_listitem_header
{
    margin-right: 3px;
    font-weight: lighter;
    width: auto;
}

.newsBlog .component_listitem_content
{
    width: auto;
}

.blog_left
{
    float: left;
    width: 345px;
    overflow: hidden;
    padding-bottom: 15px;
}

.mainSpan_wrapper_noleftnav .blog_left
{
    width: 545px;
}

.blog_right
{
    float: right;
    width: 279px;
    padding-bottom: 15px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
}

    .blog_right .blog_box, .blog_right .blog_news_box
    {
        margin-bottom: 22px;
        float: right;
        width: 100%; /*for ie6*/
        background:url(_gfx/int/blog/blog_strip.gif) repeat-y 0 0;
        padding-bottom: 0px;
        color: #4f4f4f;
    }


        .blog_right .blog_box td
        {
            color: #4f4f4f;
            font-size: 12px;
        }

        .blog_right .blog_box a
        {
        }

.blog_box .subtitle
{
    font-family: Verdana, serif, sans-serif;
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: normal !important;
    color: #f3f1e8 !important;
    padding: 10px 0px 0px 32px;
    position: relative;
    margin: 0px 0px 13px -32px;
    float: left;
    clear: both;
    background: #a28861;
    height: 33px;
    width: 261px;
    text-transform:uppercase;
}

.blog_right .box_title
{
    font-family: Verdana, serif, sans-serif;
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: normal !important;
    color: #f3f1e8 !important;
    padding: 10px 0px 0px 19px;
    margin-bottom:8px;
    background: #a28861;
    height: 33px;
    text-transform:uppercase;
}

.blog_box .subtitle .subtitle
{
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    position: static;
    height: auto !important;
    width: auto;
    text-transform: none;
    font-variant: normal;
}

.blog_box p
{
    margin: 0 0 10px 0;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

    .blog_box p.subtitle
    {
        margin-bottom: 4px !important;
    }

.blog_right .blog_box_list
{
    padding: 0px 16px 10px 16px;
    width: 247px;
    background: url("_gfx/int/blog/blog_bottom.gif") no-repeat scroll center bottom transparent;
}

.blog_right .box_list
{
    padding: 0px 10px 0px 10px;
}

.blog_news_box ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 13px;
    font-size: 13px;
}

.blog_news_box .box_list ul li, .blog_right .box_list .box_item
{
    margin: 0 0px;
    padding: 5px 17px 6px 17px;
}

.blog_news_box .box_item_date
{
    display: block;
    color: #635953;
    font-size: 11px;
}

.blog_news_box .box_item_summary, .blog_news_box .newsimg
{
    display: none;
}

.blog_news_box .box_list
{
    padding:0;
}

.blog_news_box .box_list a
{
    text-decoration: none;
    color: #7a8a4d;
    font-weight: bold;
}

    .blog_news_box .box_list a:hover
    {
        text-decoration: underline;
    }

.blog_news_box .box_list p
{
    margin: 0;
    padding: 6px 0;
    text-align: center;
}

.blog_right .box_bottomlink
{
    display: none;
}

.blog_right .archiveButton
{
    padding: 7px 0px 0 0px;
    height: 35px;
    background: url("_gfx/int/blog/blog_bottom.gif") no-repeat scroll center bottom transparent;
}

    .blog_right .archiveButton a
    {
        display: block;
        float: right;
        color: #b01c12;
        text-decoration: none;
        line-height: 18px;
        text-align: center;
        font-size: 13px;
        margin-right: 18px;
        background:url(_gfx/int/blog/archivesBtn.gif) no-repeat 0 0;
        height:21px;
        width:83px;
        text-indent:-4000px;
    }

.error_message li
{
    color: red;
}

.error_message ul
{
    margin-bottom: 0 !important;
}

/**********************************************
reCAPTCHA
**********************************************/

#recaptcha_image
{
    float: left;
    border: solid 1px #DDDDDD;
}

.recaptcha_icons
{
    margin: 0px 3px;
    display: block;
    float: left;
}

.recaptcha_response_area
{
    clear: both;
}

.recaptcha_reload, .recaptcha_only_if_image, .recaptcha_only_if_help
{
    margin: 0px 2px 0px 0;
    font-weight: lighter !important;
}

.survey_container .recaptcha
{
    margin-bottom: 10px;
}

.recaptcha
{
    clear: both;
}

/************************************************
Poll component
************************************************/

.poll
{
    margin: 20px 0px 0px 0px;
    width: 98%;
}

.poll_q
{
    font-weight: bold;
}

.poll_choices
{
    padding-bottom: 10px;
}

    .poll_choices INPUT
    {
        float: left;
        clear: left;
        margin: 3px 10px 0px 0px;
        height: 13px;
        width: 13px;
        padding: 0;
    }

    .poll_choices label
    {
        float: left;
    }

.poll_result_answer table tr
{
    height: 12px !important;
}

.poll_result_answer table
{
    border: 1px solid #001c3e !important;
}



/************************************************
Follow Twitter
************************************************/
.followTwitter
{
    border-bottom: dashed 1px #dddddd;
    border-top: dashed 1px #dddddd;
    padding: 8px;
}

    .followTwitter .img
    {
        float: left;
        width: 48px;
        margin-right: 12px;
    }

    .followTwitter .summary
    {
        float: left;
    }

    .followTwitter .button
    {
        float: right;
        margin-top: 3px;
    }

    .followTwitter .summary span
    {
        font-size: 12px;
        margin-right: 7px;
    }

.accountFullName
{
    font-weight: bold;
}

.accountStatus
{
    font-style: italic;
}

/************************************************
Rss Feed Viewer
************************************************/

.rsslist
{
    /*border-top:dashed 1px #CCCCCC;*/
}

.rssitem
{
    /*border-bottom:dashed 1px #CCCCCC;*/
    border: 0px !important;
    padding: 4px 4px 10px 0;
}

    .rssitem span.time
    {
        font-style: italic;
        display: block;
    }

/*** For Member Login ***/
.memberLogin
{
    position: absolute;
    left: 749px;
    top: 65px;
}

.memberSignup .form_div
{
    width: 500px;
    overflow: hidden;
    float: left;
}

.memberSignup .form_error
{
    vertical-align: top;
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    float: left;
}

.memberSignup .form_label
{
    margin-top: 0px;
    font-weight: bold;
    height: 30px;
    float: left;
    width: 150px;
    text-align: left;
    vertical-align: middle;
    display: block;
}

.memberSignup .form_field
{
    margin-top: 0px;
    height: 30px;
    float: left;
    width: 330px;
    text-align: left;
    vertical-align: middle;
    display: block;
}

.memberSignup .form_button_div
{
    width: 500px;
    height: 50px;
    overflow: hidden;
    float: left;
}

.memberSignup .form_button
{
    margin-top: 20px;
}

.mobile_only
{
    display: none;
}

/*Add to my calendar Styles*/
.addtocalendar
{
    margin: 15px 0 5px 0;
    clear: both;
    float: left;
}

.calendar_Controls
{
    display: block;
    padding: 0px 0 0 25px;
    width: 175px;
    margin: 0;
    background: url(_gfx/int/ical.png) no-repeat 0 0;
}

#calendarControls, #calendarControlsBottom
{
    display: none;
    border: 1px solid #666;
    background-color: #ffffff;
    line-height: 18px;
    width: 160px;
}

div:hover.addtocalendar #calendarControls, div:hover.addtocalendar #calendarControlsBottom
{
    display: block;
    position: absolute; /*ie7 needs it to be here*/
}

#calendarControls br, #calendarControlsBottom br
{
    display: none;
}

#calendarControls a, #calendarControlsBottom a
{
    text-decoration: none;
    color: #666;
    margin: 4px;
    padding: 0px 0px 0px 25px;
    display: block;
    font-size: 11px !important;
    width: 130px;
}

    #calendarControls a:hover, #calendarControlsBottom a:hover
    {
        color: #000;
        text-decoration: underline;
    }

.outlookcalendar
{
    background: url(_gfx/int/calendar_add.gif) no-repeat 0px 0px;
}

.googleCal
{
    background: url(_gfx/int/google.gif) no-repeat 0px 0px;
}

.yahooCal
{
    background: url(_gfx/int/yahoo.gif) no-repeat 0px 0px;
}

/*  AmManager */
#AmManagerOptionDiv
{
    padding-left: 135px;
}

    #AmManagerOptionDiv select,
    #AmManagerYearDiv select
    {
        width: 160px;
        margin: 2px 5px 2px 0;
    }

    #AmManagerOptionDiv .Title
    {
        font-weight: bold;
        padding-top: 12px;
    }

#AmManagerYearDiv label.selectayear
{
    font-weight: bold;
    display: inline-block;
    width: 135px;
}

#AmManagerYearDiv
{
    padding-bottom: 10px;
}

/****************************************
Feedback lightbox
*****************************************/
.feedback_form
{
    background: #ffffff;
    height: 480px !important;
    padding: 20px;
    width: 430px !important;
    margin-bottom: -21px !important;
    margin-bottom: 0;
    overflow: hidden;
}

    .feedback_form .content_review_title
    {
        font-size: 11px;
        font-weight: bold;
        padding-bottom: 20px;
    }

.form_lbl
{
    float: left;
    width: 153px;
    margin-top: 9px;
    clear: left;
}

.feedback_textbox
{
    margin: 8px 0 0 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 15px;
    height: 17px;
    width: 270px;
    border: solid 1px #aaaaaa;
}

.feedback_form p
{
    margin: 15px 0 0 0;
    padding: 0;
}

.feedback_messagetextbox
{
    width: 425px !important;
    height: 143px;
    margin: 0 0 10px 0;
    padding: 0;
    border: solid 1px #aaaaaa;
}

.feedback_form .recaptcha
{
    margin-bottom: 15px;
    /*hides an annoying &nbsp */
    float: left;
    width: 97%;
}

.feedback_form #recaptcha_response_field
{
    padding-top: 0;
    padding-bottom: 0;
    border: solid 1px #aaaaaa;
    height: 17px;
}

.feedback_form div[align="right"]
{
    float: none !important;
    width: 100%;
    clear: both;
}

#forward_form br
{
    display: none;
}

#forward_form div br
{
    display: inline;
}

/***Service Request****/
.sr_logindiv
{
    float: left;
    margin-right: 20px;
    width: 240px;
    overflow: hidden;
}

.overduetask
{
    background-color: #ff9999 !important;
}

    .overduetask td a
    {
        color: #CA0000 !important;
    }

.vip
{
    background-color: #FFFF99 !important;
}

    .vip td a
    {
        color: #A3A300 !important;
    }

.internal_comment
{
    background-color: #eaeaea !important;
}

.mainSpan_wrapper .sr_logindiv
{
    width: 225px;
}

.sr_logindiv_processor
{
    width: 318px;
}

.sr_logindiv legend, .sr_logindiv fieldset, .sr_actiondiv legend
{
    padding-left: 0;
}

.sr_actiondiv
{
    float: left;
    border-left: dashed 1px #C2BCA6;
    padding-left: 25px;
    width: 570px;
    overflow: hidden;
}

.mainSpan_wrapper .sr_actiondiv
{
    width: 370px;
}

.sr_locationdiv span
{
    float: left;
    white-space: nowrap;
}

.sr_actiondiv .ordiv
{
    width: 29px;
    height: 15px;
    background: url(_gfx/cmn/or.png) no-repeat;
    position: absolute;
    margin: 3px 0 0 -39px;
}

.sr_actiondiv_loggedin .ordiv
{
    display: none;
}

div.grippie
{
    background: #eee url(_gfx/cmn/grippie.png) no-repeat scroll center 2px;
    border-color: #ddd;
    border-style: solid;
    border-width: 0px 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
    margin-bottom: 4px;
    width: 456px;
}

.mainSpan_wrapper div.grippie
{
    width: 360px;
}

.resizable-textarea textarea
{
    display: block;
    margin-bottom: 0px;
    width: 456px !important;
    height: 100px;
    border: 1px solid #c2bca6;
    background-color: #fdfaed;
    overflow: auto;
    padding: 0;
}

.mainSpan_wrapper .resizable-textarea textarea
{
    width: 360px !important;
}

fieldset.sr_login, .sr_newuser, .sr_newrequest, .sr_myaccount
{
    border: 0 !important;
}

.sr_login .sr_loginform_row .form_smalltextbox
{
    float: right;
    width: 140px;
}

.sr_login .sr_loginform_row label
{
    float: left;
}

.sr_login .sr_loginform_row
{
    clear: both;
}

.sr_loginform_row_submitdiv
{
    margin: 3px 0 0 91px;
}

.mainSpan_wrapper .sr_loginform_row_submitdiv
{
    margin: 3px 0 0 80px;
}

.sr_logindiv_processor .sr_loginform_row_submitdiv
{
    margin: 3px 0 0 164px;
    clear: both;
}

.sr_newrequest, .sr_newuser, .sr_myaccount
{
    padding-left: 0 !important;
}

    .sr_newuser label, .sr_newrequest label, .sr_myaccount label
    {
        display: block;
        width: 150px;
        margin: 0 !important;
        margin-right: -3px; /*for ie6*/
        float: left;
        padding: 0px 0;
        clear: left;
    }

.sr_newuser, .sr_newrequest, .sr_login, .sr_password, .sr_currentrequests, .sr_pr_currentrequests, .sr_myaccount, .sr_comments, .sr_addinfo
{
    margin: 0 0 10px 0;
    padding: 0px 5px 5px 5px;
}

.sr_newrequest
{
    padding-left: 0!important;
}

    .sr_newuser legend, .sr_newrequest legend, .sr_login legend, .sr_password legend, .sr_currentrequests legend, .sr_pr_currentrequests legend, .sr_myaccount legend, .sr_comments legend, .sr_addinfo legend
    {
        padding-bottom: 5px; /*put padding on legend instead of fieldset for IE6/7/8*/
        padding-left: 0;
    }

/*.sr_login,*/
.sr_currentrequests, .sr_comments
{
    margin-top: 8px;
}

.sr_login p
{
    margin: 0;
}

.sr_password p, .sr_comments p
{
    margin: 0 0 8px 0;
}

.sr_comments legend span
{
    white-space: normal;
    max-width: 600px;
    float: none !important;
    float: left;
    display: block;
}

/*for firefox 2*/
/*.sr_comments legend span, x:-moz-any-link {width: 600px;}
  .sr_comments legend span, x:-moz-any-link, x:default {width: auto;}*/

label.sr_longlabel
{
    width: auto;
    float: none;
    display: block;
    clear: both;
}

.sr_topic
{
    font-size: 0;
    line-height: 0;
}

    .sr_topic label
    {
        padding: 0px;
    }

.sr_upload_allowedfiles
{
    font-style: italic;
    margin-bottom: 12px;
}

.service_request_userinfo
{
    text-align: right;
}

.sr_addinfo div, .sr_newrequest div, .srfaq_container li, .sr_locationdiv
{
    clear: both;
}

    .sr_locationdiv .form_smalltextbox
    {
        width: 130px;
    }

.sr_info_left
{
    width: 150px;
    display: block;
    float: left;
    clear: left;
}

.sr_info_right
{
    width: 550px;
    display: block;
    float: left;
}

.mainSpan_wrapper .sr_info_right
{
    width: 350px;
}

.sr_info_block
{
    display: inline;
}

fieldset.sr_loginmode
{
    border: none;
    margin: 0;
    padding: 0;
}

.sr_loginmode legend
{
    display: none;
}

.sr_backbutton
{
    display: inline-block;
    margin-bottom: 6px;
}

.rs_deletecomment
{
    float: right;
}

.sr_logout_button
{
    display: block;
    margin: 0px 0px 10px 0;
    width: auto;
    text-align: left;
}

.srfaq_question,
.srfaq_answer
{
    width: 100%;
}

.srfaq_container p b
{
    margin-top: 5px;
    display: block;
}

.srfaq_container p
{
    margin-bottom: 0;
}

.srfaq_container ul p
{
    margin-bottom: auto;
}

.srfaq_container ul
{
    margin-top: 0 !important;
}

.sr_commentthread
{
    margin: 15px 0 0 0;
}

a.upload-area
{
    cursor: pointer;
}

body > div.calendar
{
    width: auto !important;
    height: auto !important;
}

/**********************************************
Testimonials /guestbook
***********************************************/

.testimonial_text
{
    padding: 0 0 0 50px;
    width: 530px;
    font-style: italic;
}

.open_quotation
{
    left: 15px;
    position: relative;
    top: 10px;
}

.close_quotation
{
    bottom: 18px;
    left: 575px;
    position: relative;
}

.testimonial_writer
{
    margin: 0 40px 0px 35px;
    text-align: right;
    font-weight: bold;
    font-size: 85%;
}

.testimonial_date
{
    text-align: right;
    font-size: 85%;
    margin: 0 40px 0px 35px;
}

/**********************************************
Guestbook
***********************************************/
.guestbook_form
{
    padding-top: 20px;
}

    .guestbook_form textarea
    {
        width: 450px !important;
    }

    .guestbook_form .form_field
    {
        width: 450px;
        margin: 0px 0 7px 0;
        float: none;
        height: auto;
    }

    .guestbook_form .form_button
    {
        width: auto;
    }

    .guestbook_form .form_submit
    {
        margin: 9px 0 35px 120px;
    }

    .guestbook_form .form_label
    {
        width: 120px;
    }

    .guestbook_form .recaptcha
    {
        margin: 8px 0 0 120px;
    }

/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced
{
    visibility: visible !important;
}

span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-flash + div[adblocktab=true]
{
    display: none !important;
}
/*** mobile view ***/
#SwitchToMobile
{
    background: #fff9a5 url(_gfx/cmn/mobile/mob_visionlink_strip.gif) bottom left repeat-x;
}

    #SwitchToMobile a
    {
        display: block;
        background: url(_gfx/cmn/mobile/mob_visionlink_bg.jpg) center bottom no-repeat;
        text-align: center;
        font-size: small;
        color: #000000;
        padding: 5px 0 4px 0;
        border: 1px solid #bdbdbd;
        text-decoration: none;
    }

.posted_date
{
    font-size: 11px;
    color: gray;
}

/* Slideshow */
.slidecontainer
{
    float: left;
    height: 314px;
    position: relative;
    width: 693px;
}

    .slidecontainer .slideshow
    {
        height: 314px;
        overflow: hidden;
    }

    .slidecontainer .slidenav
    {
        background: url("ftp/home_rotation/styles/images/collage_bottom_bg.png") repeat-y scroll 0 0 transparent;
        height: 75px;
        position: absolute;
        top: 220px;
        width: 608px;
        z-index: 10;
    }

        .slidecontainer .slidenav span a
        {
            background-repeat: no-repeat;
            display: block;
            height: 75px;
            overflow: hidden;
            width: 35px;
        }

        .slidecontainer .slidenav .prev
        {
            display: block;
            height: 75px;
            left: 0;
            position: absolute;
            top: 0;
            width: 35px;
            z-index: 100;
        }

            .slidecontainer .slidenav .prev a
            {
                background: url("_gfx/home/collage_left.png") no-repeat 0 0;
                text-indent:-10000px;
            }

        .slidecontainer .slidenav .next
        {
            display: block;
            height: 75px;
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            z-index: 100;
        }

            .slidecontainer .slidenav .next a
            {
                background: url("_gfx/home/collage_right.png") no-repeat 0 0;
                text-indent:-10000px;
            }

    .slidecontainer .slidecontent
    {
        background: url("_gfx/home/collage_desc.png") no-repeat scroll 0 0 transparent;
        height: 55px;
        padding: 10px 20px;
        left: 35px;
        position: absolute;
        top: 220px;
        width: 498px;
        z-index: 99;
        overflow:hidden;
    }

        .slidecontainer .slidecontent .slidetitle
        {
            margin: 0;
        }

            .slidecontainer .slidecontent .slidetitle a
            {
                color: #266c5c;
                font-size: 18px;
                font-weight: bold;
                text-decoration: none;
            }

        .slidecontainer .slidecontent .slidedescription,
        .slidecontainer .slidecontent .slidedescription a
        {
            font-family: Verdana,Arial,Sans-serif;
            color: #454a53;
            font-size: 12px;
            font-weight: normal;
            margin: 0;
            text-decoration: none;
            line-height: 18px;
        }

.ui-datepicker
{
    width: 200px !important;
}

.ui-datepicker-title
{
    font-size: 12px !important;
    line-height: 24px !important;
}

.ui-datepicker-trigger
{
    margin-left: 5px;
    margin-top: 2px;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td,
.ui-datepicker-calendar a
{
    font-size: 11px !important;
    line-height: 15px !important;
}

/*  */
.today_controls
{
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    width: 98%;
}

    .today_controls table
    {
        width: 100%;
    }

        .today_controls table td
        {
            width: 25%;
            padding: 10px 0 12px;
        }

            .today_controls table td + td
            {
                width: 50%;
            }

                .today_controls table td + td + td
                {
                    width: 25%;
                }

    .today_controls .day_title
    {
        color: #615852;
        font-size: 22px !important;
        padding: 10px 0 12px;
        font-weight:bold;
    }

    .today_controls .nextprevday
    {
        color: #388DB6 !important;
        font-size: 12.5px;
        padding-top: 5px;
        white-space: nowrap;
        text-decoration:underline;
        font-weight:bold;
    }

    .today_controls .right
    {
        float: right;
    }

    .today_controls .left
    {
        float: left;
    }

/* Overload JQuery UI Styles */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family: Arial,Helvetica,sans-serif !important;
}