/*  sets page width and centers  */
.clearboth {
    clear: both;
}
/* V2 */
/*.pagecontainer {
    margin-left: auto;
    margin-right: auto;
    width: 962px;
}*/
/* END V2 */
.pageheaderad {
    padding-top: 14px;
    text-align: center;
}

img, form
{
    margin: 0;
    padding: 0;
}
.popupcontainer {
    padding: 10px;
}
body
{
    margin: 0;
}

.homeconcept .left
{
    border-right: 1px solid #FFFFFF;
    width: 400px;
}

.homeconcept .right
{
    background-color: #C5C5C5;
}

.home
{
    clear: both;
}

body
{
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}


/*Print view*/
.printView
{
    margin-left: auto;
    margin-right: auto;
    width: 670px;
}

.printHeader
{
    float: left;
    margin-top: 5px;
    width: 670px;
    /*border:solid blue 1px; */
}

.printCenter
{
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 670px;
    /*border:solid blue 1px; */
}

.printWide
{
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 670px;
    /*border:solid blue 1px; */
}

.printFooter
{
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 50px;
    /*border:solid blue 1px; */
}




/* Left Navigation*/
ul.leftNav
{
    padding-left: 0;
    margin-left: 0;
}

.navItem
{
    padding-top: 4px;
    padding-bottom: 3px;
    margin-left: 5px;
}

    .navItem:hover
    {
    }

.navOnSelectedPath
{
    margin-left: 5px;
    list-style: none;
    list-style-image: none;
    font-weight: bold;
}

.navSelected
{
    font-weight: 600;
    margin-left: 5px;
    list-style: none;
    list-style-image: none;
    background-color: #ddd;
}

.navSelectedChild
{
    background-color: #eee;
}

.navLevel0
{
    border-top: 1px solid #E0E0E0;
    list-style: none;
    list-style-image: none;
}

.noBullet
{
    list-style: none;
    list-style-image: none;
}

.navSelectedLastNode
{
    list-style: none;
    list-style-image: none;
    font-weight: 600;
}

.navLevel1
{
    padding-left: 7px;
}

.navLevel2
{
    padding-left: 14px;
}

.navLevel3
{
    padding-left: 21px;
}

.navLevel4
{
    padding-left: 28px;
}

.hlLeftNav a:link
{
    color: #980000;
    text-decoration: none;
}

.hlLeftNav a:visited
{
    color: #980000;
    text-decoration: none;
}

.hlLeftNav a:hover
{
    color: #E00000;
}

.hlLeftNav a:active
{
    color: blue;
}

.hlLeftNav
{
    padding-top: 10px;
}

.heading
{
    color: #980000;
    font-size: larger;
    font-weight: 600;
    margin-left: -3px;
}

