@import url( "abbi_upgradeblocks.css" );
@import url( "abbna_extensions.css" );
@import url( "abbi_customapps.css" );
@import url( "abbi_customblocks.css" );

.titanBody, div, img {
    margin: 0px;
    padding: 0px;
}
/* end of zeroing out */

/* DO NOT USE ON .titanBody - if doing one, do all listed - keep margin-top 0 - for little firefox thing */
.mainBody p, .mainBody ol, .mainBody ul, .mainBody dl, .mainBody blockquote, .Freeform p, .Freeform ol, .Freeform ul, .Freeform dl, .Freeform blockquote, .FAQ p, .FAQ ol, .FAQ ul, .FAQ dl, .FAQ dl, .FAQ blockquote, .FormEditor p, .FormEditor ol, .FormEditor ul, .FormEditor dl, .FormEditor blockquote {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 16px;
}

/* Do not apply style directly to the body tag 
	- use the titanBody class, not the body html tag
	- pretty much stick with background sort of things 
*/
.titanBody {
    background-color: #fff;
    /*    background: url(images/bg_pageback.jpg) center; */
}

/* default font for whole page 
 - listing .mainBody and blocks with text editor allows font to be seen in wkst and text editor 
 - relative sizes, like em & %, don't always show as the right size in wkst - computed value
*/
.titanBody, .mainBody, .FormEditor {
    color: #454545;
    font-family: Arial, Trebuchet, Helvetica, sans-serif;
    font-size: 75%;
}

    .Freeform, .mainBody input, .mainBody select, .mainBody textarea, .titanBody input, .titanBody select, .titanBody textarea, .FAQ input, .FAQ select, .FAQ textarea, .FormEditor input, .FormEditor select, .FormEditor textarea, .Freeform input, .Freeform select, .Freeform textarea {
        color: #454545;
        font-family: Arial, Trebuchet, Helvetica, sans-serif;
        font-size: 90%;
    }

#centerZone .Freeform {
    font-size: 100%;
}

/* separated out from above so inputs are not affected - basically input */
.titanBody, .mainBody, .Freeform, .FormEditor, .FAQ, .mainBody textarea, /* need to recheck this */ .titanBody textarea, .FAQ textarea, .FormEditor textarea, .Freeform textarea {
    line-height: 16px;
}

/* to hide noneFound message */
.noneFound {
    display: none
}

/* to remove border from images */
.titanBody img, .mainBody img, .Freeform img, .FormEditor img, .FAQ img {
    border: 0;
}

/* horizontal rule */
.titanBody hr, .mainBody hr, .Freeform hr, .FormEditor hr, .FAQ hr {
    background-color: #979695;
    border: 0;
    color: #1A3481;
    height: 1px;
}

/* default for display and reset to defeat wkst css and how it shows fieldsets in wkst - like in Calendar and Display side upload 
	- need to keep border, background, padding and margin here - do not remove these 
	- can change values and add other properties 
*/
.titanBody fieldset, .mainBody fieldset, .Freeform fieldset, .DisplaySideUpload fieldset, .AggregationFilter fieldset /* , .Calendar fieldset */ {
    /* background: #fff; */
    border: 0;
    margin: 0px;
    padding: 0px;
}



/* all blocks should be listed here */
.Freeform, .Calendar, .FAQ, .Aggregation, /* filter */ .FormEditor, .SearchResults, .SiteMap, .TOCBlock, .WhatsNew {
    clear: both;
    margin-bottom: 20px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
	
	START FIXED NAME CONTENT BOUNDARIES
	
	|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
#mainBody {
    background-color: #fff;
    margin: 0 auto; /* centers content in display */ /* position:relative; used if absolute positioning is used - currently not used for this css */
    width: 1000px; /* total width for display area - fixed width layout */
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #aaaaaa;
}

/* pageTopArea includes logoControlContainer, utilityNavContainer, searchBarContainer, topNavContainer, and topContentContainer */
#pageTopArea {
    background-color: #fff; /* logo image is gif with this color as background, not transparent - so logo background and this background are not distinguishable */
    margin: 0;
    overflow: hidden; /* don't use this if also using position:relative */
    padding: 3px 0px 0px 0px; /* position:relative; used if absolute positioning is used, dont' use with overflow - currently not used for this css */
}

/* logoControlContainer will display on left, utililtyNavContainer and searchBarContainer on right */
#logoControlContainer {
    FLOAT: LEFT;
    MARGIN-TOP: 15px;
    MARGIN-BOTTOM: 18px;
    MARGIN-LEFT: 10PX;
    DISPLAY: inline;
    WIDTH: 200px;
    HEIGHT: 30px;
}

#title {
    float: left;
    height: 68px; /* of logo image */
    width: 700px; /* of logo image */
    text-align: center;
}

#header {
    float: left;
    DISPLAY: block;
    WIDTH: 635px;
    HEIGHT: 30px;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
}

#loginpagetop {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
}


#loginheader {
    float: left;
    DISPLAY: block;
    WIDTH: 100%;
    HEIGHT: 30px;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 15px;
}

#utilityNavContainer {
    font-size: 100%;
    float: right;
    border-left: solid 1px #D6D7D7;
    border-bottom: solid 1px #D6D7D7;
    border-right: solid 1px #D6D7D7;
    margin-right: 10px;
}

.IE #utilityNavContainer {
    /*margin:8px 0px 0px 0px;*/
}

#utilityNavContainer ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    #utilityNavContainer ul li {
        height: 25px;
        display: inline;
        margin: 0;
        padding: 5px 8px 5px 8px;
        border-right: solid 1px #D6D7D7;
        line-height: 25px;
    }

        #utilityNavContainer ul li a {
        }

        #utilityNavContainer ul li.last {
            border-right: none;
        }

        #utilityNavContainer ul li.fontSize {
            float: left;
        }

        #utilityNavContainer ul li a.normal {
            font-size: 12px;
        }

        #utilityNavContainer ul li a.large {
            font-size: 15px;
        }

        #utilityNavContainer ul li a.huge {
            font-size: 18px;
        }

        /* to make changes to default link styles */
        #utilityNavContainer ul li a {
        }

            #utilityNavContainer ul li a:link {
            }

            #utilityNavContainer ul li a:visited {
            }

            #utilityNavContainer ul li a:hover {
            }

            #utilityNavContainer ul li a:active {
            }

#searchBarContainer {
    float: right;
    padding: 5px 0px 5px 0px; /* use padding because of IE doubled margin bug */
    width: 100%;
    height: 30px;
}

    /* this set of css helps with the textbox and button heights to be equal in firefox and ie and have the top and bottom of each line up with each other */
    #searchBarContainer #searchTerms {
        font-size: 11px;
        padding: 1px;
        width: 120px;
    }

    #searchBarContainer #searchGo {
        font-size: 11px;
        color: #333333;
        background: url(images/bg_button.gif) no-repeat;
        height: 21px;
        /* Orig width: 60px; */
        width: 50px;
        border: 1px solid #bbbbbb;
        margin: 0 0 0 0px;
        padding: -1px 0 0 0;
    }

        #searchBarContainer #searchGo:hover {
            background: url(images/bg_button_hover.gif) no-repeat;
            color: #005C98 !important;
            border: 1px solid #3778B4 !important;
        }

html* #searchBarContainer {
    margin: 0 0 0 0;
}


