﻿html
{
	overflow-y: scroll;
}

.ccwPageContent
{
    height: 100% !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ccwScreen
{
    background-color: #ffffff !important;
    width: 100%;
    padding: 0px;
    min-height: 300px;
}

.ccwPageSides
{
    background-color: #e2e3e5 !important;
    height: 100% !important;
}

.ccwPage
{
    width: 1018px !important;
    vertical-align: top;
    height: 100% !important;
    background-color: #e2e3e5;
}

.ccwDesignConsole
{
    height: 0px;
}

.ccwConsoles
{
    padding-left: 9px !important;
    z-index: 5;
}

.ccwTop
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 9px;
    width: 1000px;
}

.ccwTopLogo
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: 29px;
    left: 23px;
}

.ccwPageBanner
{
    margin-left: 9px;
}

.ccwTopNav
{
    height: 62px;
    width: 706px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #ffffff url(images/main-nav-bg.jpg) right bottom repeat-x !important;
}

.ccwTopNavLP
{
    position:relative;
    float:right !important;
    height: 18px !important;
    width: 686px !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #ffffff url(images/main-nav-bg.jpg) right bottom repeat-x !important;
}

.ccwMainContentArea *
{
    max-width: 600px !important;
}

.ccwMainContentArea #caseManagementIFrame
{
    max-width: 700px !important;
}

.ccwMainContentArea #knowledgeBaseIFrame
{
    max-width: 700px !important;
}

.ccwMainContentArea #vidFrame
{
    max-width: 1000px !important;
}

.ccwMainContentArea #container_videos *
{
    max-width: 1000px !important;
}

.ccwMainContentArea #preview
{
    max-width: 1000px !important;
}

.ccwMainContentArea
{
    vertical-align: top; /* padding: 10px 10px 10px 10px; */
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px; /*     min-width: 496px !important;     max-width:100% !important;     */
    min-width: 502px !important;
    /* max-width: 100% !important; */
    max-width: 600px !important;
}

.ccwMainContentArea table table div table div
{
    width: 100% !important;
}

/*
div#ccwPageTitle
{
    color: rgb(72, 93, 105);
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.6em;
}
*/

.ccwPageTitle
{
    padding-left: 0px !important;
    position: relative;
    left: -20px;
    font-size: 16px;
    font-weight: bold;
}

/* Start Top Navigation Menu */
.ccwTopNavContainer
{
    background-image: none !important;
    position: relative;
    top: 0px !important;
    left: 303px !important;
    z-index: 3 !important;
    height: 30px !important;
    width: 706px !important;
    background-color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: small !important;
}

.ccwTopNavContainerLP
{
    background-image: none !important;
    position: relative;
    top: 0px !important;
    left: 303px !important;
    z-index: 3 !important;
    height: 18px !important;
    width: 706px !important;
    background-color: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: small !important;
}

.ccwTopNavItem *
{
    /* padding-right: 29px; */ /* margin-right: 0px; */ /* font-size:1.049em; */ /* font-size: 12px; */
    font-size: small;
}

.ccwTopNavItem
{
    /* padding-right: 29px; */ /* margin-right: 0px; */
    margin-right: 9px;
    height: 58px;
}

.ccwTopNavItem a
{
    background: none !important;
    color: #000000;
}

.ccwTopNavItem a:hover
{
    background: none !important;
    color: #1B75CF;
}

.ccwTopNavFlyOuts
{
    z-index: 3 !important;
    background: #fff url(images/dropdown-menu-bg.jpg) repeat-x;
    position: absolute;
    width: 180px;
    padding: 0 5px !important;
    margin: 0px;
    display: none;
    border: 1px solid #c7cccf;
}

.ccwTopNavFlyOutsItem
{
    margin: 0px 0px 0px 0px !important;
    height: 28px !important;
    width: 180px !important;
    font-weight: normal !important;
    font-size: .90em !important;
    color: #6d6e71 !important;
    float: none !important;
    padding: 5px 0px 5px 0px !important;
    border-bottom: 1px solid #c7cccf !important;
    position: relative;
    top: 1px;
}

.ccwTopNavFlyOutsItem a
{
    background: none !important;
    border: none !important;
}

.ccwTopNavFlyOutsHover
{
    color: #1B75CF !important;
}
/* End Top Navigation Menu */

.ccwContentWrapper
{
    width: 1000px !important;
    margin-left: 9px !important;
}

.ccwHeaderToolbar
{
    width: 250px;
    text-align: right;
    right: 10px;
    font-size: 10pt;
}

/* Start Footer Controls */

.ccwHeaderEmail
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 25px;
    min-width: 0px;
    max-width: 150px;
    height: 25px;
    background: url(images/icon-email.jpg) right center no-repeat;
}

.ccwHeaderPrint
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 25px;
    min-width: 0px;
    max-width: 150px;
    height: 25px;
    background: url(images/icon-print.gif) right center no-repeat;
}

.ccwHeaderLogin
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 25px;
    min-width: 0px;
    max-width: 200px;
    height: 25px;
    background: url(images/icon-login.gif) right center no-repeat;
}

.ccwHeaderResources
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 25px;
    min-width: 0px;
    max-width: 200px;
    height: 25px;
    background: url(images/icon-resource.gif) right center no-repeat;
}

.ccwHeaderContactUs
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 25px;
    min-width: 0px;
    max-width: 200px;
    height: 25px;
    background: url(images/icon-contact.gif) right center no-repeat;
}

/* End Footer Controls */


/* Start Site Footer Links */
.ccwFooter
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 988px;
    position: relative;
    left: 20px;
    bottom: 5px;
}

.ccwFooterLink
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 12px;
}

.ccwFooterLink a
{
    color: #1B75CF;
}

.ccwSiteFooterLeft
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-size: 12px;
    width: 750px;
}

.ccwSiteFooterRight
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    color: #000000;
    font-size: 12px;
    width: 200px;
    text-align: right;
}
/* End Site Footer Links */

/* forms */
.ccwReqFMrk
{
    padding-left: 2px;
    color: #f8a123;
    font-size: 12px;
    font: verdana;
}

.ccwCellLabel
{
    width: 180px;
    text-align: right;
    padding-right: 15px;
}

.ccwCellInput
{
    text-align: left;
}
.ccwCellInput INPUT
{
    width: 180px;
}

.ccwCellValidators
{
    min-width: 30px;
}

.ccwCellLabelLCRI
{
}

.ccwCellInputLCRI
{
    text-align: left;
    padding-bottom: 5px;
}

.ccwCellInputLCRI INPUT
{
    width: 250px;
}

.ccwCellValidatorsLCRI
{
    width: 30px;
}

.ccwCellLabelNW
{
    padding-top:5px;
}

.ccwCellInputNW
{
    text-align: left;
}

.ccwCellValidatorsNW
{
    width: 30px;
}

.ccwValidationMessage
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    background-image: url(images/alr.gif);
    width: 250px;
}

.ccwErrorMessages LI
{
    margin-left: 15px !important;
    padding-left: 15px !important;
    list-style-position: inherit;
    background: url(images/arr.gif) left center no-repeat;
    font-size: 11px !important;
    color: Red !important;
}


.ccwErrorMessages
{
    border: 1px solid #F9F2D2;
    font-size: 12px;
    background-color: #FCF9EA;
    padding: 3px;
    margin: 5px 0px 5px 0px;
    width: 430px !important;
       font-size: 11px !important;
    color: Red !important;
}