.leftnavitem a:link
{
    color: #202020;
    font-family: verdana,helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.leftnavitem a:visited
{
    color: #202020;
    font-family: verdana,helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.leftnavitem a:hover
{
    color: #E00000;
    font-family: verdana,helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

/*Home Substructure*/
.homeTopLeft
{
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 400px;
    height: 313px;
    padding-left: 1px;
}

.homeTopRight
{
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 555px;
    height: 313px;
    background: #C5C5C5;
    vertical-align: middle;
}

.homeFeatureSection .image
{
    float: left;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
}

.homeFeatureSection h2
{
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.homeFeatureSection a
{
    color: black;
}

.homeFeatureSection table tbody tr td img
{
    margin: 0px;
    padding: 0px;
}

.homeFeatureSection span
{
    font-size: 11px;
}

    .homeFeatureSection span a
    {
        color: black;
        font-size: 11px;
    }

/*.homeTopRightSection {*/
.homeFeatureSection
{
    background-color: #DFDFDF;
    border-color: #D2D2D2;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    height: 95px;
    width: 547px;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    text-decoration: none;
    padding-top: 2px;
}

.homeBottomLeft
{
    float: left;
    padding-right: 2px;
    width: 316px;
    height: 252px;
}

.homeBottomCenter
{
    float: left;
    width: 316px;
    height: 370px;
    padding-right: 2px;
}

.homeBottomRight
{
    float: right;
    width: 316px;
}



/* Highlights section  */
.highlightsHeading
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    height: 15px;
}

.highlightsContent a:link
{
    border-bottom: 1px solid #87A1C0;
    /*font-weight: bold;*/
    font-size: 13px;
    color: #337ac6;
    text-decoration: none;
}

.highlightsContent a:visited
{
    font-weight: bold;
    font-size: 13px;
    color: #337ac6;
    text-decoration: none;
}

.highlightsContent a:hover, a:active
{
    color: #104382;
}

.highlightsContent
{
    padding-right: 10px;
}

    .highlightsContent ul
    {
        padding-left: 15px;
    }

    .highlightsContent li
    {
        padding-bottom: 8px;
    }

/* logo and header   */
.logo
{
    float: left;
    padding-top: 13px;
    height: 100px;
}
/* always set the image height and width */
.logo img {
    width: 600px;
    height: 87px;
}

.profileblock
{
    color: #980000;
    float: right;
    font-size: 12px;
    /*height was 54*/
    height: 70px;
    line-height: 18px;
    padding-top: 8px;
    text-align: right;
    width: 325px;
}
.menuTemplate li a:hover, .menuLine1:hover {
   color: #E00000; 
}

    .profileblock .cartDiv {
        padding-top: 25px;
        display: inline-block;
    }
    .messageBlock {
        float: left;
        text-align: left;
        color: #980000;
		width: 140px;
    }
	.messageBlock ul {
		margin: 0;
		padding-left: 5px;
	}
    .menuContainer {
        position: relative;
        display: inline-block;
    }
    .menuBlock {
        display: inline-block;
        position: relative;
        height: 44px;
        min-width: 98px;
        text-align: left;
        cursor: pointer;
        list-style: none;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
    }
    .menuBlock .menuLine1 {
        display: inline-block;
        position: relative;
        font-weight: normal!important;
    }
    .menuBlock .menuLine2 {
        color: black;
        font-weight: bold;
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 0px;
    }
    .profileblock span.welcome {
        color: #980000;
        font-weight: bold;
    }
    .profileblock a
    {
        color: black;
    }

.pageblock .column1
{
    float: left;
    padding-top: 10px;
    width: 688px;
}
.menuTemplate {
    border: #a1a1a1 solid 1px;
    box-shadow: #a1a1a1 0px 2px 4px 0px;
    display: none;
    background-color: white;
    position: absolute;
    z-index: 2;
    list-style: none;
    padding: 0px 20px 0px 20px;
    top: 36px;
    left: -55px;
}
.menuTemplate li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menuTemplate li.line-under {
    font-weight: bold;
    border-bottom: #dddddd solid 1px;
}
.menuTemplate li.line-over {
    font-weight: bold;
    border-top: #dddddd solid 1px;
}
.menuTemplate a {
    color: #980000;
    text-decoration: none;
    white-space: nowrap;
}
.menuTemplate a:hover {
    color: #E00000;
    text-decoration: underline;
}
.pageblock .column2
{
    float: right;
}
.searchblock
{
    background-color: #980000;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    margin-right: 1px;
    /*margin-top: 12px;*/
    padding: 6px;
}
.searchblock [type="image"] {
    margin-bottom: -2px
}
/* footer   */
.footerWrapper
{
    clear: both;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.footer
{
    float: left;
    font-size: 10px;
    color: #282828;
}

.socialMedia
{
    float: right;
}

.footer a:link
{
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    text-decoration: underline;
    color: #282828;
}

.footer a:visited
{
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    text-decoration: underline;
    color: #282828;
}

.footer a:hover
{
    color: #980000;
    text-decoration: underline;
}

.printtxthin
{
    color: #676767;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}


/* Top Grey navigation    */
.pagenav
{
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.registrationnav
{
    float: left;
    /*text-align: center;*/
    background-color: #c6c6c6;
    width: 350px;
    color: #FFFFFF;
    padding-top: 12px;
    height: 24px;
    clear: left;
        clear:left;
}

/* hacked for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .registrationnav
    {
        margin-top: 4px;
    }
}

/*body:nth-of-type(1) .registrationnav{
    margin-top:4px;
}*/

.registrationnav ul
{
    margin: 0px;
    padding: 0px;
}

.registrationnav li
{
    margin: 0px;
    list-style-type: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    display: block;
}

a.registration:link, a.registration:visited
{
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding-right: 23px;
    padding-left: 23px;
    text-decoration: none;
}

a.registration:hover
{
    color: #104382;
    text-decoration: none;
}

a.registration:active
{
    color: #FFFFFF;
    text-decoration: none;
}

/* Top Blue navigation   
.welcome {
    line-height: 24px;
}
#nameMenu {
    list-style: none;
    padding-left: 10px;
}
#nameMenu li {
    padding-top: 5px;
    padding-bottom: 5px;
}
#nameMenu li.line-under {
    border-bottom: white solid 1px;
}
#nameMenu li.line-over {
    border-top: white solid 1px;
}
#nameMenu a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
#nameMenu a:hover {
    text-decoration: underline;
} */
.utilitiesnav
{
    float: right;
    width: 100%;
    /*width: 610px;
    background-color: #104382;*/
}

    .utilitiesnav > ul
    {
        list-style: none;
        display: table;
        margin: 0px;
        padding: 0px;
        background-color: #104382;
        width: 100%;
    }

    .utilitiesnav > ul li
    {
        text-align: center;
        background-color: #104382;
        margin: 0px;
        /*float: left;*/
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #FFFFFF;
        display: table-cell;
        /*width: 115px;*/
    }
    .utilitiesnav li a {
        display: block;
        text-align: center;
    }
    .utilitiesnav li#catalog {
        width: 105px;
    }
    .utilitiesnav li#news {
        width: 165px;
    }
    .utilitiesnav li#about {
        width: 120px;
    }
    .utilitiesnav li#careers {
        width: 100px;
    }
    .utilitiesnav li.last-item {
        border-right: none;
    }
a.utilities, ul.utilities
{
    background-color: #104382;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding-bottom: 6px;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
    height: 18px;
}
#accountMenu .k-animation-container .k-item.k-state-default {
    background-color: #104382!important;
}
#accountMenu .k-animation-container .k-item.k-state-default > a {
    font-weight: bold;
    color: white!important;
    text-align: left;
}
#accountMenu .k-animation-container .k-item.k-state-default:hover {
    background-color: white!important;
}
#accountMenu .k-animation-container .k-item.k-state-default:hover > a {
    color: #104382!important;
}
#accountMenu.k-menu {
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px !important;
    box-shadow: none !important; 
}
#accountMenu.k-menu > li {
    display: inline-block;
    width: 100%;
    box-shadow: none !important;
    background-color: #c6c6c6!important;
}
#accountMenu.k-menu > li a{
    box-shadow: none !important; 
    color: black!important;
}
#accountMenu .k-animation-container {
    margin-top: 4px!important;
}
#hypMyProfile {
    display: block!important;
    padding: 0px !important;
    height: 12px;
}
.utilitiesnav li.gray, .utilitiesnav li.gray a.utilities {
        background-color: #c6c6c6!important;
        color: black!important;
    }
    a.utilities:hover, a.utilities:active
    {
        background-color: #FFFFFF;
        color: #104382;
        text-decoration: none;
    }
    .utilitiesnav li.gray a.utilities:hover, .utilitiesnav li.gray a.utilities:active {
        color: #104382;
    }
li.last
{
    border-right-style: none !important;
}


/* Next level navigation, light blue    */
.mainnav
{
    border: 1px solid #FFFFFF;
}

    .mainnav ul
    {
        margin: 0;
        padding: 0;
    }

    .mainnav li
    {
        display: inline;
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .mainnav a
    {
        float: left;
    }

    .mainnav img
    {
        border: 0 none;
    }

/* not sure what pagenation does...   */
/*
.pagenation {
    background-color: #4889B7;
    border: 1px solid #074979;
    clear: both;
    color: #FFFFFF;
    padding: 12px;
}
.pagenationleft {
    float: left;
    width: 48%;
}
.pagenationright {
    float: right;
    text-align: right;
    width: 48%;
}
.pagenation a:link, .pagenation a:visited {
    color: #FFFFFF;
}
.pagenation a:hover, .pagenation a:active {
    color: #EEF1F3;
}
.pagenationright a {
    padding-left: 3px;
    padding-right: 3px;
}
*/

/* Slideshow */
#slideshow
{
    position: relative;
	padding-top: 2px;
    width: auto;
}
#slideshow.full-width {
    width: 100%;
}
#slideshow.doc-info-width {
    width: 250px;
}
    #slideshow #slideshow_pic
    {
        height: 287px;
        width: 100%;
        margin-right: 1px;
        overflow: hidden;
    }
    
#slideshow_pic a img
{
    border: none;
}