/* this set of css is if you are using an image for the button
#searchBarContainer {
    float:right;
    padding:8px 8px 0px 0px;
    background-color: #ebebeb;
}

#searchBarContainer input#searchTerms {
	width:153px;
	font-size:11px;
	padding:2px;
	vertical-align:middle;
}

.IE #searchBarContainer input#searchTerms {
	margin:-1px 0px 0px 0px;
}

#searchBarContainer input#searchGo {
	padding:0px;
	background:url(images/search-button.gif) no-repeat center transparent; 
	border:0;
	font-size:0px;
	height:25px;
	width:66px;
	cursor:pointer;
	vertical-align:middle;
	text-decoration:none;
	color:#ccc;	
	margin:0px 0px 0px -3px;
} */

#topNavContainer {
    /* background: url(images/topnav.jpg) repeat-x center; */
    clear: both;
    height: 35px;
    margin: 0px 10px 0px 10px;
    overflow: hidden;
    width: 980px;
    border-bottom: 1px solid #aaaaaa;
}

    #topNavContainer ul {
        list-style: none; /* removes bullet */
        margin: 0px 0 0 15px;
        padding: 8px 0 0 0; /* puts list in vertical center */
    }

        #topNavContainer ul li {
            display: inline; /* displays items in a line */
        }

            /* to make changes to default link styles */
            #topNavContainer ul li a {
                float: left;
                font-family: Arial, Verdana, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: bold;
                color: #686868;
                padding: 0 10px; /* for background hover */
                /* border-right: 1px solid #aaaaaa; */
                text-decoration: none;
                text-transform: none;
            }

                #topNavContainer ul li a:link {
                }

                #topNavContainer ul li a:visited {
                }

                #topNavContainer ul li a:hover {
                    color: #005C98; /*background-color:#A5B2D2; adds background color change on hover, if you want */
                }

                #topNavContainer ul li a:active {
                }

                #topNavContainer ul li a.current {
                    color: #000000;
                    /* background: url(images/topNav_selected.jpg) repeat-x #fff; */
                    padding: 8px 15px 6px 15px;
                    /* border-left: 1px solid #aaaaaa; */
                    z-index: 100;
                    margin: -8px 0 0 -5px;
                }

html* #topNavContainer ul li a.current {
}

#topNavContainer ul li.firstItem {
}

    #topNavContainer ul li.firstItem a.current {
    }

#topContentContainer {
    /* if you're not putting images in here, you might want to add padding so text doesn't touch the container edge - or add the padding to the blocks that are in the topCenter Container */
    background-color: #ddd;
    height: 0;
    overflow: hidden;
    width: 900px;
}

#masthead {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 10px 5px 10px;
    width: 980px;
    height: 30px;
    float: center;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
}


#contentArea {
    overflow: hidden;
    clear: both;
    padding: 0 0px 0px 0px;
    width: 1000px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		LEFT CONTENT: includes left navigation
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#leftContentContainer {
    float: left;
    width: 240px;
}

#leftZone {
    float: left;
    min-height: 700px;
    width: 190px;
    background-color: #fff;
    border: 0px;
    margin: 0 0 0 10px;
    padding: 0 10px 0 10px;
}

html* #leftZone {
    margin: 0 0 0 10px;
    padding: 2 2 0 2px;
}

#leftZone h3 {
    color: #555555;
    font-size: 110%;
    text-align: center;
}


/* ==== left content navigation ==== 
==================================== */
#contentNavContainer {
    border-bottom: 0px solid #cccccc;
    margin: 0 0 20px 0;
}

    /* properties for first, second and third level nav could be combined into one specification if they are all the same */
    /* first level nav */
    #contentNavContainer ul {
        list-style: none; /* removes bullets */
        margin: 0px 0 15px 0;
        padding: 0px;
    }

        #contentNavContainer ul li {
        }

            #contentNavContainer ul li a {
                display: block;
                font-size: 100%;
                line-height: 100%;
                margin: 5px 5px 3px 0;
                padding: 0 0 0 15px;
                text-decoration: none;
                font-weight: bold;
                background: url(images/ul_dot.gif) no-repeat left top;
            }

                *html #contentNavContainer ul li a, *html #contentNavContainer ul li a:link, *html #contentNavContainer ul li a:visited, *html #contentNavContainer ul li a:hover, *html #contentNavContainer ul li a.current, *html #contentNavContainer ul li a:active {
                    margin: 5px 5px 0 0 !important;
                }

                    #contentNavContainer ul li a:link {
                    }

                    #contentNavContainer ul li a:visited {
                    }

                    #contentNavContainer ul li a:hover {
                    }

                    #contentNavContainer ul li a.current {
                    }

                    #contentNavContainer ul li a:active {
                    }

    /* second level nav */
    #contentNavContainer li ul {
        margin-bottom: 10px;
    }

        #contentNavContainer li ul li {
        }

            #contentNavContainer li ul li a {
                margin: 5px 5px 5px 10px;
                padding: 0 0 0 15px;
                font-weight: normal;
            }

                *html #contentNavContainer li ul li a, *html #contentNavContainer li ul li a:link, *html #contentNavContainer li ul li a:visited, *html #contentNavContainer li ul li a:hover, *html #contentNavContainer li ul li a.current, *html #contentNavContainer li ul li a:active {
                    margin: 5px 5px -20px 10px !important;
                }


            /* third level nav */
            #contentNavContainer li ul li ul {
                margin-bottom: 10px;
            }

                #contentNavContainer li ul li ul li {
                }

                    #contentNavContainer li ul li ul li a {
                        padding: 5px 5px 2px 25px;
                        font-weight: normal;
                    }


/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		CENTER CONTENT
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#contentContainer {
    float: left;
    width: 1000px;
}

#centerZone {
    float: left; /* floats left of rightContent */
    width: 530px;
    padding: 0 2px 2px 2px;
    margin-right: 10px;
    margin-left: 10px;
}


/* --- Custom Center Right --- */

#noleftcenterZone {
    float: left; /* floats left of rightContent */
    width: 740px;
    padding: 5px 10px 2px 10px;
    margin-left: 10px;
}

/* --- End Center Right --- */


/* --- Custom 5 Zone --- */

#cbottomleftZone {
    float: left; /* floats left of cbottomrightZone */
    width: 250px;
    padding: 0 2px 2px 2px;
    margin-right: 5px;
}

#cbottomrightZone {
    float: right; /* floats left of cbottomleftZone */
    width: 250px;
    padding: 0 2px 2px 2px;
    margin-left: 5px;
}

/* --- End Custom 5 Zone --- */


/* --- Custom Center Only --- */

#contentContainerOnly {
    float: left;
    width: 1000px;
}

#centerZoneOnly {
    float: left;
    width: 980px;
    padding: 0 2px 2px 2px;
    margin-right: 10px;
    margin-left: 10px;
}

/* --- End Center Only --- */

/* --- Custom PopUp ---*/

#mainBodyPopup {
    float: center;
    background-color: white;
    min-width: 600px;
    max-width: 1000px;
    padding: 20px 0 0 0;
    margin: 0 auto; /* centers content in display */ /* position:relative; used if absolute positioning is used - currently not used for this css */
}


#titleBarContainerPopup {
    text-align: center;
    background-color: white;
}

#contentAreaCenterPopup {
    clear: both;
    float: center;
    padding: 0 0px 20px 0px;
    min-width: 600px;
    max-width: 1000px;
    margin: 0 auto;
}

#contentContainerPopup {
    float: center;
    min-width: 600px;
}