.ccwInfoMessages LI
{
    margin-left: 15px !important;
    padding-left: 15px !important;
    list-style-position: inherit;
    background: url(images/arg.gif) left center no-repeat;
}

.ccwInfoMessages
{
    color: #000064 !important;
    border: 1px solid #DDE7FF;
    font-family: Verdana;
    font-size: 11px;
    background-color: #F4F8FF;
    padding: 3px;
    margin: 5px 0px 5px 0px;
    width: 530px !important;
}

.ccwSubmit
{
    padding-left: 195px;
}

.ccwSubmitButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    padding: 0px 5px 0px 5px;
    height: 25px;
    border: none;
}

.ccwCancelButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #6d6e71;
    padding: 0px 5px 0px 5px;
    height: 25px;
    border: none;
}

.ccwButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 5px 0px 5px !important;
    /* min-width: 59px !important; */
    /* height: 22px; */
    height: 25px;
    border: none;
}

.ccwAddPersonalRequestButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 5px 0px 5px !important;
    min-width: 150px !important;
    /* height: 22px; */
    height: 25px;
    border: none;
}

.ccwAddCustomerRequestButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 5px 0px 5px !important;
    min-width: 150px !important;
    /* height: 22px; */
    height: 25px;
    border: none;
}

.ccwCloseViewFeatureRequestDetailsButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 5px 0px 5px !important;
    min-width: 235px !important;
    /* height: 22px; */
    height: 25px;
    border: none;
}

.ccwUpdateSecurityQuestionAndAnswerButton
{
    color: #FFFFFF;
    font-weight:bold;
    background-color: #0069aa;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 5px 0px 5px !important;
    min-width: 240px !important;
    /* height: 22px; */
    height: 25px;
    border: none;
}

.ccwGVViewFeatureRequest
{
    font-size: 12px !important;
    vertical-align: top;
    width:600px;
    max-width: 600px;
}

.ccwGVViewFeatureRequest th
{
    vertical-align:top;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
    font-size: 12px !important;
    font-weight: bold !important;
}

.ccwGVViewFeatureRequest td
{
    vertical-align:top;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
}

.ccwGVViewFeatureRequest td span
{
    font-size: 12px;
    min-width: 50px;
    max-width: 90px;
}

.ccwDVViewFeatureRequestDetails
{
        font-size: 12px !important;
    vertical-align: top;
    width:600px;
    max-width: 600px;
}

.ccwDVViewFeatureRequestDetails th
{
    vertical-align:top;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
    font-size: 12px !important;
    font-weight: bold !important;
}

.ccwDVViewFeatureRequestDetails td
{
    vertical-align:top;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
}

.ccwDVViewFeatureRequestDetails td span
{
    font-size: 12px;
    min-width: 50px;
    max-width: 90px;
}

.ccwGVViewNotes
{
    font-size: 12px !important;
    vertical-align: top;
    width:600px;
    max-width: 600px;
}

.ccwGVViewNotes th
{
    vertical-align:top;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
}

.ccwGVViewNotes td
{
    vertical-align:top;
    padding: 5px 5px 5px 5px;
    min-width: 60px;
    max-width: 100px;
}

.ccwGVViewNotes td span
{
    font-size: 12px;
    min-width: 50px;
    max-width: 90px;
}

.ccwTableHeader
{
    font-size: 12px !important;
    font-weight:bold !important;
}

.ccwDropDownList
{
    
}

.ccwTextBoxMultiLine
{
    
}

.ccw100
{
    width: 534px !important;
}


.ccw100 INPUT
{
    width: 534px !important;
}

.ccw100 TEXTAREA
{
    width: 534px !important;
}

.ccwBtnRegisterUser
{
    padding: 10px 0px 10px 0px;
}

.ccwBtnRegisterCInfo
{
    padding: 10px 0px 10px 0px;
}

.ccwBtnChangePwd
{
    padding: 10px 0px 10px 0px;
}

.ccwVI INPUT
{
    border: solid 1px #6E818B;
}

.ccwVI TEXTAREA
{
    border: solid 1px #6E818B;
}

.ccwFormSectionSep
{
    font-size: 15px !important;
}

.ccwFileExtAndSize
{
    font-size: 12px !important;
}

.ccwCTALogo
{
	padding-top: 10px;
	padding-bottom: 5px;
}

.ccwResDownload
{
	padding-top: 5px;
}