#slideshow #slideshow_nav
{
    height: 20px;
    /* width: 100%; */
    margin-right: 1px;
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
}

    #slideshow #slideshow_nav .prev, #slideshow #slideshow_nav .next
    {
        display: inline;
    }

        #slideshow #slideshow_nav .prev a.disabled, #slideshow #slideshow_nav .next a.disabled
        {
            color: #ccc;
            cursor: default;
        }

    #slideshow #slideshow_nav .links
    {
        display: inline;
        padding: 10px 50px 0 50px;
    }

        #slideshow #slideshow_nav .links a
        {
            padding: 0 5px 0 5px;
            color: #000;
            font-weight: normal;
        }

            #slideshow #slideshow_nav .links a.selected
            {
                color: #fff;
            }

    #slideshow #slideshow_nav .prev a, #slideshow #slideshow_nav .next a
    {
        color: #fff;
    }

#slideshow .slideTag
{
    position: absolute;
    bottom: 25px;
    width: 379px;
    height: 60px;
    padding: 10px;
    background: rgb(0, 0, 0); /* fallback color */
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    /*ie hack*/
    *-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
    zoom: 1;
}

#docInfoSlideshow #slideshow {
    float: right;
    padding-left: 15px;
}

#docInfoSlideshow #slideshow #slideshow_nav .links {
    padding: 10px 15px 0 15px;
}

#docInfoSlideshow #slideshow #slideshow_pic {
	height: 250px;
}