#centerZonePopup {
    margin: 0 auto; /* centers content in display */ /* position:relative; used if absolute positioning is used - currently not used for this css */
    min-width: 600px;
    background-color: #ffffff;
    padding: 0 20px 0px 20px;
}

#footerBarContainerPopup {
    text-align: center;
    background-color: #ffffff;
}


/* --- End Custom PopUp ---*/

/* --- Custom PopUp Mobile ---*/

#mainBodyPopupMobile {
    float: center;
    background-color: white;
    min-width: 320px;
    max-width: 480px;
    padding: 5px 0 0 0;
    margin: 0 auto; /* centers content in display */ /* position:relative; used if absolute positioning is used - currently not used for this css */
}


#titleBarContainerPopupMobile {
    text-align: center;
    background-color: white;
}

#contentAreaCenterPopupMobile {
    clear: both;
    float: center;
    padding: 0 0px 5px 0px;
    min-width: 320px;
    max-width: 480px;
    margin: 0 auto;
}

#contentContainerPopupMobile {
    float: center;
    min-width: 320px;
}

#centerZonePopupMobile {
    margin: 0 auto; /* centers content in display */ /* position:relative; used if absolute positioning is used - currently not used for this css */
    min-width: 320px;
    background-color: #ffffff;
    padding: 0 5px 0px 5px;
}

#footerBarContainerPopupMobile {
    text-align: center;
    background-color: #ffffff;
}


/* --- End Custom PopUpMobile ---*/



#breadCrumbContainer {
    color: #777777;
    width: 90%;
    float: left;
    margin: 0 0px 0px 10px;
    font-size: 90%;
    padding-right: 10px;
    clear: both;
}

    #breadCrumbContainer ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #breadCrumbContainer ul li {
            display: inline;
            font-size: 90%;
            padding-right: 5px;
        }

            #breadCrumbContainer ul li a {
                text-decoration: none; /* removes underline from links */
                padding-right: 5px;
            }

                #breadCrumbContainer ul li a:link {
                }

                #breadCrumbContainer ul li a:visited {
                }

                #breadCrumbContainer ul li a:hover {
                    text-decoration: underline;
                }

                #breadCrumbContainer ul li a:active {
                }

#pageTools {
    float: right; /* float right of breadcrumbs */
    margin: -5px 0 0px 0px;
}

    #pageTools ul {
        list-style: none;
        padding: 3px 0px 3px 0px; /* used with the background images for email and print */
        margin: 0px;
    }

        #pageTools ul li {
            display: inline;
            float: left;
            padding: 3px 0px 3px 0px; /* used with the background images for email and print */
            margin: 0 10px 0 0;
        }

            #pageTools ul li.email {
                background: url(images/icon_email.gif) no-repeat center left; /* adds icon to email list item */
                margin: 0px 10px 0px 0px; /* puts margin space between the two page tools */
            }

            #pageTools ul li.print {
                background: url(images/icon_print.gif) no-repeat center left; /* adds icon to print list item */
            }

            #pageTools ul li.subscribe {
                background: url(images/icon_subscribe.gif) no-repeat center left; /* adds icon to subscribe list item */
            }

    #pageTools a {
        font-size: 75%;
        padding: 0px 0px 0px 18px; /* puts space between icon and link text */
        text-decoration: none;
    }

        #pageTools a:link {
        }

        #pageTools a:visited {
        }

        #pageTools a:hover {
            text-decoration: underline;
        }

        #pageTools a:active {
        }

#titleBarContainer {
    float: left;
    padding: 5px 0px 5px 0px;
    margin-left: 0px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		RIGHT CONTENT
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#rightZone {
    float: right; /* floats right of centerContent */
    min-height: 700px;
    width: 190px;
    margin-right: 10px;
    background-color: #fff;
    padding: 0 10px 0px 10px;
}

    #rightZone h3 {
        color: #555555;
        font-size: 110%;
        text-align: center;
    }

    #rightZone .Freeform h3 {
        text-align: left;
    }

    #rightZone .Freeform p {
        font-size: 120%;
    }

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		BOTTOM NAV - CONTENT FOOTER - POWEREDBY
	 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#bottomNavContainer {
    font-size: 90%;
    color: #777777;
    border-top: 2px solid #cccccc;
    clear: both;
    padding: 5px 5px 35px 10px;
    text-align: center;
}

    #bottomNavContainer ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #bottomNavContainer ul li {
            display: inline;
        }

            #bottomNavContainer ul li span {
                padding: 0 5px;
            }

            #bottomNavContainer ul li a {
                font-size: 11px;
            }

                #bottomNavContainer ul li a:link {
                }

                #bottomNavContainer ul li a:visited {
                }

                #bottomNavContainer ul li a:hover {
                }

                #bottomNavContainer ul li a:visited {
                }

#contentFooter {
    font-size: 90%;
    color: #777777;
    float: left;
    margin: -30px 0 0 0;
    padding: 0 0 5px 10px;
}

#poweredBy {
    float: right;
    text-align: right;
    font-size: 10px;
    margin: -30px 0 0 0;
    padding: 0px 10px 5px 0;
}

    #poweredBy a {
        font-size: 10px;
    }

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		Classes used by wkst TE Drop Down
	 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
.imgFloatLeft {
    float: left;
    margin: 0px 5px 0px 0px;
}