.ccwResDownload a
{
    background: url(images/sidenote-arrow-light.jpg) no-repeat scroll 0 3px !important;
    padding-left: 15px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

.ccwResDownload a:hover
{
    color: #77afd2 !important;
    text-decoration: none !important;
}


.moreCollateral
{
	padding-top: 30px;
}

.moreCollateral a
{
	font-weight: bold;
	color:#0069aa !important;
}

.moreResources a
{
	font-weight: bold;
	color:#0069aa !important;		
}

.ccwCollateralImage1Logo
{
    float: right;
    margin-left: 5px;
}

.ccwWebcastStartDate
{
    font-weight: bold;
    color: #FF9900;
}

.ccwCMSGuideLine
{
    font-style: italic;
    font-size: 9px !important;
}

.ccwRollupItemSeparator
{
    background-image: url(http://www.claritysystems.com/images/imgDottedLineHor.gif);
    border: 0px;
    clear: both;
    color: rgb(189, 200, 208);
    display: block;
    height: 1px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

.ccwRollupItemStartSpacer
{
    height: 10px;
}

.ccwRollupItemEndSpacer
{
    height: 5px;
}

.ccwPageTitle
{
    font-size: 12px !important;
    padding-left: 20px !important;
}
/* Start CCWFullRollupEvents */
.ccwEventDetails
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 12px !important;
}

.ccwEventDetailsLbl
{
    width: 80px;
}

.ccwEventDetailsDesc
{
    width: 200px;
    padding-left: 5px;
}

.ccwEventDetailsDesc TEXTAREA
{
    width: 200px;
}

.ccwEventDetailsDesc INPUT
{
}

.ccwEventContactInfo
{
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #808080;
    padding-left: 15px;
}

.ccwEventDetails TD
{
    vertical-align: top;
}

.ccwFullRollupEvent
{
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
}
.ccwFullRollupEventDate
{
    width: 100px;
    vertical-align: top;
    font-weight: bold;
    color: Orange;
}
.ccwFullRollupEventDetails
{
    padding-left: 15px;
    width: 500px;
}
.ccwFullRollupEventImage
{
    padding-left: 10px;
}
.ccwFullRollupEventLocation
{
    font-weight: bold;
}

.ccwFullRollupEventDetailsTitle
{
    color: #357EC7;
}

.ccwFullRollupEventDetailsSummary
{
    color: #15317E;
}
/* End CCWFullRollupEvents */

.ccwSmallRollupEvent
{
    font-size: 12px !important;
}

.ccwSmallRollupEventTitle
{
    font-weight: bold;
}

/* Start Region Selector */
.ccwSearchCol .ccwRegionSelector
{
    padding: 1px 30px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none;
    color: #97999c;
    font-size: 12px;
    float:right;
}

.ccwSearchCol .ccwRegionSelector a
{
    text-decoration: none;
    color: #00539f;
    font-size: 12px;
}

.ccwSearchCol .ccwRegionSelector a:hover
{
    color: #f57b20;
}

.ccwSearchCol .ccwRegionSelector select
{
    width: 180px !important;
}
/* End Region Selector */

.ccwTblRegionSel
{
    width: 100%;
}

.ccwRegionSel
{
}

.ccwRegionSelBtn
{
    padding-top: 10px;
}
.ccwRegionSel SELECT
{
    width: 300px;
    height: 150px;
    border: none;
}

.ccwCTACaseLogo
{
    text-align: center;
}

.ccwCall2ActionTitle
{
    font-weight: bold;
}

.ccwCTAPartnerInfo
{
	 max-width: 190px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 15px 5px 15px !important;
    font-size: 12px !important;
			
}
.ccwCTAWhitePaper
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTACaseStudy
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTAVideo
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTABusinessApplication
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTAPresentation
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTAResearchReport
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

.ccwCTA
{
    max-width: 165px !important;
    background-color: #fdf5e4 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 20px 10px 20px !important;
    font-size: 12px !important;
}

/* Start Left Navigation Menu Container Box */

.ccwBoxTopLeft
{
    background: #ffffff url(images/SideNav_CornerTopLeft.jpg) -1px 0px no-repeat !important;
    padding-left: 20px;
    position: relative;
    /* z-index: 2; */
}
.ccwBoxTop
{
    background: #ffffff url(images/SideNav_Top.jpg) top left repeat-x !important;
    height: 40px;
}
.ccwBoxTopRight
{
    background: #ffffff url(images/SideNav_CornerTopRight.jpg) 197px 0px no-repeat !important;
    width: 206px;
    padding-right: 12px;
}

.ccwBoxLeft
{
    background: #ffffff url(images/SideNav_SideLeft.jpg) top left repeat-y !important;
    padding-left: 20px;
    position: relative;
    /* z-index: 1; */
}
.ccwBoxMiddle
{
    background: #ffffff !important;
}
.ccwBoxRight
{
    background: #ffffff url(images/SideNav_SideRight.jpg) 196px -20px repeat-y !important;
    width: 206px;
    padding-right: 12px;
}

.ccwBoxBottomLeft
{
    background: #ffffff url(images/SideNav_CornerBotLeft.jpg) 0px -20px no-repeat !important;
    padding-left: 20px;
    position: relative;
    top:-16px;
    /* z-index: 1; */
}
.ccwBoxBottom
{
    background: #ffffff url(images/SideNav_Bottom.jpg) bottom left repeat-x !important;
    height: 20px;
}
.ccwBoxBottomRight
{
    background: #ffffff url(images/SideNav_CornerBotRight.jpg) 196px -20px no-repeat !important;
    width: 206px;
    padding-right: 12px;
}

/* End Left Navigation Menu Container Box */

/* Start Left Navigation Menu Container Box for LP */

.ccwBoxTopLeftLP
{
    background: #ffffff url(images/SideNav_CornerTopLeft.jpg) -1px 0px no-repeat !important;
    padding-left: 20px;
    position: relative;
    /* z-index: 2; */
}
.ccwBoxTopLP
{
    background: #ffffff url(images/SideNav_Top.jpg) top left repeat-x !important;
    height: 40px;
}
.ccwBoxTopRightLP
{
    background: #ffffff url(images/SideNav_CornerTopRight.jpg) 217px 0px no-repeat !important;
    width: 226px;
    padding-right: 12px;
}

.ccwBoxLeftLP
{
    background: #ffffff url(images/SideNav_SideLeft.jpg) top left repeat-y !important;
    padding-left: 20px;
    position: relative;
    /* z-index: 1; */
}
.ccwBoxMiddleLP
{
    background: #ffffff !important;
}
.ccwBoxRightLP
{
    background: #ffffff url(images/SideNav_SideRight.jpg) 216px -20px repeat-y !important;
    width: 226px;
    padding-right: 12px;
}

.ccwBoxBottomLeftLP
{
    background: #ffffff url(images/SideNav_CornerBotLeft.jpg) 0px -20px no-repeat !important;
    padding-left: 20px;
    position: relative;
    top:-16px;
    /* z-index: 1; */
}
.ccwBoxBottomLP
{
    background: #ffffff url(images/SideNav_Bottom.jpg) bottom left repeat-x !important;
    height: 20px;
}
.ccwBoxBottomRightLP
{
    background: #ffffff url(images/SideNav_CornerBotRight.jpg) 216px -20px no-repeat !important;
    width: 226px;
    padding-right: 12px;
}

/* End Left Navigation Menu Container Box for LP */

/* Blue bar above banner image and below top navigation menu */
.ccwBarMenu
{
    width: 800px;
    height: 18px;
    background: #ffffff url(images/Bar_Menu.jpg) right top no-repeat !important;
    float: right;
    margin-right: 8px;
}

/* Start Page Container Box */

.ccwPageBoxLeft
{
    background: #e2e3e5 url(images/Background_SideLeft.jpg) 8px 0px repeat-y;
    padding-left: 20px;
}
.ccwPageBoxMiddle
{
    background: #ffffff;
}
.ccwPageBoxRight
{
    background: #ffffff url(images/Background_SideRight.jpg) 980px 0px repeat-y;
    padding-right: 12px;
    width: 988px;
}

.ccwPageBoxBottomLeft
{
    background: #e2e3e5 url(images/Background_CornerBotLeft.jpg) 8px 0px no-repeat;
    padding-left: 20px;
}
.ccwPageBoxBottom
{
    background: #ffffff url(images/Background_Bottom.jpg) bottom left repeat-x;
    height: 20px;
}
.ccwPageBoxBottomRight
{
    background: url(images/Background_CornerBotRight.jpg) 980px 0px no-repeat;
    padding-right: 12px;
    width: 988px;
}
/* End Page Container Box */
.ccwPageTitle
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    color: Navy;
}

.ccwPageSummary
{
    font-style: italic;
    padding-bottom: 7px;
}
/* Start CCWFullRollupNews */
.ccwFullRollupNews
{
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
}

.ccwFullRollupNewsDate
{
    width: 100px !important;
    vertical-align: top;
    font-weight: bold;
    color: Orange;
}

.ccwFullRollupNewsDetails
{
}

.ccwFullRollupNewsDetailsTitle
{
    color: #357EC7;
}

.ccwFullRollupNewsDetailsSummary
{
    color: #15317E;
}


.ccwFullRollupNewsLocation
{
}

.ccwFullRollupNewsReadMore
{
}
/* End CCWFullRollupNews */

/* Start ccwSmallRollupNews */
.ccwSmallRollupNews *
{
    font-size: 12px !important;
}

.ccwSmallRollupNews
{
    width: 180px !important;
    max-width: 180px !important;
    color: #000000 !important;
}
.ccwSmallRollupNewsTitle
{
    font-size: 12px;
    font-weight: bold;
}
.ccwSmallRollupNewsDetails
{
    color: #000000;
    font-size: 12px !important;
}

.ccwSmallRollupNewsDetails a
{
    color: #000000 !important;
    text-decoration: none !important;
}

.ccwSmallRollupNewsDetails a:hover
{
    color: #0069AA !important;
    text-decoration: none !important;
}

.ccwSmallRollupNewsDetails a:hover *
{
    color: #0069AA !important;
}
/* End ccwSmallRollupNews */

/* Start News Page Layout */
.ccwNewsSummary
{
    font-size:14px;
    font-style:italic;
}

.ccwNewsDateFormat
{
    font-weight:bold;
}

.ccwNewsLocationAndDate
{
    display:inline;
    font-weight:bold;
}

.ccwNewsContent
{
    display:inline;
}

/*
.ccwNewsContent p
{
    display:inline;
}
*/

.ms-rteCustom-DisplayInline
{
    display:inline;
}
/* End News Page Layout */

/* Start ccwSmallRollupEvent */
.ccwSmallRollupEvent *
{
    font-size: 12px !important;
}

.ccwSmallRollupEvent
{
    width: 180px !important;
    max-width: 180px !important;
}
.ccwSmallRollupEventTitle
{
    font-size: 12px;
    font-weight: bold;
}
.ccwSmallRollupEventDetails
{
    color: #000000;
    font-size: 12px !important;
}
.ccwSmallRollupEventDetails a
{
    color: #000000 !important;
    text-decoration: none !important;
}

.ccwSmallRollupEventDetails a:hover
{
    color: #0069AA !important;
    text-decoration: none !important;
}

.ccwSmallRollupEventDetails a:hover *
{
    color: #0069AA !important;
}
/* End ccwSmallRollupEvent */

/* Start ccwMoreItems formatted hyperlinks */
.ccwMoreItems
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    text-decoration: none !important;
    color: #767676 !important;
    font-size: 12px !important;
    position: relative !important;
    top: -1px !important;
}
/* End ccwMoreItems formatted hyperlinks */