/* Breadcrumb */
.breadCrumb a:link
{
    color: #202020;
    font-family: verdana,helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.breadCrumb a:hover
{
    color: #E00000;
    font-family: verdana,helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.breadCrumb a:visited
{
    color: #202020;
    font-family: verdana,helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

/* Commerce buttons */
div.buybox
{
    width: 165px;
    padding-top: 20px;
}

.buybox .header
{
    background-color: rgb(0, 102, 203);
    color: white;
    text-align: center;
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    /* rounded corners */
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
}

.buybox .body
{
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    text-align: center;
    padding-left: 0px;
}

.buybox .footer
{
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    height: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(242, 242, 242);
    /* rounded corners */
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    float: none;
}

.buybox .body .product_image
{
    padding-top: 15px;
    padding-bottom: 10px;
}

    .buybox .body .product_image img
    {
        border: 0px;
    }

.buybox .body .product_title
{
    color: #0066cb;
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

    .buybox .body .product_title .product_desc
    {
        color: #000000;
        font-family: Verdana, helvetica, Sans-Serif;
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
    }

.buybox .body .product_details
{
    padding-top: 10px;
    text-align: right;
    color: #000000;
    font-weight: normal;
}

.buybox .body hr
{
    border: dashed;
    border-width: 1px 0 0;
    height: 0;
    color: #BDBDBD;
}

.buybox .body .product_details .list_price
{
    color: black;
    font-weight: bold;
}

.buybox .body .product_details .member_price
{
    color: Red;
    font-weight: bold;
    -moz-padding-end: 1px;
}

.buybox .body .product_option
{
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 9px;
    font-weight: bold;
    background-color: rgb(242, 242, 242);
    padding-bottom: 7px;
    padding-top: 7px;
}

    .buybox .body .product_option span.added
    {
        font-weight: bold;
        color: red;
    }

    .buybox .body .product_option span
    {
        font-weight: normal;
    }

.buybox .divider
{
    background-color: rgb(229, 229, 229);
    padding-top: 1px;
    padding-bottom: 1px;
    border-left: 1px solid #BDBDBD;
    border-right: 1px solid #BDBDBD;
}

    .buybox .divider hr
    {
        border: solid;
        border-width: 1px 0 0;
    }
.docinfo p {
    margin: 0em;
}
.docinfo .heading ~ p {
    display: inline;
}
.docinfo p.docinfo-p {
    margin: 1em 0em 1em 0em;
}

.docinfo .buybox
{
    width: 190px;
}

    .docinfo .buybox .product_image
    {
        float: left;
    }

    .docinfo .buybox .product_title
    {
        padding-top: 15px;
    }

    .docinfo .buybox .product_details
    {
        text-align: left;
    }

        .docinfo .buybox .product_details .product_item
        {
            display: none;
        }

    .docinfo .buybox hr
    {
        display: none;
    }

    .docinfo .buybox .product_option
    {
        clear: both;
    }

/* Semaphore Tree */
div.semaphoretree
{
    font-family: verdana,helvetica,sans-serif;
    font-size: 11px;
}

    div.semaphoretree a
    {
        color: black;
    }

    div.semaphoretree div.saverow
    {
        background-color: #5E5E5E;
        text-align: right;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: gray;
    }

        div.semaphoretree div.saverow a
        {
            color: white;
            text-decoration: none;
        }

    div.semaphoretree div.leftcolumn
    {
        float: left;
        width: 335px;
        /*
        border-right: 1px;
        border-right-style: solid;
        border-right-color: gray;
        */
        min-height: 380px;
    }

    div.semaphoretree div.rightcolumn
    {
        float: right;
        padding-left: 10px;
        width: 330px;
    }

        div.semaphoretree div.rightcolumn div.title
        {
            font-weight: bold;
            text-align: left;
            padding-top: 5px;
        }


/* Auto-complete search */
span.ui-helper-hidden-accessible
{
    display: none;
}

.ui-autocomplete /*.ui-menu .ui-widget ui-widget-content ui-corner-all*/
{
    background-color: white;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    width: 380px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

    .ui-autocomplete li
    {
        list-style: none;
    }

ul.ui-autocomplete
{
    width: 400px;
}



/*OAS ads*/
.topbanner
{
    text-align: center;
}

.rightbanner
{
    text-align: center;
    /*
     border-style: solid;
     border-width: 1px;
     border-color: gray; 
     padding-left: 15px;
    */
}

    .rightbanner .adsRight
    {
        text-align: center;
        /*padding-left: 20px;*/
        font-size: 10px;
        padding-bottom: 5px;
    }

        .rightbanner .adsRight a
        {
            text-decoration: none;
            color: black;
        }

    .rightbanner a img
    {
        margin-bottom: 10px;
    }

.leftbanner
{
    text-align: left;
    padding-left: 6px;
}

    .leftbanner .adsLeft
    {
        padding-bottom: 5px;
        padding-top: 5px;
        font-size: 10px;
        text-align: center;
        padding-left: 12px;
    }

        .leftbanner .adsLeft a
        {
            text-decoration: none;
            color: black;
        }

    .leftbanner a img
    {
        margin-bottom: 10px;
    }

/*OAS ads*/
.topbanner { text-align: center; }
.rightbanner 
{
     text-align: center;
     /*
     border-style: solid;
     border-width: 1px;
     border-color: gray; 
     padding-left: 15px;
    */
}
.rightbanner .adsRight {
    text-align: center;
    /*padding-left: 20px;*/
    font-size: 10px;
    padding-bottom: 5px;
}
.rightbanner .adsRight a {
    text-decoration: none;
    color: black;  
}
.rightbanner a img {
    margin-bottom: 10px;   
}

.leftbanner 
{
    text-align: left;
    padding-left: 6px;  
}

.leftbanner .adsLeft {
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 10px;
    text-align: center;
    padding-left: 12px;
}

.leftbanner .adsLeft a {
    text-decoration: none;
    color: black;   
}
.leftbanner a img {
    margin-bottom: 10px;
    margin-left: 20px;
}

.journal-home .topbanner {
    background-color: #F7F6F4;
}

.topbanner .adsTop {

    font-size: 10px;
    padding-top: 5px;
}
.topbanner .adsTop a {
    text-decoration: none;
    color: black;   
}
.topbanner a img {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*social media box*/

#tweet
{
    width: 290px;
    /*border-style: solid;
    border-width: 1px;*/
    font-family: arial, sans-serif;
    font-size: 10px;
    /*padding: 10px;*/
}

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

    #tweet img
    {
        float: left;
        margin-right: 5px;
        width: 40px !important;
        height: 40px !important;
    }

    #tweet li
    {
        padding-bottom: 5px;
        padding-top: 5px;
        min-height: 50px;
    }

/* facebook feed */
#fbfeed
{
    width: 290px;
    /*
        border-style: solid;
        border-width: 1px;
    */
    font-family: arial, sans-serif;
    font-size: 10px;
    /*padding: 10px;
    padding-bottom: 15px;*/
}

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

    #fbfeed li
    {
        padding-bottom: 5px;
        padding-top: 5px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

.rssRow img
{
    width: 40px !important;
    height: 40px !important;
}

#pnlYoutube
{
    width: 290px;
    /*border-style: solid;
    border-width: 1px;*/
    font-family: arial, sans-serif;
    font-size: 10px;
    padding: 10px;
}

    #pnlYoutube table
    {
        width: 100%;
        /*border-width: 1px;
    border-color: black;
    border-style: solid;
    */
    }

    #pnlYoutube td
    {
        vertical-align: top;
        width: 150px;
        text-align: center;
        /*border-width: 1px;
    border-color: black;
    border-style: solid;
    */
    }

#tabs
{
    width: 310px;
    height: 340px;
}

ul.headtabs li
{
    width: 95px;
}

    ul.headtabs li img
    {
        border-width: 0;
    }

.ui-tabs .ui-tabs-nav LI A
{
    padding-left: 0.75em !important;
}

#fragment-1
{
    width: 290px;
    /*border-style: solid;
    border-width: 1px;*/
    font-family: arial, sans-serif;
    font-size: 10px;
    padding: 10px;
    padding-bottom: 15px;
}

    #fragment-1 ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #fragment-1 img
    {
        float: left;
        margin-right: 5px;
    }

    #fragment-1 li
    {
        padding-bottom: 5px;
        padding-top: 5px;
        min-height: 50px;
    }

/* facebook feed */
#fragment-2
{
    width: 290px;
    /*
        border-style: solid;
        border-width: 1px;
    */
    font-family: arial, sans-serif;
    font-size: 10px;
    padding: 10px;
    padding-bottom: 15px;
}

    #fragment-2 img
    {
        float: left;
        margin-right: 5px;
    }

    #fragment-2 ul
    {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #fragment-2 li
    {
        border-bottom-width: 0;
        border-bottom-style: solid;
        padding-bottom: 5px;
        padding-top: 5px;
        min-height: 50px;
    }

        #fragment-2 li h4
        {
            margin-bottom: 0;
            margin-top: 0;
        }

#fragment-3
{
    width: 290px;
    font-family: arial, sans-serif;
    font-size: 10px;
    padding: 10px;
}

    #fragment-3 table
    {
        width: 100%;
    }

    #fragment-3 td
    {
        vertical-align: top;
        width: 150px;
        text-align: center;
    }

.followbutton
{
    text-align: right;
}

/* testing  */
.breadCrumb a:hover
{
    color: #E00000;
    font-family: verdana,helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

/* testing  */

/* doc info */

/* Doc info pages */
.docInfoLeftColumn
{
    float: left;
    width: 173px;
    margin: 0 10px 0 0;
    padding: 0;
}

    .docInfoLeftColumn .hlLeftNav
    {
        padding-top: 0;
        margin-top: 0;
    }

.docinfo
{
}

    .docinfo .documentTitle
    {
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
        color: #96191D;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 0;
    }

    .docinfo .documentSubtitle
    {
        font-size: 16px;
        font-weight: bold;
        color: #96191D;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .docinfo h3
    {
        color: #96191D;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }

    .docinfo table th
    {
        background-color: #ddd;
        border: none;
        text-align: left;
        padding: 5px;
    }

    .docinfo table td
    {
        padding: 5px;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
    .docinfo .document-link {
        margin-bottom: 2px;
        padding-left: 10px;
        text-indent: -11px;
    }
    .docinfo .document-link:before
    {
        content: "\2022\00a0";
    }
    .docinfo .document-link a p {
		display: inline;
	}
    .docinfo .description
    {
        margin: 5px 0px 0px 0px;
        color: #96191D;
        font-weight: bold;
        font-size: larger;
    }

    .docinfo div
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .docinfo .documentAlert
    {
        float: right;
        margin-top: 5px;
    }

    .docinfo .realRead
    {
        font-size: 20px;
        font-weight: bold;
        margin: 5px 0px 10px 0px;
    }

    .docinfo p.freeAccess
    {
        font-size: 12px;
        margin-top: 0px;
    }

    .docinfo ul.tabs
    {
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
    }

    .docinfo .tabs li
    {
        float: left;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -moz-border-top-right-radius: 10px;
        border: 1px solid #96191D;
        border-bottom-width: 0;
        margin: 0;
        margin-right: 5px;
        margin-left: 10px;
    }

    .docinfo .tabs a
    {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -moz-border-top-right-radius: 10px;
        text-decoration: none;
        display: block;
        background: #ddd;
        padding: 10px 5px 10px 5px;
        color: #000;
        width: 8em;
        text-align: left;
        padding-left: 10px;
        font-weight: bold;
    }

        .docinfo .tabs a:hover
        {
            background: #fff;
        }

    .docinfo .tabs .selected
    {
        border-color: #96191D;
    }

        .docinfo .tabs .selected a
        {
            position: relative;
            top: 1px;
            background: white;
            color: black;
        }

.tabContent
{
    border: 1px solid #96191D;
    clear: both;
    padding: 15px;
}

.docinfo .heading
{
    color: #396E90;
    font-size: 14px;
    margin-top: 18px;
}

.docinfo .subheading
{
    font-weight: bold;
    font-size: 14px;
    color: #396E90;
    margin-top: 20px;
    margin-bottom: 5px;
}

.docinfo .subheadingIndent
{
    margin-left: 20px;
}

.docinfo .hidden, .hide
{
    display: none;
}

.docinfo .showHide
{
    color: #f00;
}

.docinfo .help
{
    display: none;
    background: #fcfcfc;
    padding: 10px 20px 20px;
    text-align: left;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 50px rgba(0,0,0,.5);
    border: 1px solid #000;
}

.docinfo img
{
    border: none;
}

.docinfo .indent
{
    display: inline;
    margin-left: 50px;
}

.overlay-container
{
    display: none;
    content: " ";
    height: 90%;
    width: 100%;
    position: absolute;
    left: 0;
    background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    z-index: 3;
}

.window-container
{
    display: block;
    background: #fcfcfc;
    margin: 8em auto;
    width: 500px;
    padding: 10px 20px 20px;
    text-align: left;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 50px rgba(0,0,0,.5);
    transition: 0.1s ease-out;
    opacity: 0;
    border: 1px solid #000;
}

.window-container-visible
{
    transform: scale(1);
    opacity: 1;
}

.window-container .documentTitle
{
    width: 100%;
    clear: right;
    font-size: 16px;
    line-height: 26px;
    color: #96191D;
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0;
    text-transform: uppercase;
}

.docinfo div.button
{
    margin-top: 10px;
    text-align: center;
}

.docinfo .close,
.docinfo input.button
{
    background: linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    border: 1px solid #aaa;
    padding: 5px 10px;
    color: #444;
    font-size: 12px;
    border-radius: 3px;
    transition: 0.1s linear;
    cursor: pointer;
}

    .docinfo .close:hover
    {
        background: linear-gradient(top, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #aaa;
    }

    .docinfo .close:active
    {
        background: linear-gradient(to bottombottom, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.asterisk
{
    font-weight: bold;
    font-size: 16px;
    color: red;
    padding-left: 2px;
}

/* added customizations */
h6
{
    font-weight: bold;
    font-size: 12px;
    color: rgb(253, 0, 0);
}

.docinfo .member
{
    display: inline-block;
    width: 46%;
    min-height: 160px;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 14px;
}

    .docinfo .member .name
    {
        display: inline-block;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        width: 100%;
        line-height: 18px;
    }

        .docinfo .member .name .startDate
        {
            float: right;
            text-align: right;
            width: 80px;
        }

        .docinfo .member .name .fullName
        {
            float: left;
            text-align: left;
            width: 65%;
        }

    .docinfo .member .office
    {
        display: inline-block;
        width: 99%;
    }

        .docinfo .member .office .acronym
        {
            float: right;
            text-align: right;
            width: 80px;
            font-weight: bold;
        }

        .docinfo .member .office .officeName
        {
            float: left;
            text-align: left;
            width: 170px;
            font-weight: bold;
        }

.docinfo .wideTitle
{
    border-bottom: 1px solid #000;
}

.docinfo .committeeInfo
{
}

.docinfo .committeeCallout
{
    float: right;
    width: 300px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    text-align: center;
    display: block;
}

.docinfo .committeeModified
{
	color: #aaa;
	margin: 8px;
}

.docinfo.rsvp
{
    width: 962px;
    margin: 0 auto;
}

    .docinfo.rsvp .documentTitle
    {
        text-transform: none;
        margin-top: 5px;
    }

    .docinfo.rsvp .documentSubtitle
    {
        font-size: 14px;
        margin: 0 10%;
        text-align: center;
        color: #000;
    }

.docinfo label
{
    float: left;
    width: 170px;
    padding: 0 1em;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.salesforce label
{
    float: left;
    width: 200px;
    padding-right: 10px;
    margin: 0;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
}

.salesforce hr
{
    clear: both;
}

.docinfo fieldset, .salesforce fieldset
{
    border: none;
}

    .docinfo fieldset div, .salesforce fieldset div
    {
        margin-bottom: .5em;
        padding: 0;
        display: block;
    }

    .docinfo fieldset input, .docinfo fieldset textarea, .salesforce fieldset input, .salesforce fieldset textarea
    {
        padding: 1px;
    }

    .docinfo fieldset div select, .salesforce fieldset div select
    {
        padding: 1px;
    }

.docinfo div.fm-multi div
{
    margin: 5px 0;
}

.docinfo div.fm-multi input
{
    width: 400px;
}

.docinfo div.fm-multi label
{
    display: block;
}

.docinfo .error, .salesforce .error
{
    color: #f00;
}

.feedburnerFeedBlock
{
}

    .feedburnerFeedBlock li
    {
        margin-bottom: 10px;
    }

    .feedburnerFeedBlock .headline
    {
        font-size: 12px;
    }

    .feedburnerFeedBlock p
    {
        margin: 0;
    }

.findDocInfo
{
    background-color: #ddd;
    padding: 10px;
    text-align: left;
}

    .findDocInfo .header
    {
        color: #96191D;
        font-weight: bold;
    }

    .findDocInfo label
    {
        display: block;
        font-weight: bold;
    }

    .findDocInfo .input
    {
        width: 140px;
    }

    .findDocInfo .button
    {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 2px;
        padding-right: 2px;
        background-color: #000;
        color: #fff;
        font-weight: bold;
        width: 70px;
    }

.padding { padding: 10px; }
.k-grid { margin-bottom: 10px; }
.k-grid-content {
    min-height: 100px;
}
#login .control-div {
    padding-bottom: 1em;
}
#login .label-div {
    padding-bottom: 2px;
}
#login .label-div,
#login .label-span {
    font-weight: bold;
}
#login input[type="text"],
#login input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}
#login .error,
#login .errors {
    color: red;
}
#login .errors {
    font-weight: bold;
}

/*My Profile Styles*/
/*.standardForm table {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.standardForm table thead {
    background-color: #0099ff;
    color: white;
}
.standardForm th {
    font-size: 9px;
    height: 24px;
    padding: 3px;
}
.standardForm table td
{
    font-size: 12px;
    padding: 3px;
}
.standardForm table tbody td {
    border-spacing: 3px;
    border-bottom-style: dotted;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}
.standardForm table td.status {
    text-align: center;
}
.standardForm table tbody tr {
    background-color: rgb(242, 242, 242);
}
.standardForm table tr.alt {
    background-color: white;
}
*/

.standardMessage
{
    display: block;
}

.standardForm
{
    margin-bottom: 10px;
}

    .standardForm .clear
    {
        clear: both;
    }
.valid, .valids {color: blue}

.error,
.errors
{
    color: red;
}

.errors, .valids {
    font-weight: bold;
}
.errorContainer {
    padding-left: 125px;
    width: 600px;
    margin-top: 5px;
}
.standardForm .required {
    color: #0066cb;
}

    .standardForm .required:after
    {
        color: #0066cb;
        font-weight: bold;
    }

.standardForm fieldset
{
    margin-top: 10px;
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

    .standardForm fieldset legend
    {
        width: 100%;
        background-color: #0099ff;
        font-size: 11px;
        color: white;
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        margin-top: 10px;
        margin-left: 0;
    }

    .standardForm fieldset label
    {
        display: block;
        float: left;
        width: 110px;
        padding-top: 5px;
        font-weight: bold;
    }

    .standardForm fieldset div
    {
        height: 25px;
        padding-left: 10px;
    }

        .standardForm fieldset div span
        {
            /*float: left;*/
            padding-top: 5px;
        }

.standardForm .bordered-content
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-style: solid;
    border-top-color: #E6E6E6;
    border-top-width: 2px;
    border-left-color: #E6E6E6;
    border-left-width: 2px;
    border-right-color: #BDBDBD;
    border-right-width: 3px;
    border-bottom-color: #BDBDBD;
    border-bottom-width: 3px;
}

    .standardForm .bordered-content table
    {
        border: #c6c6c6 solid 1px;
        border-collapse: collapse;
    }

    .standardForm .bordered-content table th
    {
        border: #c6c6c6 solid 1px;
        background-color: white;
        font-weight: bold;
        color: black;
        font-size: 11px;
    }

    .standardForm .bordered-content table td
    {
        border: #c6c6c6 solid 1px;
        padding: 3px;
    }

.highlight
{
    color: red;
}
/* panel styles */
.panelContainer, .sectionContainer
{
    margin: 0;
}

.panelContainer::after, .sectionContainer::after
{
    display: block;
    content: ".";
    clear: both;
    visibility: hidden;
}
.fv-viewer-container > .panelHeader,
.panelContainer > .panelHeader,
.panelContainer > .errorHeader,
.sectionContainer > .panelHeader {
    border-color: #a1a1a1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;    
}
.fv-viewer-container > .panelFooter,
.panelContainer > .panelFooter {
    border-color: #a1a1a1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    line-height: 2;
}

.fv-viewer-container > .panelHeader,
.panelContainer > .panelHeader
{
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 41%, #207cca 65%, #1e5799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(41%,#2989d8), color-stop(65%,#207cca), color-stop(100%,#1e5799));
    background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    color: white;
}
.sectionContainer > .panelHeader, .panelContainer .panelFooter
{
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    color: #96191d;
}
.panelContainer > .errorHeader {
    background: #a90329;
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    color: white;
}

.panelContainer .panelHeader a,
.panelContainer .errorHeader a
{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.panelContainer .panelHeader a.important {
    border: #96191d 1px solid;
    padding: 2px 6px;
    background: #96191d;
    border-radius: 2px;
}
    .panelContainer .panelHeader a.important:hover {
         border: #781417 1px solid;
         background: #781417;
        box-shadow: 1px 1px 1px #888888; 
        text-decoration: none;
    }
.panelContainer .panelFooter {
    color: #96191d;
    font-weight: bold;
}
.panelContainer .panelFooter a {
    text-decoration: none;
}

.sectionContainer > .panelHeader a {
    color: #96191d;
}
.panelContainer .panelHeader a:hover,
.panelContainer .errorHeader a:hover,
.panelContainer .panelFooter a:hover
    {
        text-decoration: underline;
    }

.panelContainer .panelHeader .panelTitle,
.panelContainer .errorHeader .panelTitle
{
    line-height: 2;
    font-size: 100%;
    display: inline-block;
    padding-left: 10px;
    font-weight: bold;
    width: 58%;
}

.panelContainer .panelHeader .panelAction,
.panelContainer .errorHeader .panelAction
{
    text-align: right;
    padding-right: 10px;
    display: inline-block;
    width: 38%;
}

.panelContainer .panelBody
{
padding: 10px 10px 10px 10px;
background-color: white;
border-color: #a1a1a1;
border-style: solid;
border-left-width: 1px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

.columnContainer
{
    margin: 0;
}

.columnContainer .column1Column
{
    vertical-align: text-top;
    width: 99%;
    display: block;
}

.columnContainer .column1Column::after
{
    display: block;
    content: ".";
    clear: both;
    visibility: hidden;
}

.columnContainer .column2Column, .columnContainer.column2Column
{
    vertical-align: text-top;
    width: 47%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 5px;
}

.columnContainer .separatorRight, .columnContainer.separatorRight {
    border-right: 1px solid #87a1c0;
    margin-right: -2px;
}

.columnContainer .separatorLeft, .columnContainer.separatorLeft {
    border-left: 1px solid #87a1c0;
    margin-left: -2px;
}

.columnContainer .separatorTop, .columnContainer.separatorTop {
    border-top: 1px solid #87a1c0;
}

.columnContainer .separatorBottom, .columnContainer.separatorBottom {
    border-bottom: 1px solid #87a1c0;
}

.columnContainer .column3Column
{
vertical-align: text-top;
width: 33%;
display: inline-block;
}
.columnContainer .column4Column
{
vertical-align: text-top;
width: 24%;
display: inline-block;
}
/* end panel styles*/
.blockLabel, .blockContainer label, .blockContainer.strong, .block-label-only, .blockLabelOnly
{
    color: #104382;
}

label.blockLabel {
    display: block;
}


.blockContainer
{
    display: block;
    margin-bottom: 5px;
}

.blockContainer > div, .blockContainer > span
{
    margin-bottom: 5px;
}

.blockContainer input:not([type="checkbox"]),
.blockContainer select,
.blockContainer span.textbox,
.blockContainer textarea,
.inlineContainer input:not([type="checkbox"]),
.inlineContainer select,
.inlineContainer span.textbox,
.inlineContainer textarea
{
    border: 1px solid #87a1c0;
    border-radius: 3px;
    padding-left: 2px;
}

.inlineContainer
{
    margin-bottom: 5px;
}

.blockContainer textarea, .inlineContainer textarea
{
    width: 200px;
    height: 8.5em;
    font-family: inherit;
    overflow: auto;
}
::-webkit-input-placeholder
{
    font-style: italic;
}

textarea::-webkit-input-placeholder
{
    font-style: italic;
}

::-moz-placeholder
{
    font-style: italic;
}

textarea::-moz-placeholder
{
    font-style: italic;
}

:-ms-input-placeholder
{
    font-style: italic;
}

textarea:-ms-input-placeholder
{
    font-style: italic;
}

:-moz-placeholder
{
    font-style: italic;
}

textarea:-moz-placeholder
{
    font-style: italic;
}

.blockContainer span.textbox,
.inlineContainer span.textbox {
    display: inline-block
}

.blockContainer input:not([type="checkbox"]),
.inlineContainer input:not([type="checkbox"]),
.blockContainer select,
.inlineContainer select
.blockContainer span.textbox,
.inlineContainer span.textbox
{
    width: 200px;
}

.blockContainer input:not([type="checkbox"]).small,
.inlineContainer input:not([type="checkbox"]).small,
.blockContainer select.small,
.inlineContainer select.small,
.blockContainer textarea.small,
.inlineContainer textarea.small,
.blockContainer span.textbox.small,
.inlineContainer span.textbox.small
{
    width: 150px;
}

.blockContainer input:not([type="checkbox"]).x-small,
.inlineContainer input:not([type="checkbox"]).x-small,
.blockContainer select.x-small,
.inlineContainer select.x-small,
.blockContainer textarea.x-small,
.inlineContainer textarea.x-small,
.blockContainer span.textbox.x-small,
.inlineContainer span.textbox.x-small {
    width: 100px;
}

.blockContainer input:not([type="checkbox"]).xx-small,
.inlineContainer input:not([type="checkbox"]).xx-small,
.blockContainer select.xx-small,
.inlineContainer select.xx-small,
.blockContainer textarea.xx-small,
.inlineContainer textarea.xx-small,
.blockContainer span.textbox.xx-small,
.inlineContainer span.textbox.xx-small  {
    width: 60px;
}

.blockContainer input:not([type="checkbox"]).xxx-small,
.inlineContainer input:not([type="checkbox"]).xxx-small,
.blockContainer select.xxx-small,
.inlineContainer select.xxx-small,e
.blockContainer textarea.xxx-small,
.inlineContainer textarea.xxx-small,
.blockContainer span.textbox.xxx-small,
.inlineContainer span.textbox.xxx-small {
    width: 30px;
}

.blockContainer input:not([type="checkbox"]).large,
.inlineContainer input:not([type="checkbox"]).large,
.blockContainer select.large,
.inlineContainer select.large,
.blockContainer textarea.large,
.inlineContainer textarea.large,
.blockContainer span.textbox.large,
.inlineContainer span.textbox.large 
{
    width: 250px;
}

.blockContainer input:not([type="checkbox"]).big,
.inlineContainer input:not([type="checkbox"]).big,
.blockContainer select.big,
.inlineContainer select.big,
.blockContainer textarea.big,
.inlineContainer textarea.big,
.blockContainer span.textbox.big,
.inlineContainer span.textbox.big 
{
    width: 300px;
}

.blockContainer input:not([type="checkbox"]).x-big,
.inlineContainer input:not([type="checkbox"]).x-big,
.blockContainer select.x-big,
.inlineContainer select.x-big,
.blockContainer textarea.x-big,
.inlineContainer textarea.x-big,
.blockContainer span.textbox.x-big,
.inlineContainer span.textbox.x-big 
{
    width: 350px;
}
.blockContainer input:not([type="checkbox"]).xx-big,
.inlineContainer input:not([type="checkbox"]).xx-big,
.blockContainer select.xx-big,
.inlineContainer select.xx-big,
.blockContainer textarea.xx-big,
.inlineContainer textarea.xx-big,
.blockContainer span.textbox.xx-big,
.inlineContainer span.textbox.xx-big 
{
    width: 400px;
}
.blockContainer input:not([type="checkbox"]).xxx-big,
.inlineContainer input:not([type="checkbox"]).xxx-big,
.blockContainer select.xxx-big,
.inlineContainer select.xxx-big,
.blockContainer textarea.xxx-big,
.inlineContainer textarea.xxx-big,
.blockContainer span.textbox.xxx-big,
.inlineContainer span.textbox.xxx-big 
{
    width: 99%;
}
.blockContainer input[type="button"],
.inlineContainer input[type="button"],
.blockContainer input[type="submit"],
.inlineContainer input[type="submit"]
{
    width: 100px;
    padding-left: 5px;
    margin-right: 10px;
    margin-left: 0px;
}
.blockContainer input[type="button"].large,
.inlineContainer input[type="button"].large,
.blockContainer input[type="submit"].large,
.inlineContainer input[type="submit"].large
{
    width: 150px;
    padding-left: 5px;
    margin-right: 10px;
    margin-left: 0px;
}
.blockContainer input[type="button"].big,
.inlineContainer input[type="button"].big,
.blockContainer input[type="submit"].big,
.inlineContainer input[type="submit"].big
{
    width: 200px;
    padding-left: 5px;
    margin-right: 10px;
    margin-left: 0px;
}
.blockContainer input[type="button"] .rightAlign,
.inlineContainer input[type="button"] .rightAlign,
.blockContainer input[type="submit"] .rightAlign,
.inlineContainer input[type="submit"] .rightAlign
{
    margin-right: 0px;
    margin-left: 10px;
}
.cbLabel {
    color: #104382;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
}
label.cbLabel:after {
    content: ""!important;
}
.cbControlSmall {
     width: 75px;
}
.cbControl {
     width: 125px;
}
.cbControl, .cbControlSmall {
    display: inline-block;
    text-align: right;
}
.inlineLabel, .inlineLabelSmall, .inlineLabelBlank, .label, .labelBlank, .inlineContainer label
{
    /*text-align: right;*/
    color: #104382;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    text-align: right;
}

.cbLabel.bold, .inlineLabel.bold, .inlineLabelSmall.bold, .inlineLabelBlank.bold, .label.bold, .labelBlank.bold, .inlineContainer label.bold span.bold {
    font-weight: bold;
}

.inlineLabel, .inlineLabelBlank
{
    width: 125px;
}

.inlineLabelSmall
{
    width: 75px;
}

.blockLabel:after, .inlineLabel:after, .inlineLabelSmall:after, .label:after, .blockContainer > label:after, .inlineContainer > label:after
{
    content: ":";
}

.blockLabel:after, .blockContainer label:after, .inlineLabel.bold:after, .inlineLabelSmall.bold:after, .inlineLabelBlank.bold:after, .label.bold:after, .inlineContainer label.bold:after
{
    font-weight: bold;
}

.blockText,
.blockContainer span.textbox 
{
    padding-left: 5px;
}

.inlineText,
.inlineContainer span.textbox 

{
    padding-top: 4px;
    padding-left: 5px;
    display: inline-block;
}
.inlineText.strong
{
    font-weight: bold;
}

.linkSeparator:after
{
    content: "|";
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

.messageContainer, .message-container 
{
    margin-bottom: 10px;
}

.messageContainer.strong, .message-container.strong 
{
    font-weight: bold;
}

.messageContainer.color, .message-container.color 
{
	color: #104382;
}

.licenseContainer
{
	overflow: auto;
	height: 290px;
	margin: 0 0 15px;
}

.licenseContainer > p
{
	margin-top: 0;
}

.rightAlign
{
    width: 99%;
    text-align: right;
}

.required, .cbRequired, .requiredOnly, .required-only {
    color: #0066cb;
    font-weight: bold;
}
.required:after {
    color: #0066cb;
    font-weight: bold;
    content: ":";
    color: #0066cb;
    font-weight: bold;
}
.required:before {
    content: "*\00a0";
    color: #0066cb;
    font-weight: bold;
}
.required:before
{
    color: #0066cb;
    font-weight: bold;
    content: "*";
}

.docinfo .required:after {
    content:none;
    color: #0066cb;
    font-weight:bold;
}

.spanBlock
{
    display: block;
}
/* Messages*/
.message-info, .message-success, .message-warning, .message-error
{
    border: 1px solid;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.message-info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}

.message-success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('images/success.png');
}

.message-warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}

.message-error
{
    color: #E00000;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.message-help
{
    display: inline-block!important;
    height: 17px;
    width: 16px;
    background-image: url('/images/question.gif'); /* images/help.png */
    margin-left: 4px;
    margin-right: 2px;
    vertical-align: text-bottom;
}
.message-help:hover {
    opacity: 0.75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
}
.icon-button {
    background-repeat: no-repeat;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    cursor: pointer;
}
.icon-button:hover {
    opacity: 0.75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
}
.icon-print
{
    background-image: url('/images/icon_print.png');
}
/* end messages*/
.k-window-titlebar, .k-tooltip.k-widget
{
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 41%, #207cca 65%, #1e5799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(41%,#2989d8), color-stop(65%,#207cca), color-stop(100%,#1e5799));
    background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    color: white!important;
}

.k-window-titlebar {
    font-weight: bold;
}
.k-tooltip.k-widget {
    font-weight: normal;
    max-width: 400px;
    min-width: 200px;
    text-align: left;
}
.myprofile .k-grid-header, .myprofile .k-header
{
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 41%, #207cca 65%, #1e5799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(41%,#2989d8), color-stop(65%,#207cca), color-stop(100%,#1e5799));
    background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 41%,#207cca 65%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    color: white!important;
    font-weight: bold;
}
.myprofile .k-grid-header .k-link:link, .myprofile .k-grid-header .k-link {
    color: white!important;
    font-weight: bold;
}
.myprofile .k-grid
{
    border-color: #a1a1a1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.empty-grid {
    color: #888;
    background: #eee;
    text-align: left!important;
    line-height: 1.2em;
    font-size: 1.1em;
}

.myprofile .k-grid-header th, .myprofile .k-grid-header a
{
    color: white;
    font-weight: bold;
}

.profile-popup {
    padding: 10px;
}
.profile-popup fieldset
{
    border: 0;
}
.profile-popup h3 {
    margin-top: 0;
}
.profile-popup fieldset label
{
    display:inline-block;
    width: 110px;
}
.profile-popup fieldset input {
    display:inline-block;
    width: 300px;
}
.profile-popup .sample-text, .message-container .sample-text, .messageContainer .sample-text {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0066cb;
}
.sample-text span {
    font-weight: bold;
}
.profile-popup .button-div {
    margin-bottom: 10px;
}
.profile-popup .close-button-div {
    margin-top: 20px;
    text-align: center;
}
#video-player {
    background: white;
}
.accent-char {
    color: #0066cb;
    font-weight: bold;
}
.ellipsis-button {
    width: 22px!important;
}
.scrolling-div {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-color: #a1a1a1;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    min-height: 280px;
    max-height: 280px;
    overflow: auto;
    overflow-x: hidden 
}
.text-center {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.message-slider{}
.force-show {
    display: inline!important;
}
.underline {
    text-decoration: underline;    
}
.upper-case {
    text-transform: uppercase;
}

/* telerik override*/
.panelBody .k-widget{ border-style: none!important; border-width: 0px!important; -webkit-appearance: none; box-shadow: none!important; }

.panelBody .k-widget{
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}
/*
.sharelinks {
    height: 45px;
    margin-top: -40px;
}
*/
.sharelinks .st_plusone_hcount > div {
    min-width: 65px!important;
}
.sharelinks img {
    margin: 0px!important;
} 
#sharespan {
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    margin-bottom:5px;
}
#lpbuttondiv {
    float:right;
    padding-right:13px;
}
hr.line {
    background-color: #a1a1a1;
    border-color: #a1a1a1;
    color: #a1a1a1;
    margin: 15px 0px 15px 0px;
}
/*
.sharelinks .lp-container {
    height: 45px;
    width: 121px;
    display: inline-block;
    vertical-align: top;
}
*/
/*.sharelinks #lpbuttondiv a img {
    margin-bottom: -8px!important;
}
#lpbuttondiv {
    float: right;
    margin-top: -25px;
}
*/
input[readonly], .read-only-mode
{
    background-color:#F5F5F5;
}
.regular-button {
  border: 1px solid #87A1C0; 
  border-radius: 3px; 
  text-align: center; 
  width: 100px;  
}
.documentNote {
    /*color: #396e90;*/
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
@media print {
    .no-print {
        display: none;
    }
    iframe {
        height: 100%!important;
    }
    .mce-content-body {
        height: 100%!important;
    }
    .panelAction {
        display: none!important;
    }
}
@media screen and (max-width: 978px){    
    #profileMenu,
    .topbanner,  
    .pageheader .profileblock .messageBlock, 
    .cartDiv > img, 
    .cartDiv > .personalized {
    	display: none!important;
    }
}
/*@media screen and (max-width: 962px){
	#profileMenu {display: none!important;}

}*/