.imgFloatRight {
    float: right;
    margin: 0px 0px 0px 5px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
		LINKS - general & for blocks
	 |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  */
/* instead of plain a:link - need to have the following to avoid affecting titan wkst anchor tags 
	- this will be default for whole site, there will be times you will want to change link styles like on the navigation menus 
	- titanBody and mainBody may not need to be listed here, but left anyway 
	- if using same style on everything, only ones you really have to list are titanBody, mainBody and the ones with a text editor */
.titanBody a:link, .mainBody a:link, .Freeform a:link, .Calendar a:link, .FAQ a:link, .Aggregation a:link, /* filter */ .FormEditor a:link, .SearchResults a:link, .SiteMap a:link, .TOCBlock a:link, .WhatsNew a:link {
    color: #3778B4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.titanBody a:visited, .mainBody a:visited, .Freeform a:visited, .Calendar a:visited, .FAQ a:visited, .Aggregation a:visited, /* filter */ .FormEditor a:visited, .SearchResults a:visited, .SiteMap a:visited, .TOCBlock a:visited, .WhatsNew a:visited {
    color: #3778B4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.titanBody a:hover, .mainBody a:hover, .Freeform a:hover, .Calendar a:hover, .FAQ a:hover, .Aggregation a:hover, /* filter */ .FormEditor a:hover, .SearchResults a:hover, .SiteMap a:hover, .TOCBlock a:hover, .WhatsNew a:hover {
    color: #3778B4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: underline;
}

.titanBody a:active, .mainBody a:active, .Freeform a:active, .Calendar a:active, .FAQ a:active, .Aggregation a:active, /* filter */ .FormEditor a:active, .SearchResults a:active, .SiteMap a:active, .TOCBlock a:active, .WhatsNew a:active {
    color: #3778B4;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
}

/* ==== default link styles for a in h4 - block title - listed all together for consistancy ==== */
.Calendar h4 a:link, .FAQ h4 a:link, .Aggregation h4 a:link, /* filter */ .FormEditor h4 a:link, .SearchResults h4 a:link, .SiteMap h4 a:link, .TOCBlock h4 a:link, .WhatsNew h4 a:link {
    color: #3778B4;
    text-decoration: none;
    font-weight: bold;
}

.Calendar h4 a:visited, .FAQ h4 a:visited, .Aggregation h4 a:visited, /* filter */ .FormEditor h4 a:visited, .SearchResults h4 a:visited, .SiteMap h4 a:visited, .TOCBlock h4 a:visited, .WhatsNew h4 a:visited {
    color: #3778B4;
    text-decoration: none;
    font-weight: bold;
}

.Calendar h4 a:hover, .FAQ h4 a:hover, .Aggregation h4 a:hover, /* filter */ .FormEditor h4 a:hover, .SearchResults h4 a:hover, .SiteMap h4 a:hover, .TOCBlock h4 a:hover, .WhatsNew h4 a:hover {
    color: #3778B4;
    text-decoration: underline;
    font-weight: bold;
}

.Calendar h4 a:active, .FAQ h4 a:active, .Aggregation h4 a:active, /* filter */ .FormEditor h4 a:active, .SearchResults h4 a:active, .SiteMap h4 a:active, .TOCBlock h4 a:active, .WhatsNew h4 a:active {
    color: #1A3481;
    text-decoration: none;
    font-weight: bold;
}

/* ==== default link styles for a in p - 'Read More..." - listed all together for consistancy ==== */
.Calendar p a:link, .FAQ p a:link, .Aggregation p a:link, /* filter */ .FormEditor p a:link, .SearchResults p a:link, .SiteMap p a:link, .TOCBlock p a:link, .WhatsNew p a:link {
    color: #3778B4;
    text-decoration: none;
}

.Calendar p a:visited, .FAQ p a:visited, .Aggregation p a:visited, /* filter */ .FormEditor p a:visited, .SearchResults p a:visited, .SiteMap p a:visited, .TOCBlock p a:visited, .WhatsNew p a:visited {
    color: #3778B4;
    text-decoration: none;
}

.Calendar p a:hover, .FAQ p a:hover, .Aggregation p a:hover, /* filter */ .FormEditor p a:hover, .SearchResults p a:hover, .SiteMap p a:hover, .TOCBlock p a:hover, .WhatsNew p a:hover {
    color: #3778B4;
    text-decoration: underline;
}

.Calendar p a:active, .FAQ p a:active, .Aggregation p a:active, /* filter */ .FormEditor p a:active, .SearchResults p a:active, .SiteMap p a:active, .TOCBlock p a:active, .WhatsNew p a:active {
    color: #1A3481;
    text-decoration: none;
}
/* ================ NOTE ===============
 - when you want to add a block to the left or right zone
 - make that in Titan Admin of the wkst has class names for the block set up, for this css, the class names are leftContent and rightContent
 - when you are in the Web Content Management area - editing area for blocks - and selecting your block Zone, make sure to also select the coorect block style
 - if putting a block in the center zone no block style is needed,
 - if putting a block in the right block zone, also select the rightContent block style, so that under Selected: the block is listed first and the block style is listed second
 - if putting a block in the left block zone, also select the leftContent block style, so that under Selected: the block is listed first and the block style is listed second
 - this css was set up to have left and right zone css style for:
   .Aggregation .OneCol
	 .TOCBlock .OneCol
	 .WhatsNew .OneCol
   ===================================== */


/* ==== Calendar ====
===================== */
/* table and filters */
.Calendar .calendarCallOut {
    margin: 0px;
}

#rightZone .Calendar .calendarCallOut {
    margin: 0px 0px 0px 8px;
}

#leftZone .Calendar .calendarCallOut {
    margin: 0px 0px 0px 8px;
}

.Calendar .calendarCallOut table {
    border-collapse: collapse;
}

    .Calendar .calendarCallOut table th {
        color: #555;
    }

    .Calendar .calendarCallOut table .arrow {
        cursor: pointer;
        color: #3778B4;
        padding-bottom: 5px;
    }

        .Calendar .calendarCallOut table .arrow:hover {
            /*color:#677BAE;*/
        }

    .Calendar .calendarCallOut table td {
        background-color: #ddd;
        border: 1px solid #999;
        color: #333;
        cursor: pointer;
        height: 18px;
        text-align: center;
        width: 21px;
    }

    .Calendar .calendarCallOut table .otherMonth {
        background-color: #ccc;
        color: #666;
        cursor: text;
    }

    .Calendar .calendarCallOut table .selected {
        background-color: #eee;
        color: #3778B4;
        font-weight: bold;
    }

.Calendar .calendarCallOut .calendarNav {
    text-align: left;
    margin: 5px 0px 5px 25px;
}

    .Calendar .calendarCallOut .calendarNav span {
        font-weight: bold;
        color: #555;
        cursor: pointer;
    }

    .Calendar .calendarCallOut .calendarNav .selected {
        color: #3778B4;
    }

    .Calendar .calendarCallOut .calendarNav span:hover {
        /*color:#1A3481;*/
    }

.Calendar .calendarCallOut .CalendarFilter {
}

    .Calendar .calendarCallOut .CalendarFilter fieldset {
        width: 150px;
    }

        .Calendar .calendarCallOut .CalendarFilter fieldset h4 {
            text-transform: capitalize;
        }

        .Calendar .calendarCallOut .CalendarFilter fieldset span {
            display: block;
            margin: 2px 0px;
        }

            .Calendar .calendarCallOut .CalendarFilter fieldset span label {
                margin: 0px 0px 0px 5px;
            }

.Firefox .Calendar .calendarCallOut .CalendarFilter fieldset span label {
    vertical-align: middle; /* to have the text aligned better with the input */
}

.Firefox .Calendar .calendarCallOut .CalendarFilter fieldset input {
    vertical-align: middle; /* to have the text aligned better with the input */
}


/* ==== listing complete results for time frame ==== */
.Calendar .CalendarResults .loading {
    display: none;
}