/* Start CCWFullRollupMedia */
.ccwFullRollupMedia
{
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
}

.ccwFullRollupMediaDate
{
    width: 100px;
    vertical-align: top;
    font-weight: bold;
    color: Orange;
}

.ccwFullRollupMediaDetails
{
}

.ccwFullRollupMediaDetailsTitle
{
    color: #357EC7;
}

.ccwFullRollupMediaDetailsSummary
{
    color: #15317E;
}

.ccwFullRollupMediaLocation
{
}

.ccwFullRollupMediaReadMore
{
}
/* End CCWFullRollupMedia */

/* Start CCWFullRollupWebcast */
.ccwFullRollupWebcast
{
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
}

.ccwFullRollupWebcastDate
{
    width: 100px;
    vertical-align: top;
    font-weight: bold;
    color: Orange;
}

.ccwFullRollupWebcastDetails
{
}

.ccwFullRollupWebcastDetailsTitle
{
    color: #357EC7;
}

.ccwFullRollupWebcastDetailsSummary
{
    color: #15317E;
}


.ccwFullRollupWebcastLocation
{
}

.ccwFullRollupWebcastReadMore
{
}
/* End CCWFullRollupWebcast */

/* Begin table rules */
tr
{
    border: 0px;
}
table.tblChart
{
    /*	background: #EDF3F7 url(../images/snavBgTop.gif) 0px 0px repeat-x; */
    width: auto;
    border-collapse: separate;
    margin: 0;
    padding: 0;
    border: 0; /*	padding: 20px 12px 0 12px; 	border: 12px solid #EDF3F7; */
}
table.tblChart thead
{
}
table.tblChart th
{
    background-color: #F8A123; /* TODO: check this orange */
    color: #fff;
    text-align: center; /*	margin: 14px 0 0 0; 	margin-bottom: 12px; */
    padding: 4px 12px 4px 12px;
    border: 1px solid #fc9;
    border-bottom-color: #c90;
    border-right-color: #c90;
}
table.tblChart tfoot
{
}
table.tblChart tfoot td
{
    font-size: 0.9em;
    background-color: #EDF3F7;
    padding-top: 6px;
    border-color: #EDF3F7;
}
table.tblChart tbody
{
    /* background-color: #E5EEF4; margin: 24px; border: 1px solid red; background-color: #FFFF00; margin-top: 30px; padding-top: 14px; border: 1px solid red; */
}
table.tblChart tr td.even, table.tblChart tr.even td
{
    background-color: #E5EEF4;
}
table.tblChart tr.even td.even
{
    background-color: #DEEAF2;
}
table.tblChart tr.last td
{
    border-bottom-color: #EDF3F7;
}
table.tblChart td
{
    padding: 4px 12px 4px 12px;
    border: 1px solid #FCFEFE;
    border-bottom-color: #D1E3ED;
    border-right-color: #D1E3ED;
}
table.tblChart td.first, table.tblChart th.first
{
    padding-left: 12px;
}
table.tblChart td.first, table.tblChart th.first
{
    border-left-color: #EDF3F7;
}
table.tblChart td.last, table.tblChart th.last
{
    border-right-color: #EDF3F7;
}
table.tblChart td.none
{
    padding: 4px 12px 4px 12px;
    border: 0px;
}
/* special: container for Chart-style tables applies top border, bottom rounded corners and soft shadow, bg margins */
div.chartOuter
{
    /*	width: 100%; */
    background: #EDF3F7 url(images/bkgSnavTop.gif) 0px 0px repeat-x; /* TODO: replace graphic? */
    margin: 0;
    padding: 24px 20px 0 20px;
    border: 0;
}
div.chartAfter
{
    /*	width: 100%; */
    background: #EDF3F7 url(images/imgTableBot.gif) left bottom no-repeat;
    text-align: right;
    margin: 0 0 1em 0;
    padding: 0;
    border: 0;
}
div.chartAfter img.chartCorner
{
    vertical-align: bottom;
}
div.chartAfterRight
{
    /*	width: 100%; */
    background: #EDF3F7 url(images/imgTableBotCorner.gif) right bottom no-repeat;
    text-align: right;
    margin: 0 0 1em 0;
    padding: 0;
    border: 0;
}
/* end table rules */

P
{
    padding: 0px !important;
    margin: 0px !important;
}

/* Start RichHTMLField Selectable Styles */
.ms-rteCustom-PageTitle
{
    font-size: 12px;
    color: Navy;
    font-weight: bold;
}

.ms-rteCustom-PageContent
{
    font-size: 12px;
    color: Gray;
}


.ms-rteCustom-CTATitle
{
    font-size: x-large;
    color: #990000;
}
.ms-rteCustom-BannerHeading
{
    font-size: 30px;
    line-height: 85px;
    font-weight: normal;
    color: #ffffff;
    margin-left: 56px;
}

.ms-rteCustom-BannerSubHeading
{
    font-size: 30px;
    line-height: 85px;
    font-weight: normal;
    color: #ffffff;
    margin-left: 43px;
}
/* End RichHTMLField Selectable Styles */

.ccwCollateralEditMode
{
    width: 230px !important;
    border: solid 1px gray;
}


.ccwFullCollateralRollupLogo
{
    padding: 3px;
    float: right;
}

.ccwCollateralFullRollup
{
    width: 95%;
}

.ccwCollateralHeading
{
    color: #00539f;
    font-size: 16px;
    margin-bottom: 10px;
}

.ccwCollateralTitle
{
    font-weight:bold;
    font-size: 12px;
    color: #0069aa;
    /* font-size: 13px; */
}

/* Start Search Column Styling */
.ccwSearchCol
{
    border: none;
    padding: 5px 0px 0px 0px;
    width: 250px !important;
}

.ccwSearchCol table
{
    padding: 0px 0px 0px 0px;
    border: none !important;
    float:right;
}

.ccwSearchCol tr
{
    border: none !important;
}

.ccwSearchCol td
{
    border: none !important;
}

.ccwSearchBox
{
    display:inline;
    width: 180px !important;
    border-width: 0px;
    margin-top: 5px !important;
    /* float: left; */
    float:right;
    padding-right: 30px;
}