.Calendar .CalendarResults {
    /*width:470px;   for wkst, same as #centerZone for use in the center zone */
}

    .Calendar .CalendarResults .data ul.pagination {
        border-bottom: 1px solid #A5B2D2;
        margin: 0px 0px 10px 0px;
        padding: 2px 0px;
        text-align: right;
    }

        .Calendar .CalendarResults .data ul.pagination li {
            display: inline;
        }

            .Calendar .CalendarResults .data ul.pagination li a:hover {
                text-decoration: none;
            }

    .Calendar .CalendarResults .data h3 {
        border-bottom: 2px solid #A5B2D2;
        font-size: 12px;
        margin: 0px;
    }

    .Calendar .CalendarResults .data .OneCol div {
        border-bottom: 1px solid #A5B2D2;
        padding: 5px 0px;
        overflow: hidden;
        width: 100%;
    }

        .Calendar .CalendarResults .data .OneCol div h4 {
            margin: 0px 0px 5px 0px;
            text-transform: capitalize;
        }

        .Calendar .CalendarResults .data .OneCol div span label {
            font-weight: bold;
            float: left;
            width: 60px;
        }

        .Calendar .CalendarResults .data .OneCol div span.startDate {
            display: block;
        }

        .Calendar .CalendarResults .data .OneCol div span.location {
            display: block;
        }

    .Calendar .CalendarResults .data .OneCol .image img {
        float: left;
        width: 60px;
        height: 60px;
        margin: 0px 10px 0px 0px;
    }

    .Calendar .CalendarResults .data .OneCol div p {
        clear: both;
        margin: 0px;
        padding: 2px 0px;
    }

    .Calendar .CalendarResults .data .OneCol h2 {
        /* for group by date */
        color: #1A3481;
        font-size: 12px;
        text-align: right;
        padding: 5px 0px 2px 0px;
        margin: 0px;
        border-bottom: 1px solid #1A3481;
    }

    /* default layout - individual event info */
    .Calendar .CalendarResults .calendarItem h3 {
        font-size: 12px;
        border-bottom: 2px solid #A5B2D2;
        padding: 0px 0px 2px 0px;
        margin: 0px 0px 5px 0px;
    }

    .Calendar .CalendarResults .calendarItem .calendarItemCallout div {
        clear: both;
        margin: 1px 0px;
    }

        .Calendar .CalendarResults .calendarItem .calendarItemCallout div label {
            float: left;
            width: 80px;
            font-weight: bold;
        }

    /* full event layout - individual event info */
    .Calendar .CalendarResults .calendarItem h4 {
        font-size: 12px;
        border-bottom: 2px solid #A5B2D2;
        padding: 0px 0px 5px 0px;
        margin: 0px 0px 5px 0px;
    }

    .Calendar .CalendarResults .calendarItem span {
        clear: both;
        display: block;
    }

        .Calendar .CalendarResults .calendarItem span.startTime {
            float: left;
        }

        .Calendar .CalendarResults .calendarItem span.endTime {
            clear: none;
            float: left;
        }

        .Calendar .CalendarResults .calendarItem span.allDayEvent {
            clear: none;
            float: left;
            margin: 0px 0px 0px 10px;
        }

        .Calendar .CalendarResults .calendarItem span label {
            float: left;
            font-weight: bold;
            width: 80px;
        }

    .Calendar .CalendarResults .calendarItem div.attachment {
        margin: 10px 0px 5px 0px;
    }

    .Calendar .CalendarResults .calendarItem div.Description {
        clear: both;
        margin: 10px 0px 10px 0px;
    }

        .Calendar .CalendarResults .calendarItem div.Description p {
            margin: 0px;
            padding: 2px 0px;
        }

/* for inline results - many listings area
.Calendar.inline .CalendarResults .data .OneCol div h4{
	float:left;
	width:100px;
}

.Calendar.inline .CalendarResults .data .OneCol div span{
	float:left;
}
.Calendar.inline .CalendarResults .data .OneCol div span label{
	display:none;
}
.Calendar.inline  .CalendarResults .data .OneCol div span.date{
	width:90px;
}
.Calendar.inline  .CalendarResults .data .OneCol div span.allDayEvent{
	width:80px;
	text-align:center;
}

.Calendar.inline  .CalendarResults .data .OneCol div span.location{
	float:right;
	width:160px;
}*/

/* ==== Filter - Filter and pagination ====
=========================================== */

.Aggregation .AggregationResults .loading {
    display: none;
}

.Aggregation .AggregationResults.waiting .loading {
    display: block;
}

.Aggregation .AggregationResults.waiting .data {
    display: none;
}

.Aggregation .AggregationResults .classifications,
.Calendar .CalendarResults .classifications {
    display: none;
}

.Aggregation {
    margin-bottom: 20px;
}

    .Aggregation .paginationFooter {
        clear: both;
        list-style: none;
        margin: 0px;
        padding: 5px 0px;
    }

        .Aggregation .paginationFooter li {
            display: inline;
            padding: 0px 3px;
        }

            .Aggregation .paginationFooter li a {
                font-weight: bold;
            }

                .Aggregation .paginationFooter li a:hover {
                    font-weight: bold;
                }

    .Aggregation .AggregationFilter fieldset {
        padding: 0px 0px 10px 0px;
    }

        .Aggregation .AggregationFilter fieldset h4 {
            text-transform: capitalize;
        }

        .Aggregation .AggregationFilter fieldset span {
            display: block;
            margin: 2px 0px;
        }

            .Aggregation .AggregationFilter fieldset span label {
                margin: 0px 0px 0px 5px;
            }

.Firefox .Aggregation .AggregationFilter fieldset span label {
    vertical-align: middle; /* to have the text aligned better with the input */
}

.Firefox .Aggregation .AggregationFilter fieldset input {
    vertical-align: middle; /* to have the text aligned better with the input */
}

/* ==== Filter One Column ====
============================== */
.Aggregation .AggregationResults .OneCol {
    /*width:470px;   for wkst, same as #centerZone for use in the center zone */
}

    /*  ===  Backup of Original  ===
.Aggregation .AggregationResults .OneCol div
{
    padding: 5px 4px 5px 6px;
}
=================================  */
    /* you may want to put a height on this */

    .Aggregation .AggregationResults .OneCol div {
        padding: 1px 4px 1px 4px; /* you may want to put a height on this */
    }


        .Aggregation .AggregationResults .OneCol div.altRow {
            background-color: none;
        }

.Aggregation .OneCol h4 {
    margin: 0;
    padding: 0;
}

.Aggregation .AggregationResults .OneCol p {
    margin: 0px;
    padding: 0px;
}

.Aggregation .AggregationResults .OneCol a img {
    float: left;
    margin: 0px 10px 5px 0px;
}

/* for use in right zone*/
#rightZone .Aggregation .AggregationResults .OneCol {
    /*width:190px; for wkst only - this is not required - if used make sure to check the home page and 2 column page layout csses to see if their widths are similar, or add new style for those layouts */
}

    #rightZone .Aggregation .AggregationResults .OneCol div {
        border: 0;
        padding: 3px 0px;
    }

    #rightZone .Aggregation .AggregationResults .OneCol div {
        background-color: transparent;
    }

    #rightZone .Aggregation .AggregationResults .OneCol a img {
        float: none;
        padding: 3px 0px;
    }

/* ==== Filter Two Column ====
============================== */
.Aggregation .TwoCol {
    overflow: hidden; /*width:470px;   overflow needs width - for wkst same as #centerZone for use in the center zone */
}

.Aggregation .TwoCol {
    margin-bottom: 5px;
}

    .Aggregation .TwoCol div {
        float: left;
        margin-bottom: 5px;
        padding: 1px 4px 1px 4px;
        width: 250px; /* you might want to put a height on this */
    }

        .Aggregation .TwoCol div.altRow {
        }

        .Aggregation .TwoCol div + div {
            float: right;
        }

.IE6 .Aggregation .TwoCol div.altRow {
    float: left;
    margin-right: 20px;
    width: 44%;
}

.Aggregation .TwoCol h4 {
    margin: 0;
    padding: 0;
}

.Aggregation .TwoCol p {
    margin: 0;
    padding: 0;
}

.Aggregation .TwoCol a img {
    float: left;
    /* margin: 0px 10px 0px 0px; */
}

/* ==== Filter Alpha List ====
============================== */
.Aggregation .alphaList {
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

    .Aggregation .alphaList li {
        display: inline;
        margin: 0px 10px 0px 0px;
    }

        .Aggregation .alphaList li a:link {
            font-weight: bold;
            text-decoration: underline;
        }

        .Aggregation .alphaList li a:visited {
            font-weight: bold;
            text-decoration: underline;
        }

        .Aggregation .alphaList li a:hover {
            font-weight: bold;
            text-decoration: underline;
        }

        .Aggregation .alphaList li a:active {
            font-weight: bold;
            text-decoration: underline;
        }

.Aggregation .alpha .tocList {
    margin: 0px 0px 10px 20px;
}

.Aggregation .alpha div {
    margin: 0px 0px 10px 0px;
}

    .Aggregation .alpha div img {
        float: left;
        height: 60px;
        margin: 0px 10px 0px 0px;
        width: 60px;
    }

.Aggregation .alpha p {
    margin: 0px;
    padding: 2px 0px;
}

/* ==== TOC Block - One Column ====
=================================== */
#centerZone .TOCBlock {
    margin-bottom: 15px;
}

    #centerZone .TOCBlock .OneCol {
        /*width:470px;   for wkst, same as #centerZone for use in the center zone */
    }

        #centerZone .TOCBlock .OneCol div {
            padding: 9px 4px 5px 4px;
        }

            #centerZone .TOCBlock .OneCol div.altRow {
                background-color: #ebebeb;
                border-bottom: 0px solid #A5B2D2;
                border-top: 0px solid #A5B2D2;
            }

            #centerZone .TOCBlock .OneCol div h4 {
                margin: 0;
                padding: 0;
            }

            #centerZone .TOCBlock .OneCol div p {
                margin: 0;
                padding: 0;
            }

        #centerZone .TOCBlock .OneCol .image a img {
            float: left;
            height: 60px;
            margin: 0px 10px 0px 0px;
            width: 60px;
        }

.OneCol .image p,
.TwoCol .image p,
.tocList .image p,
.OneCol .image h4,
.TwoCol .image h4,
.tocList .image h4 {
    margin-left: 10px;
}



/* for use in right zone */
#rightZone .TOCBlock {
    padding: 5px 5px 0px 5px;
}

    #rightZone .TOCBlock .OneCol {
        width: 190px; /*  for wkst, same as #rightZone for use in the right zone */
    }

        #rightZone .TOCBlock .OneCol div {
            border-bottom: 0;
            padding: 4px 0px;
        }

            #rightZone .TOCBlock .OneCol div.altRow {
                background-color: transparent;
            }

            #rightZone .TOCBlock .OneCol div h4 {
                margin: 0px;
                padding: 0px;
            }

/* for use in left zone */
#leftZone .TOCBlock {
    padding: 5px 5px 0px 5px;
}

    #leftZone .TOCBlock .OneCol {
        width: 190px; /*  for wkst, same as #leftZone for use in the left zone */
    }

        #leftZone .TOCBlock .OneCol div {
            padding: 4px 0px;
        }

            #leftZone .TOCBlock .OneCol div.altRow {
                background-color: transparent;
            }

            #leftZone .TOCBlock .OneCol div h4 {
                margin: 0px;
                padding: 0px;
            }

/* ==== TOC Block - Two Column ====
=================================== */

#image altRow {
    margin: 0px 0px 0px 50px;
}

#centerZone .TOCBlock .TwoCol {
    overflow: hidden;
}

#centerZone .TOCBlock .TwoCol {
    margin-bottom: 5px;
}

    #centerZone .TOCBlock .TwoCol div {
        float: left;
        padding: 5px 4px 5px 4px;
        width: 47%; /* you might want to put a height on this */
    }

        #centerZone .TOCBlock .TwoCol div.altRow {
            /*background-color:#ebebeb;	*/
        }

        #centerZone .TOCBlock .TwoCol div + div {
            float: right;
        }

.IE6 #centerZone .TOCBlock .TwoCol div.altRow {
    float: left;
    margin-right: 20px;
    width: 44%;
}

#centerZone .TOCBlock .TwoCol div h4 {
    margin: 0;
    padding: 0;
}

#centerZone .TOCBlock .TwoCol div p {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

#centerZone .TOCBlock .TwoCol a img {
    float: left;
    margin: 0px 10px 0px 0px;
}


/* ==== FAQ ====
================ */
.FAQ ul {
    list-style: none;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}

    .FAQ ul li a p {
        margin: 0px;
        padding: 2px 0px;
    }

.FAQ dl dt {
    font-weight: bold;
}

.FAQ dl dd {
    border-bottom: 1px solid #A5B2D2;
    margin: 10px 0px 15px 0px;
    padding: 0px;
}

.
.FAQ.callout {
    padding: 5px;
}

    .
    .FAQ.callout dl dd {
        border-bottom: 0;
        margin: 10px 0px 5px 0px;
        padding: 0px;
    }

/* ==== file upload  ====
========================= */
.DisplaySideUpload fieldset {
    width: 263px;
    padding: 5px;
}

.IE .DisplaySideUpload fieldset {
    width: 274px;
}

.IE6 .DisplaySideUpload fieldset {
    width: 277px;
}

.DisplaySideUpload .uploadInfo {
    margin: 0px 0px 5px 0px;
}

.DisplaySideUpload .
.uploadInfo.error {
    background-color: #eee;
    border: 1px solid #aaa;
    color: #900;
}

.DisplaySideUpload .uploadFields {
    padding-right: 5px;
}

    .DisplaySideUpload .uploadFields div {
        margin: 5px 0px;
    }

        .DisplaySideUpload .uploadFields div label {
            float: left;
            width: 70px;
        }

        .DisplaySideUpload .uploadFields div input, .DisplaySideUpload .uploadFields div textarea {
            font-size: 12px;
        }

        .DisplaySideUpload .uploadFields div.file input {
            height: 22px;
        }

        .DisplaySideUpload .uploadFields div.title input, .DisplaySideUpload .uploadFields div.description textarea {
            width: 183px;
        }

.IE .DisplaySideUpload .uploadFields div.title input, .IE .DisplaySideUpload .uploadFields div.description textarea {
    width: 192px;
}

.DisplaySideUpload .uploadFields div.upload {
    text-align: right;
}

.Firefox .DisplaySideUpload .uploadFields div.upload input {
    padding: 1px 4px;
}

/* ==== Search Results  ====
============================ */
.SearchResults {
    /*width:870px;  for wkst, same as #centerZone for use in the center zone */
}

    .SearchResults h4 {
        margin: 5px 0px 0 0px;
        font-size: 110%;
    }

    .SearchResults .OneCol div {
        border-bottom: 1px solid #cccccc;
        padding: 9px 0px 5px 0px;
        overflow: hidden;
        width: 100%; /* need width if using overflow */
    }

    .SearchResults .header {
        margin-bottom: 20px;
    }

    .SearchResults .OneCol .image a img {
        float: left;
        height: 32px;
        margin: 0px 10px 0px 0px;
        width: 32px;
    }

    .SearchResults .OneCol div p {
        margin: 0px;
        padding: 2px 0px 0px 0px;
    }

    .SearchResults .OneCol div h4 a {
        font-weight: bold;
    }

    .SearchResults .paginationFooter {
        clear: both;
        list-style: none;
        margin: 10px 0 0 0px;
        padding: 2px 0px;
    }

        .SearchResults .paginationFooter li {
            display: inline;
        }

            .SearchResults .paginationFooter li a:link {
                font-weight: bold;
                margin: 0px 4px;
            }

            .SearchResults .paginationFooter li a:visited {
                font-weight: bold;
                margin: 0px 4px;
            }

            .SearchResults .paginationFooter li a:hover {
                font-weight: bold;
                margin: 0px 4px;
            }

            .SearchResults .paginationFooter li a:active {
                font-weight: bold;
                margin: 0px 4px;
            }

/* ==== Site Map  ==========
============================ */
.SiteMap ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .SiteMap ul li {
        margin: 0px 0px 10px 0px;
    }

        .SiteMap ul li a:link {
            font-weight: bold;
        }

        .SiteMap ul li a:visited {
            font-weight: bold;
        }

        .SiteMap ul li a:hover {
            font-weight: bold;
        }

        .SiteMap ul li a:active {
            font-weight: bold;
        }