/*
.ccwSearchBox .ccwVI *
{
    border:none !important;
}
*/

.ccwSearchBox .ccwCellLabelLCRI
{
    border:none !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.ccwSearchBox .ccwCellInputLCRI
{
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

.ccwSearchBox table
{
        border:none !important;
        padding: 0px 0px 0px 0px !important;
        float:left;
}

.ccwSearchBox tr
{
        border:none !important;
        padding: 0px 0px 0px 0px !important;
}

.ccwSearchBox td
{
        border:none !important;
        padding: 0px 0px 0px 0px !important;
}

.ccwSearchBox input[type='text']
{
    height: 15px;
    width: 150px;
    color: #5a5a5d;
    font-size: 12px;
    padding: 2px 0px 1px 3px;
    margin: 0px 0px 0px 0px;
    vertical-align:top;
}

.ccwSearchBox input[type='submit']
{
    border:none;
    height: 20px;
    width: 20px;
    background-color: Gray;
    color: White;
    margin-left:5px;
    display:inline !important;
    vertical-align:top;
}

/* End Search Column Styling */
/*
.ccwTxtSearch
{
    padding: 4px 5px 0px 0px;
    border: none;
    background-color:Blue;
    float:right !important;
}

.ccwTxtSearch input
{
    height: 15px;
    width: 150px;
    color: #5a5a5d;
    font-size: 12px;
    padding: 3px 0px 0px 3px;
}

.ccwBtnSearch
{
    padding: 0px 30px 0px 0px;
    border: none;
}

.ccwBtnSearch input
{
    border-width: 0px;
    padding: 2px 2px 3px 2px;
    height: 20px;
    background-color: Gray;
    color: White;
    float:right;
}
*/

/* start new design styles */

h1
{
    font-weight: normal;
    color: #0069aa;
    font-size: 16px;
}

/*
h2
{
    font-weight: normal;
    color: #0069aa;
    font-size: 18px;
}
*/

*
{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: Arial, "trebuchet MS" ,sans-serif, Verdana; /* font-size:small; */
    color: #333333;
    line-height: 1.2em;
    font-weight: normal;
}

.clearfix:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix
{
    min-height: 0;
    height: 0;
}

html > body .clearfix
{
    height: auto;
}

body
{
    background: #e2e3e5 !important; /* font-size: 12px; */
    font-size: 12px !important;
}

h2
{
font-size:14px;
color:#956E8E;
}

h3
{
    font-weight: normal;
    font-size: 19px;
}

h3 a
{
    font-size: 20px;
    background: url(../images/arrow.jpg) no-repeat scroll 100% 3px;
    padding-right: 30px;
    height: 17px;
    line-height: 17px;
}

h4
{
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #0069aa;
}

h6
{
font-size:14px;
color:#949c50;
}

.homeHeader
{
    padding-top: 30px;
    margin-bottom: 10px;
    font-weight: normal !important;
    color: #0069aa !important;
    font-size: 13px !important;
}

/*
h6
{
    font-weight: Bold;
    color: #0069aa;
    font-size: 12px;
}
*/

sup
{
    font-size: 5px;
}

#container
{
    background: #fff url(images/content-bg.jpg) 0 0 repeat-y;
    width: 1018px !important;
    margin: 0px auto 0;
}

#header
{
    min-height: 139px;
    height: auto !important;
    height: 139px;
    position: relative;
    z-index: 100;
}

#header #logo
{
    width: 275px;
    height: 114px;
    margin-left: 10px;
    display: block;
}

#header #logo a img
{
    border: none;
}

#header #logo span
{
    display: none;
}

#content #innerWrap
{
    /* min-height:400px; */
    position: relative;
    width: 1018px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url(images/content-area-fade.jpg) no-repeat 8px 100%;
    min-height: 160px;
    height: auto !important;
    height: 160px;
}

#content .sideNote
{
    position: absolute;
    width: 220px !important;
    display: block;
}

#content .sideNote.first
{
    left: 38px;
    top: 0px;
}

#content .sideNote.second
{
    left: 272px;
    top: 0px;
}

#content .sideNote.corporate
{
    left: 510px;
    top: 0px;
}

#content .sideNote.financial
{
    left: 744px;
    top: 0px;
}

#content .sideNote .header
{
    padding-left: 27px;
    width: 231px;
    background: #dda214;
    height: 100px;
    position: relative;
}

#content .sideNote.corporate .header
{
    background: url(images/sidenote-header-corporate.jpg) no-repeat scroll 0 0;
}

#content .sideNote.financial .header
{
    background: url(images/sidenote-header-financial.jpg) no-repeat scroll 0 0;
}

#content .sideNote .header h3
{
    visibility: hidden;
}

#content .sideNote .header a.more
{
    text-decoration: underline;
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    padding-left: 15px;
    background: url(images/sidenote-header-arrow.jpg) no-repeat scroll 0 3px;
}

#content .sideNote .header a.more:hover
{
    /* color:#643f5e; */
}

#homepage #content .sideNote .body
{
    color: #6d6e71;
    width: 200px;
    padding: 0 30px;
    height: 255px;
    background: url(images/sidenote.jpg) no-repeat scroll top left;
}

#content .sideNote .body
{
    color: #6d6e71;
    width: 235px;
    padding: 0 30px;
    height: 210px;
    background: url(images/sidenote-other.jpg) no-repeat scroll top left;
}

#homepage #content .sideNote.corporate .body
{
    padding: 26px 25px 0px 25px;
    background: url(images/sidenote-corporate.jpg) no-repeat scroll top left;
    font-size: 12px !important;
    color: #000000;
}

#homepage #content .sideNote.financial .body
{
    padding: 26px 23px 0px 23px;
    background: url(images/sidenote-financial.jpg) no-repeat scroll top left;
    font-size: 12px !important;
    color: #000000;
}

#content .sideNote .body h4
{
    padding: 26px 0 10px 0;
}

#content .sideNote .body p span
{
    font-weight: bold;
    font-size: 12px;
    display: block;
}

#content .sideNote .body p
{
    margin-bottom: 10px;
    font-size: 12px;
    color: #000;
    width: 180px;
}

#content .sideNote .body p.first
{
    border-top: 1px solid #c7cccf;
    padding-top: 0px;
}



#content .sideNote .body p a
{
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

#content .sideNote .body p a:hover
{
    color: #0069AA;
}

#homepage #content .sideNote .body a:hover.more
{
    margin-top: 10px;
    background: url(images/sidenote-arrow.jpg) no-repeat scroll 0 3px;
    padding-left: 15px;
    color: #0069AA;
    font-size: 12px;
}

#homepage #content .news .body a:hover.more
{
    margin-top: 10px;
    background: url(images/sidenote-arrow.jpg) no-repeat scroll 0 3px;
    padding-left: 15px;
    color: #0069AA;
    font-size: 12px;
}

#content a.more
{
    background: url(images/sidenote-arrow.jpg) no-repeat scroll 0 3px !important;
    padding-left: 15px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

#content a.contact
{
    background:url(images/icon-contact.gif) no-repeat scroll 0 2px !important; 
    padding-left:20px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

#content a.email
{
    background:url(images/icon-email.gif) no-repeat scroll 0 2px !important; 
    padding-left:20px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

#content a.login
{
    background:url(images/icon-login.gif) no-repeat scroll 0 2px !important; 
    padding-left:20px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

#content .homePage a.more
{
    background: url(images/sidenote-arrow.jpg) no-repeat scroll 0 3px !important;
    padding-left: 15px !important;
    color: #627786 !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

.ms-rteCustom-ReadMoreLink
{
    background: url(images/sidenote-arrow.jpg) no-repeat scroll 0 3px;
    padding-left: 15px;
    color: #627786;
    font-size: 12px;
    text-decoration: none !important;
}

#homepage #content .sideNote.corporate .body a.more
{
    font-size: 12px !important;
    background: url(images/sidenote-arrow-corporate.jpg) no-repeat scroll 0 3px !important;
}

#homepage #content .sideNote.financial .body a.more
{
    font-size: 12px !important;
    background: url(images/sidenote-arrow-financial.jpg) no-repeat scroll 0 3px !important;
}

#homepage #content .sideNote.corporate .body a:hover.more
{
    color: #956e8e !important;
}
#homepage #content .sideNote.financial .body a:hover.more
{
    color: #949c50 !important;
}

#homepage #content .sideNote.financial .body a.more:hover
{
    /* color:#6d6e71; */
}

#content a.more:hover
{
    color: #77afd2 !important;
}

#content a.contact:hover
{
    color: #77afd2 !important;
}

#content a.email:hover
{
    color: #77afd2 !important;
}

#content a.login:hover
{
    color: #77afd2 !important;
}

#content a.more.active
{
    color: #4481b9;
}

#content a.more.clarity
{
    text-transform: uppercase;
}

#content p a, div.award a
{
    color: #0069aa;
    text-decoration: none;
}

#content p a:hover, div.award a:hover
{
    text-decoration: underline;
}


#content a.more.clarity.six
{
    color: #956e8e;
    background: url(images/sidenote-arrow-corporate.jpg) no-repeat scroll 0 3px;
}

#content a.more.clarity.fsr
{
    color: #949c50;
    background: url(images/sidenote-arrow-financial.jpg) no-repeat scroll 0 3px;
}

#content .sideNote .body ul
{
    width: 170px;
}

#homepage #content .sideNote .body ul li.first
{
    padding-top: 26px;
}

#content .sideNote .body ul li.first
{
    padding-top: 15px;
}

#homepage #content .sideNote .body ul li.last
{
    padding-bottom: 15px;
}

#homepage #content .sideNote .body ul li
{
    padding: 0 0 7px 0;
    border: none;
}

#content .sideNote .body ul li
{
    padding: 6px 0;
    border-top: 1px solid #c7cccf;
}

#content .sideNote .body ul li a:hover, #homepage #content .sideNote .body ul li a:hover
{
    color: #0069aa;
}

#homepage #content .sideNote .body ul li a
{
    color: #000000;
    font-size: 12px;
    background: url(images/dash.jpg) no-repeat scroll 0 center;
    padding-left: 10px;
    display: block;
}

#homepage #content .financial .body ul li a
{
    color: #000000;
    font-size: 12px;
    background: url(images/dash.jpg) no-repeat 0 center;
    padding-left: 10px;
    display: block;
}

.ccwBreadcrumb
{
    padding-top: 20px;
    color: #939598;
    font-size: 12px;
}

.ccwBreadcrumb a
{
    color: #939598;
    font-size: 12px;
}

.ccwBreadcrumb a.active
{
    color: #00539f !important;
}

.wide
{
    width: 600px !important;
    max-width: 600px !important; /* padding-left:303px; */
}

.ccwFullRollupWhitePaper .wide, .ccwFullRollupBusinessApplication .wide, .ccwFullRollupPresentation .wide
{
    width: 478px !important;
    max-width: 478px !important; 
}

.ccwFullRollupWhitePaper .award-row .ccwLogoInRollup, .ccwFullRollupBusinessApplication .award-row .ccwLogoInRollup, .ccwFullRollupPresentation .award-row .ccwLogoInRollup
{
    /* width: 135px !important;
    max-width: 135px !important;
    color: #5a5a5d !important; */
    display:none !important;
}

#content #mainContent
{
    padding:0px 12px 0px 0px;
}

#content #mainContent .chartnav
{
width:190px;
height:300px;
float:left;

}

#content #mainContent .chart
{
width:650px;
float:left;
}


#content #mainContent a.chart1
{
margin-top:10px;
padding-left:15px;
color:#627786;
font-size:12px;
}


#content #mainContent a.chart2
{
margin-top:10px;
padding-left:15px;
color:#ffffff;
font-size:12px;
}

#content #mainContent a.chart1:hover
{
color:#0069AA;	
}

#content #mainContent h4.first
{
    padding-top: 20px;
}

#content #mainContent h4
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.ms-rteCustom-Heading
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #0069aa;
}

#content #mainContent h4.clarity
{
    text-transform: uppercase;
    font-weight: bold;
}

#content #mainContent h4.clarity.six
{
    padding-top:0px;
    color: #956e8e;
}

#content #mainContent h4.clarity.fsr
{
    padding-top:0px;
    color: #949c50;
}

#content #mainContent h5
{
    font-size: 12px;
    color: #0069aa;
    font-weight: bold;
}

#content .wide h5
{
    font-size: 12px;
    color: #0069aa;
    font-weight: bold;
}

#content .wide h5 span
{
    font-size: 12px;
    color: #0069aa;
    font-weight: bold;
}

h5 *
{
    font-size: 12px;
    color: #0069aa;
    font-weight: bold !important;
}

#content #mainContent p
{
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.4em;
}

#content #mainContent p a, div.award a
{
    color: #0069aa !important;
    font-size: 12px !important;
    text-decoration: none;
}

#content #mainContent p a:hover, div.award a:hover
{
    text-decoration: underline;
}

#content #mainContent a.more.clarity
{
    text-transform: none;
}

#content #mainContent a.more.clarity.six
{
    color: #956e8e !important;
    background: url(images/sidenote-arrow-corporate.jpg) no-repeat scroll 0 3px !important;
}

#content #mainContent a.more.clarity.fsr
{
    color: #949c50 !important;
    background: url(images/sidenote-arrow-financial.jpg) no-repeat scroll 0 3px !important;
}

/*
#content #mainContent ul
{
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.2em;
}

#content #mainContent ul li
{
    margin: 0 0 0 15px;
    font-size: 12px;
    line-height: 1.2em;
    list-style-type: disc;
}
*/

#content #mainContent .ccwList ul
{
    margin: 0 0 10px 0 !important;
    font-size: 12px;
    line-height: 1.2em;
}

#content #mainContent .ccwList ul li
{
    margin: 0px 0px 0px 17px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    line-height: 1.2em;
    list-style-type: disc;
    vertical-align: top;
    position:relative;
    top:-4px;
}

#content #mainContent p.caption
{
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.2em;
    color: #0069aa;
    font-weight: bold;
}

#content #rightContent
{
    top: 0px;
    position: absolute;
    left: 804px;
    width: 165px; /* height:100%; */
    padding: 0px;
}

#content #rightContentYellow
{
    top: 0px;
    position: relative;
    left: 0px;
    width: 165px !important;
    background: #fef6e5;
    padding: 20px;
}

#content #rightContentClear
{
    top: 0px;
    position: relative;
    left: 0px;
    width: 165px;
    padding: 20px;
}

#content #rightContent .top
{
    background: transparent url(../images/rightcontent-top.jpg) no-repeat scroll 0 0;
    position: absolute;
    top: -18px;
    width: 205px;
    height: 18px;
    left: 0;
}

#content #rightContent .top-fsr
{
    background: transparent url(../images/rightcontent-top-fsr.jpg) no-repeat scroll 0 0;
    position: absolute;
    top: -18px;
    width: 205px;
    height: 18px;
    left: 0;
}

#content #rightContent .top-c6
{
    background: transparent url(../images/rightcontent-top-c6.jpg) no-repeat scroll 0 0;
    position: absolute;
    top: -18px;
    width: 205px;
    height: 18px;
    left: 0;
}

#content #rightContent h4
{
    color: #00539f;
    font-size: 16px;
    margin-bottom: 10px;
}

#content #rightContent p
{
    font-size: 12px;
    margin-bottom: 15px;
}

#content #rightContent hr
{
    border: 0;
    color: #c7cccf;
    background-color: #c7cccf;
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#content #mainContent hr
{
    border: 0;
    color: #c7cccf;
    background-color: #c7cccf;
    height: 1px;
    width: 100%;
    margin-top: 10px;
    /* margin-bottom: 10px; */
}

#content #rightContent p.contactUs
{
    color: #5a5a5d;
    font-size: 12px;
}

#content #rightContent p.contactUs strong, .contact-row strong
{
    color: #0069aa !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

#content #rightContent p.contactUs a, .contact-row a
{
    color: #5a5a5d !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}

.black
{
    color: #000000;
    font-size: 12px;
}

#content #rightContent div.beamlogo
{
    background: url(../images/beam-logo.jpg) no-repeat scroll 0 0;
    width: 133px;
    height: 56px;
    margin-bottom: 20px;
}

.ms-rteCustom-ClarityHeading
{
    text-transform: uppercase;
}

.ms-rteCustom-Clarity6Heading
{
    font-weight: normal;
    font-size: 16px;
    color: #956e8e;
}

.ms-rteCustom-ClarityFSRHeading
{
    font-weight: normal;
    font-size: 16px;
    color: #949c50;
}

#homepage #footer .footer-top
{
    width: 1018px;
    margin: 0 auto;
    height: 118px;
    background: url(images/footer-top.jpg) no-repeat;
}

#second #footer .footer-top
{
    width: 1018px;
    margin: 0 auto;
    height: 66px;
    background: url(images/footer-top-products.jpg) no-repeat;
}

#register div
{
    padding-left: 330px;
    padding-top: 43px;
}

#register div h3
{
    margin-bottom: 5px;
}

#register div h3 a
{
    color: #dda214;
}

#register div span
{
    color: #939598;
    font-size: 12px;
}

#homepage #footer
{
    width: 1018px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: static;
}

#footer
{
    width: 1018px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
}

#footer .footer-top .left
{
    float: left;
    width: 350px;
    margin-left: 20px;
    vertical-align: bottom;
}

#footer .footer-top .left ul li
{
    float: left;
    margin-right: 30px;
    display: inline;
    margin-top: 15px;
}

# second #footer .footer-top .left ul li
{
    float: left;
    margin-right: 30px;
    display: inline;
    margin-top: 15px;
}

#footer .footer-top .right
{
    float: right;
    width: 600px;
    margin-right: 20px;
    vertical-align: bottom;
}

#footer .footer-top .right ul li
{
    float: right;
    margin-right: 30px;
    display: inline;
    margin-top: 65px;
}

#second #footer .footer-top .right ul li
{
    float: right;
    margin-right: 30px;
    display: inline;
    margin-top: 15px;
}

#footer .footer-top ul li a
{
    font-size: 12px;
    color: #6d6e71;
    display: block;
    padding-right: 15px;
}

#footer .footer-top ul li a.email
{
    padding-right: 20px;
    background: url(images/icon-email.jpg) no-repeat scroll 100% 2px;
}

#footer .footer-top ul li a.print
{
    padding-right: 20px;
    background: url(images/icon-print.gif) no-repeat scroll 100% 0;
}

#footer .footer-top ul li a.login
{
    background: url(images/icon-login.gif) no-repeat scroll 100% 2px;
}

#footer .footer-top ul li a.resource
{
    background: url(images/icon-resource.gif) no-repeat scroll 100% 0;
}

#footer .footer-top ul li a.contact
{
    background: url(images/icon-contact.gif) no-repeat scroll 100% 0;
}

#footer .footer-top ul li a:hover
{
    text-decoration: underline;
}

#footer .footer-bottom
{
    clear: both;
    padding-top: 4px;
    margin-left: 8px;
    display: inline;
    background-color: Green;
}

#footer .footer-bottom a
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

#footer .footer-bottom a:hover
{
    color: #1e79b2;
    text-decoration: underline;
}

#footer .footer-bottom ul
{
    margin-left: 4px;
}
#footer .footer-bottom ul li
{
    float: left;
    display: inline;
    font-size: 10px;
    color: #58595b;
    margin-left: 5px;
}

#footer .footer-bottom ul li a
{
    display: block;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}

#footer .footer-bottom ul li a:hover
{
    color: #1e79b2;
    text-decoration: underline;
}

#footer .footer-bottom p
{
    float: right;
    color: #58595b;
    font-size: 10px;
    margin-right: 8px;
}

#footer .footer-bottom .footer-bottom-right
{
    float: right;
    color: #58595b;
    font-size: 10px;
    margin-right: 8px;
}
#footer .footer-bottom .footer-bottom-left
{
    float: left;
    color: #58595b;
    font-size: 10px;
    margin-left: 8px;
}

.resource-center
{
    width: 50%;
    float: left;
}

.resource-center div
{
    padding: 0px 0px 15px 0px;
    margin-right: 10%;
    border-bottom: 1px solid #c7cccf;
    width: 90%;
    font-size: 12px;
    overflow: hidden;
}

.award-row, .contact-row
{
    padding: 20px 0px 15px 0px !important;
    border-bottom: 1px solid #c7cccf !important;
    width: 100% !important; /* min-height:65px; */
    overflow: hidden !important;
}

.award-row div
{
    width: 135px !important;
    max-width: 135px !important;
    color: #5a5a5d !important;
}

.award div
{
    width: 100% !important;
    max-width: 100% !important;
    color: #000000 !important;
}

.award-row .ccwDateTime
{
    padding-right:10px !important;
}

.award-row div.ccwDateTime input
{
    width: 100px !important;
}

.award-row div.ccwDateTime textarea
{
    width: 100px !important;
}

.award-row div.ccwDateTime select
{
    position: relative;
    top: 25px;
    left: -135px;
}

.award-row div strong
{
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.award-row div strong span
{
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

strong
{
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.ms-rteCustom-SubHeading
{
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
.award-row div.award
{
    width: 450px !important;
    max-width: 450px !important;
    color: #000000 !important;
}

.award-row h5, .award-row a
{
    font-size: 12px !important;
}

.contact-row div
{
    float: left;
    position: relative;
    width: 50%;
    color: #000000;
    font-size: 12px;
}

.form-row *
{
    font-size: 12px;
}

.form-row
{
    padding: 6px 0px 3px 0px;
    border-top: 1px solid #c7cccf;
    width: 410px;
    min-height: 45px;
    font-size: 12px;
}

.form-row div, .award-row div
{
    float: left;
    position: relative;
    font-size: 12px;
}

.form-row div p.name
{
    padding-left: 13px;
    background: url(../images/icon-form-name.gif) no-repeat scroll left 0;
}

.form-row div p.company
{
    padding-left: 11px;
    background: url(../images/icon-form-company.gif) no-repeat scroll left 0;
}

.form-row div p.title
{
    padding-left: 16px;
    background: url(../images/icon-form-title.gif) no-repeat scroll left 0;
}

.form-row div p.email
{
    padding-left: 18px;
    background: url(../images/icon-form-email.gif) no-repeat scroll left 0;
}

.form-row div p.phone
{
    padding-left: 16px;
    background: url(../images/icon-form-phone.gif) no-repeat scroll left 0;
}

.form-row div p.city
{
    padding-left: 16px;
    background: url(../images/icon-form-city.gif) no-repeat scroll left 0;
}

.form-row div p.postal
{
    padding-left: 16px;
    background: url(../images/icon-form-postal.gif) no-repeat scroll left 0;
}

.form-row .tblLeftCol
{
    width: 255px;
}

.form-row .tblRightCol
{
    width: 205px;
}

.form-row .tblColVertical
{
    width: 205px;
}

.ccwPanelVertical
{
    width: 205px !important;
    max-width: 205px !important;
}

.ccwvsErrsVertical div
{
    width: 177px !important;
    max-width: 177px !important;
}

.form-row div input
{
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cccf;
    width: 175px;
    height: 18px;
}

.form-row td input
{
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cccf;
    width: 175px;
    height: 18px;
}

.form-row textarea.comments
{
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cccf;
    width: 400px;
    height: 60px;
}

.form-row textarea
{
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cccf;
    width: 400px;
    height: 60px;
}

.form-row input[type='file']
{
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #c7cccf;
    width: 400px;
    height: 22px;
    /* height: 60px; */
}

.columned-list
{
    width: 90%;
    overflow: hidden;
}

.columned-list div
{
    float: left;
    position: relative;
    font-size: 12px;
    padding-right: 30px;
}

.columned-list div ul li
{
    list-style-type: disc;
    margin-left: 20px;
    font-size: 12px;
}

.columned-list div ul li a
{
    color: #0069aa;
    font-size: 12px;
    text-decoration: none;
}

.columned-list div ul li a:hover
{
    color: #0069aa;
    font-size: 12px;
    text-decoration: underline;
}

.form-columns
{
    overflow: hidden;
}

.form-columns div
{
    margin-right: 20px;
}

.form-columns .checkbox
{
    width: 13px;
    height: 13px;
    margin: 0px 5px 5px 0px;
}

.form-row input[type='checkbox']
{
    width: 13px !important;
    height: 13px !important;
    border: none !important;
    margin: 0px 5px 5px 0px;
}

.media
{
    color: #5a5a5d;
    font-weight: bold;
    font-size: 12px;
}

td.chart
{
background-repeat:no-repeat;
background-color:#FFF;
}

.chart2 ul
{
list-style-type:disc !important;
margin-left:10px !important;
font-size:12px !important;
}
/* end new design styles */


.ccwDocLibVNode
{
}

.ccwDocLibVHover
{
}

.ccwFileUploadDesc TEXTAREA
{
    width: 500px;
}

.ccwFileUploadCtl INPUT
{
    width: 500px;
}

.ccwFileUploadBtn
{
    text-align: center;
}

.ccwFormLblFName
{
    padding-left: 20px;
    background: url(images/icon-form-name.gif) 2px 2px no-repeat;
}

.ccwFormLblLName
{
    padding-left: 20px;
    background: url(images/icon-form-name.gif) 2px 2px no-repeat;
}

.ccwFormLblCompany
{
    padding-left: 20px;
    background: url(images/icon-form-company.gif) 2px 2px no-repeat;
}

.ccwFormLblTitle
{
    padding-left: 20px;
    background: url(images/icon-form-title.gif) 2px 2px no-repeat;
}

.ccwFormLblEmail
{
    padding-left: 20px;
    background: url(images/icon-form-email.gif) 2px 2px no-repeat;
}

.ccwFormLblPhone
{
    padding-left: 20px;
    background: url(images/icon-form-phone.gif) 2px 2px no-repeat;
}

.ccwFormLblCity
{
    padding-left: 20px;
    background: url(images/icon-form-city.gif) 2px 2px no-repeat;
}

.ccwFormLblPostalCode
{
    padding-left: 20px;
    background: url(images/icon-form-postal.gif) 2px 2px no-repeat;
}

.ccwFormLblPassword
{
    padding-left: 30px;
    background: url(images/icon-form-password.gif) 2px 2px no-repeat;
}

.ccwFormLblBubble
{
    padding-left: 20px;
    background: url(images/icon-form-bubble.gif) 2px 2px no-repeat;
}

.ccwFormLblQuestion
{
    padding-left: 20px;
    background: url(images/icon-form-question.gif) 2px 2px no-repeat;
}

.ccwEventRegistrationBtn a
{
    background-color: #0069aa;
    margin: 10px 0px 0px 0px !important;
    padding: 5px 10px 0px 10px !important;
    height: 22px !important;
    border: none;
    min-width: 0px !important;
    max-width: 65px !important;
    text-decoration:none !important;
    display:block !important;
    text-align: center !important;
}

.ccwEventRegistrationBtn a:link
{
	/* background-color: #0069aa;
	color: white !important;
	padding: 1px; */
	
	color: #FFFFFF !important;
    font-weight:bold;
    text-decoration:none !important;
}

.ccwEventRegistrationBtn a:visited
{
	color: #FFFFFF !important;
    font-weight:bold;
    text-decoration:none !important;
}

/*
.form-row input
{
    background-color: #eeeeee !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #c7cccf !important;
    width: 175px !important;
    height: 18px !important;
}
*/

.ccwLogoInRollup img
{
	/* float:right; 
	margin:10px; */
	width:120px !important; 
	height:60px !important; 
	/* border: #c7cccf solid 1px !important; */
	margin-right:15px !important; 
	margin-top: 5px !important;
}

.send-button-link a
{
	background: url(images/sidenote-arrow.jpg) 0px 3px no-repeat !important;
    color: #627786 !important;
    font-size: 12px !important;
    padding-left: 10px;
}

.ccwDisplayCurrentUser
{
    font-size: 12px !important;
}

.ms-WPBody
{
    font-size: 12px !important;
}

.ccwSupportEntitlement
{
	 background-position: left center;
    padding-left: 75px;
    background: url(/_layouts/images/warning70by70.gif) 0px 3px no-repeat !important;
    min-height: 100px !important;
    width: 400px !important;
}

.treecontrol a
{
    font-weight: bold;
}

.ccwCCareFolder
{
    font-size: 11px !important;
}

.ccwCCareCT
{
    font-size: 11px !important;
}

.ccwCCareDnl
{
	padding: 1px;
}

.ccwCCareDnlFileIcon
{
    float: left;
    overflow: auto;
    z-index: 100 !important;
    display: block;
    visibility: visible;
}

.ccwCCareDnlFileName
{ 
    font-size: 11px !important;
    float: left;
    overflow:auto;
    width: 400px !important;
    z-index: 100 !important;
    display: block;
    visibility: visible;
    padding-top: 5px;
    padding-left: 3px;
}

.ccwCCareDnlFileSize
{
    font-size: 11px !important;
    color: Gray !important;
    overflow: auto;
    clear: right;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
}

.ccwCCareDnlTitle
{
    font-size: 11px !important;
    color: Gray !important;
}

.ccwCCareDnlDesc
{
    font-size: 10px !important;
    color: Silver !important;
}



.alt
{
	background-color: #F5F5F5;
}