.SiteMap li ul {
    margin: 5px 0px 10px 20px;
    padding: 0px;
}

    .SiteMap li ul li a:link {
        font-weight: normal;
    }

    .SiteMap li ul li a:visited {
        font-weight: normal;
    }

    .SiteMap li ul li a:hover {
        font-weight: normal;
    }

    .SiteMap li ul li a:active {
        font-weight: normal;
    }

/* ==== What's new ====
======================= */
#centerZone .WhatsNew .OneCol {
    /*width:470px;   for wkst same as #centerZone for use in the center zone */
}

    #centerZone .WhatsNew .OneCol div {
        padding: 4px 4px 5px 5px; /* you might want to put a height on this */
    }

        #centerZone .WhatsNew .OneCol div.altRow {
            background-color: #ebebeb;
        }

        #centerZone .WhatsNew .OneCol div h4 {
            margin: 0;
            padding: 0;
        }

        #centerZone .WhatsNew .OneCol div p {
            margin: 0;
            padding: 0;
        }

    #centerZone .WhatsNew .OneCol a img {
        float: left;
        margin: 0px 10px 0px 0px;
    }

/* for use in right zone*/
#rightZone .WhatsNew .OneCol {
    width: 190px; /*  for wkst same as #rightZone for use in the right zone */
}

    #rightZone .WhatsNew .OneCol div {
        border: 0;
        padding: 3px 0px;
    }

        #rightZone .WhatsNew .OneCol div.altRow {
            background-color: transparent;
        }

    #rightZone .WhatsNew .OneCol .image a img {
        float: none;
        padding: 3px 0px;
    }
/* for use in left zone*/
#leftZone .WhatsNew .OneCol {
    width: 190px; /* for wkst same as #leftZone for use in the left zone */
}

    #leftZone .WhatsNew .OneCol div {
        border: 0;
        padding: 3px 0px;
    }

    #leftZone .WhatsNew .OneCol div {
        background-color: transparent;
    }

    #leftZone .WhatsNew .OneCol a img {
        float: none;
        padding: 3px 0px;
    }

/* ==== Form Editor ====
======================== */
.FormEditor .ErrorMessage {
    background-color: #eee;
    border: 1px solid #aaa;
    color: #900;
    padding: 5px;
}

    .FormEditor .ErrorMessage .SFMessage:before {
        content: "-";
    }


/* login screen */
#LoginScreen {
    width: 900px;
    clear: both;
    padding: 30px 0 20px 0;
    margin: 0;
}

    #LoginScreen div {
    }

    #LoginScreen fieldset {
        border: 0;
        width: 400px;
        height: 100%;
        padding: 20px;
        margin: 50px 0 0 250px;
        border: 1px solid #CECECE;
        /* text-align: left; */
    }

    html* #LoginScreen fieldset, *html #LoginScreen fieldset {
        margin: 0;
    }

    #LoginScreen legend {
        font-size: 15px;
        font-weight: normal;
        color: #5A5A5A;
        float: left;
        margin: 0;
        padding: 20px 3px 0 3px;
    }

    html* #LoginScreen legend, *html #LoginScreen legend {
        padding: 0 3px;
    }

    #LoginScreen label {
        font-weight: bold;
        text-decoration: none;
        display: block;
        float: left;
        margin: 20px 0 20px 10px;
    }

html* #LoginScreen label {
    margin: 10px 0 10px 20px;
}

#LoginScreen input {
    margin: 10px 0;
}

#LoginScreen .LoginButton, .titanBody input[type=button], .formBlockSubmit {
    font-size: 11px;
    color: #333333;
    font-weight: bold;
    background: url(images/bg_button.gif) no-repeat;
    height: 21px;
    width: 60px;
    margin: 0 0 10px 0;
    border: 1px solid #bbbbbb;
    float: center;
}

    #LoginScreen .LoginButton:hover, .titanBody input[type=button]:hover, .formBlockSubmit:hover {
        background: url(images/bg_button_hover.gif) no-repeat;
        color: #005C98 !important;
        border: 1px solid #3778B4 !important;
        cursor: pointer;
    }

#LoginScreen .ErrorMessage {
    color: #C32E16 !important;
    font-family: Arial,Geneva, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center !important;
    background: none;
    display: block;
}


/* --- CUSTOM CSS --- */

.LmsSection {
    float: left;
    width: 91%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 20px;
    background: url(images/bg_LmsSection.jpg) repeat-x;
    border: 1px solid #cccccc;
    margin: 0 0 25px 0;
}

    .LmsSection h3 {
        text-align: center;
    }

    .LmsSection div {
        float: left;
        width: 48%;
        margin: 10px 0 0 0;
    }

.infoPanel {
    width: 100%;
    float: left;
    /* clear: both; */
    margin-bottom: 5px;
    padding-bottom: 0px;
    border-bottom: 1px groove #cccccc;
    font-size: 90%;
}

    .infoPanel .header {
        float: left;
        display: block;
        width: 48%;
    }

    .infoPanel .detail {
        float: left;
        display: block;
        width: 48%;
        text-align: right;
    }

    .infoPanel .littleTopSpace {
        margin-top: 4px;
    }

    .infoPanel .indent {
        margin-left: 5px;
    }

    .infoPanel div {
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .infoPanel div {
        float: left;
        clear: both;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .infoPanel .edit {
        text-align: right;
        border-bottom: 1px groove #cccccc;
    }

/* COMMENTS - EVENT UPLOAD */
.Commenting .icon,
.commentForm .ErrorMessage,
.EventUpload .icon {
    display: none;
}


/* COMMENT FORM - EVENT UPLOAD FORM */
.commentForm {
    margin-bottom: 30px;
    padding-bottom: 20px;
}

    .commentForm .name,
    .commentForm .email,
    .commentForm .rating,
    .commentForm .title,
    .commentForm .comment,
    .commentForm .recaptcha,
    .commentForm .thankYouFor,
    .EventUpload .eventName,
    .EventUpload .description,
    .EventUpload .sponsor,
    .EventUpload .location,
    .EventUpload .startDate,
    .EventUpload .startTime,
    .EventUpload .endDate,
    .EventUpload .endTime,
    .EventUpload .contactName,
    .EventUpload .contactEmail,
    .EventUpload .attachment,
    .EventUpload .notes {
        margin-top: 10px;
    }

    .commentForm .label,
    .EventUpload label {
        display: block;
    }

    .commentForm .comment .label {
        float: left;
        padding-right: 4px;
    }

    .commentForm .comment textarea {
        clear: both;
        float: left;
    }

    .commentForm table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
    }
        /* for rating */
        .commentForm table tr {
            margin: 0;
            padding: 0;
        }

        .commentForm table td {
            margin: 0;
            padding: 0;
            text-align: center;
        }

    .commentForm .nameMessage,
    .commentForm .emailMessage,
    .commentForm .titleMessage,
    .commentForm .ratingMessage,
    .commentForm .commentMessage,
    .commentForm .recaptchaMessage,
    .EventUpload .eventNameMessage,
    .EventUpload .descriptionMessage,
    .EventUpload .sponsorMessage,
    .EventUpload .locationMessage,
    .EventUpload .startDateMessage,
    .EventUpload .startTimeMessage,
    .EventUpload .endDateMessage,
    .EventUpload .endTimeMessage,
    .EventUpload .contactNameMessage,
    .EventUpload .contactEmailMessage,
    .EventUpload .attachmentMessage,
    .EventUpload .notesMessage {
        display: none;
    }

    .commentForm .messageOn,
    .commentForm .error,
    .EventUpload .messageOn,
    .EventUpload .error {
        display: block;
        clear: both;
    }

    .commentForm .buttons,
    .EventUpload .buttonsConfirm,
    .EventUpload .buttonsSubmit,
    .FormEditor .buttons {
        margin-top: 20px;
    }

    .commentForm .buttons,
    .commentForm .thankYouForm,
    .commentForm .recaptcha,
    .EventUpload .buttons,
    .EventUpload .thankYouForm,
    .EventUpload p,
    .FormEditor .buttons {
        clear: both;
    }

/* COMMENTS RESULTS */
.comments .label,
.comments .value,
.summary .label,
.comments .value span,
.summary .value span,
.OneCol .label,
.TwoCol .label,
.OneCol label,
.TwoCol label {
    float: left;
    margin-right: 5px;
}

.OneCol .value span.ofValue,
.TwoCol .value span.ofValue,
.OneCol .hitCount label,
.TwoCol .hitCount label {
    margin-right: 0;
}

.summary .count {
    clear: both;
}

.Commenting .icon,
.commentForm .ErrorMessage {
    display: none;
}

.comments .label {
    width: 49px;
}

.comments .comment .label {
    width: 100%;
}

.comments .comment .label {
    float: none;
}

.comments div.OneCol div {
    clear: none
}

.summary {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .summary h3 {
        margin-bottom: 5px;
    }

    .summary .average,
    .summary .count {
        margin-bottom: 5px;
    }

.comments .OneCol div {
    overflow: hidden;
    padding: 5px 0;
    margin-bottom: 8px;
}

.IE6 .comments .OneCol div {
    height: 15;
}

.comments .OneCol div .title,
.comments .OneCol div .rating,
.comments .OneCol div .user,
.comments .OneCol div .dateTime,
.comments .OneCol div .comment {
    margin-bottom: 2px;
    padding: 0px;
}

    .comments .OneCol div .title div,
    .comments .OneCol div .rating div,
    .comments .OneCol div .user div,
    .comments .OneCol div .dateTime div,
    .comments .OneCol div .comment div {
        padding: 0px;
        margin: 0;
    }

.comments .comment .value p {
    margin-bottom: 0;
    padding-bottom: 5px;
    margin-top: 0;
    padding-top: 0;
}

/* COMMENTING POP UP  - when coming from an TOC or Filter block Read Comments or Write Comments Link */
.commentFormPop #contentContainer,
.commentsPop #contentContainer {
    padding-left: 100px;
}


/* COMMENTS STYLES*/
.Commenting .summary,
.comments .OneCol div {
    border-bottom: 1px solid #ccc;
}

    .comments .OneCol div div {
        border-bottom: 0;
    }

/* EVENT UPLOAD */
.EventUpload .startDate .icon,
.EventUpload .endDate .icon {
    background: url('images/thbCalendar.png') no-repeat left top;
}

/* COMMENT FORM POP UP  - when coming from an TOC or Filter block Read Comments or Write Comments Link */
.commentFormPop #contentArea,
.commentsPop #contentArea {
    background: 0;
}

/* SEGMENTED SEARCH */
div.SegmentedSearch {
    overflow: hidden;
}

/* PHOTO BLOCK */
div.PhotoBlock div.filmstrip {
}

    div.PhotoBlock div.filmstrip div h3 {
        padding-left: 15px;
    }

    div.PhotoBlock div.filmstrip img {
        cursor: pointer;
        float: left;
        margin: 5px 0;
    }

    div.PhotoBlock div.filmstrip div.webImages {
        float: left;
        padding-left: 10px;
        width: 330px;
    }

    div.PhotoBlock div.filmstrip div.webImagesLarge {
        float: left;
        padding-left: 10px;
        width: 650px;
    }

    div.PhotoBlock div.filmstrip div.leftArrow,
    div.PhotoBlock div.filmstrip div.rightArrow {
        cursor: pointer;
        float: left;
        height: 20px;
        margin-top: 45px;
        width: 20px;
    }

        div.PhotoBlock div.filmstrip div.rightArrow + div {
            display: none;
        }

    div.PhotoBlock div.filmstrip div.thumbnails {
        float: left;
        height: 400px;
        margin: -25px 0 5px 25px;
        overflow-y: scroll;
        width: 140px;
    }

    div.PhotoBlock div.filmstrip div.thumbnailsLarge {
        float: left;
        height: 400px;
        margin: 92px 0 5px 25px;
        overflow-y: scroll;
        width: 180px;
    }

    div.PhotoBlock div.filmstrip h3 {
        color: #555;
        font-size: 11px;
        font-weight: bold;
        padding-left: 15px;
    }

    div.PhotoBlock div.filmstrip div.leftArrow {
        background: url('images/btnPrevNextArrows.gif') no-repeat left top;
    }

    div.PhotoBlock div.filmstrip div.rightArrow {
        background: url('images/btnPrevNextArrows.gif') no-repeat right top;
    }

    div.PhotoBlock div.filmstrip div.leftArrow:hover {
        background-position: left bottom;
    }

    div.PhotoBlock div.filmstrip div.rightArrow:hover {
        background-position: right bottom;
    }

    div.PhotoBlock div.filmstrip div.rightArrow,
    div.PhotoBlock div.filmstrip div.leftArrow {
        color: #fff;
        font-size: 0;
        line-height: 50;
    }

    div.PhotoBlock div.filmstrip div.thumbnails {
        border: 1px solid #ddd;
    }


.IE6 div.PhotoBlock div.filmstrip div {
    display: none;
}

    .IE6 div.PhotoBlock div.filmstrip div.webImages,
    .IE6 div.PhotoBlock div.filmstrip div.webImages div,
    .IE6 div.PhotoBlock div.filmstrip div.leftArrow,
    .IE6 div.PhotoBlock div.filmstrip div.rightArrow,
    .IE6 div.PhotoBlock div.filmstrip div.thumbnails {
        display: block;
    }

/* CUSTOM HOME PAGE STYLE */
.NewsFlash a {
    color: #ff0000;
}

.NewsFlash h4 {
    color: #ff0000;
}

/* CUSTOM FILTER LINK COLOR */
.filterLinkRed div.data h3 {
    color: #990000;
}

/* CUSTOM FAQ Font Style */
.faqFontSize {
    font-size: 12px;
}

.required {
    border: 1px solid red;
}

    .required.green {
        border: 1px solid green;
    }

/*  Home Page 2 Ribbon Style 2014/10/07 */

.ribbon {
    border: 0px solid black;
    width: 238px;
    min-height: 300px;
    float: left;
    padding: 5px;
}


/* Fix 2 columns layout float teaser image and text for v6.3 */
.TwoCol .image {
    display: block;
}

.TwoCol .teaserImage {
    width: 65px;
    float: none;
}

.TwoCol .image .otherStuff {
    clear: none;
    float: left !important;
    width: 177px !important;
}

.OneCol .image {
    clear: left;
}

.TwoCol .image .teaserImage img {
    max-width: 75px;
}

.TwoCol .image > h4, .TwoCol .image > p {
    margin-left: 90px;
}

.Aggregation .TwoCol div {
    width: 48%;
}

/* classes for User Info MDF Balance feature */
.mdfBalance {
    position: relative;
    text-align: right;
    right: 16px;
}

.mdfBalanceFont {
    position: absolute;
    font-weight: bold;
    right: 68px;
}