﻿/*Main Design Styles*/
html
{
    height: 100%;
    margin-bottom: 1px;
}

body
{
    background-position: left top;
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    color: #555555;
    background-color: #809ead;
    background-repeat: repeat-x;
    background-image: url(/images/sitegraphics/backgroundImage.gif);
    line-height: 13pt;
    height: 100%;
}
#seoH1
{
    color: #626366;
    font-size: 16pt;
    margin-top: 1px;
}
#seoH2
{
	font-size: 12pt;
	margin: 10px 0px 10px 0px;
	color: #222222;
	line-height: 12pt;
}
#seoH3
{
	font-size: 10pt;
	margin: 20px 0px 20px 0px;
	color: #222222;
	line-height: 14pt;
}
h1
{
    font-size: 14pt;
    font-weight: 500;
    margin: 20px 0px 20px 0px;
    color: #222222;
    line-height: 16pt;
}

h2
{
    font-size: 12pt;
    font-weight: 500;
    margin: 20px 0px 15x 0px;
    color: #111111;
}

h3
{
    font-size: 10pt;
    margin: 20px 0px 15px 0px;
    font-weight: 500;
    color: #000000;
}

p
{
    margin: 0px 0px 0px 12px;
}

.mainContainer
{
    width: 1000px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;

}

.mainContent
{
    width: 980px;
    float: left;
    vertical-align: top;
}

#footer
{
    padding-bottom: 25px;
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    height: 25px;
}

#footerNav
{
    padding: 0px;
    margin: 0px;
    font-size: 7pt;
    color: #FFFFFF;
    margin-left: 300px;
}

#footerNav a
{
    color: #FFFFFF;
    text-decoration: none;
}

#footerNav a:hover
{
    color: #b4ea6d;
}

#footerAddress
{
    color: #456774;
    margin-left: 440px;
    font-size: 7pt;
    margin-top: 4px;
}

/* Shadow styles */

.leftShadow
{
    width: 10px;
	height: 600px;
    background-image: url(/images/sitegraphics/leftShadow.gif);
    background-repeat: no-repeat;
}

.leftShadowRepeater
{
    width: 10px;
    vertical-align: top;
    background-image: url(/images/sitegraphics/leftShadowSpan.gif);
    background-repeat: repeat-y;
}

.rightShadow
{
    width: 10px;
    height: 600px;
    background-image: url(/images/sitegraphics/rightShadow.gif);
    background-repeat: no-repeat;
}

.rightShadowRepeater
{
    width: 10px;
    vertical-align: top;
    background-image: url(/images/sitegraphics/rightShadowSpan.gif);
    background-repeat: repeat-y;
}

.bottomShadow
{
    width: 1000px;
    height: 15px;
    background-image: url(/images/sitegraphics/bottomShadow.gif);
    background-repeat: no-repeat;
} 

/*Homepage Styles */

#hmpageNav
{
    width: 980px;
    height: 131px;
    color: #D8D8D8;
    vertical-align: top;
}

#hmpageLogo
{
    width: 242px;
    height: 131px;
    float: left;
    background-color: #4d4d4d;
}

.hmpageLeftContent
{
    width: 242px;
    vertical-align: top;
    background-image: url(/images/sitegraphics/hmLeftContentShadow.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.hmpageLeftContent h1
{
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
}

.hmpageLeftContent p
{
    font-size: 9pt;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 17px;
}

.hmpageMainImage
{
    width: 738px;
    height: 294px;
    vertical-align: top;
}

.contentLink
{
    color: #429ccd;
}

.tabButton
{
    background-image: url(/images/sitegraphics/greenBtnShadow.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 16px;
    padding-top: 4px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 7pt;
    font-weight: 700;
    float: right;
    background-color: #FFFFFF;
    color: #7FB539;
    text-decoration: none;
    line-height: 10pt;
}

.tabButton:hover
{
    background-image: url(/images/sitegraphics/greenBtnShadowRoll.gif);
    color: #a6cb75;
}

.formButton
{
    background-image: url(/images/sitegraphics/greenBtnShadow_nowhite.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 16px;
    padding-top: 4px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 7pt;
    font-weight: 700;
    float: right;
    background-color: #d4d4d4;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 10pt;
}

.formButton:hover
{
    background-image: url(/images/sitegraphics/greenBtnShadowRoll_nowhite.gif);
    color: #a6cb75;
}

#formButtonContainer
{
    color: #FFFFFF;
    margin-top: 10px;
    float: left;
    padding-bottom: 25px;
    margin-left: 128px;
}
.grayButton:link, .grayButton:vistied, .grayButton a:link, .grayButton a:visited, #AddFileBtn
{
    background-image: url(/images/buttons/greenBtnShadow.gif);
    background-repeat: repeat-y;
    background-position: right;
    padding-top: 4px;
    padding-left: 9px;
    padding-right: 11px;
    padding-bottom: 4px;
    font-size: 8pt;
    font-weight: 700;
    background-color: #eeeeee;
    color: #87b240;
    line-height: 20px;
    text-decoration: none;
    font-family: Verdana;
}

.grayButton:hover, .grayButton a:hover, #AddFileBtn:hover
{
    background-image: url(/images/buttons/greenBtnShadowRoll.gif);
    color: #a6cb75;
}

.featuredProductHeader
{
    width: 242px;
    height: 34px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #b1b1b1;
    background-image: url(/images/sitegraphics/latestNewsShadow.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.featuredProductHeader p
{
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: 600;
    margin-left: 15px;
}

.featuredProductHeader p span
{
    color: #444444;
    font-weight: 500;
}

.featuredProductContent
{
    width: 242px;
    height: 142px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;   
    font-size: 7pt;
    line-height: 11pt;
    vertical-align: top;
    background-color: #f2f2f2; 
    background-image: url(/images/sitegraphics/latestNewContShadow.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.featuredProductContent p
{
    padding-top: 5px;
    padding-bottom: 6px;
}

.featuredProductFooter
{
    width: 227px;
    padding-right: 15px;
    vertical-align: bottom;
    background-color: #f2f2f2;
}

.latestNewsHeader
{
    width: 366px;
    height: 34px;
    background-color: #b1b1b1;
    background-image: url(/images/sitegraphics/latestNewsShadow.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.latestNewsHeader p
{
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: 600;
    margin-left: 15px;
}

.latestNewsHeader p span
{
    color: #444444;
    font-weight: 500;
}

.latestNewsContent
{
    width: 339px;
    height: 105px;
    padding-left: 15px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;   
    font-size: 7pt;
    line-height: 11pt;
    vertical-align: top;
    background-color: #f2f2f2; 
    background-image: url(/images/sitegraphics/latestNewContShadow.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.latestNewsContent p
{
    padding-top: 5px;
    padding-bottom: 6px;
}

.latestNewsFooter
{
    width: 351px;
    padding-right: 15px;
    vertical-align: bottom;
    background-color: #f2f2f2;
}

.eventsHeader
{
    width: 372px;
    height: 34px;
    background-color: #b1b1b1;
    background-image: url(/images/sitegraphics/latestNewsShadow.gif);
    background-repeat: no-repeat;
    background-position: left;
}

.eventsHeader p
{
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: 600;
    margin-left: 15px;
}

.eventsHeader p span
{
    color: #444444;
    font-weight: 500;
}

.eventsContent
{
    width: 345px;
    height: 105px;
    padding-left: 15px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 7pt;
    line-height: 11pt;
    vertical-align: top;
    background-color: #f2f2f2;
    background-image: url(/images/sitegraphics/latestNewContShadow.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.eventsContent p
{
    padding-top: 5px;
    padding-bottom: 6px;
}

.eventsFooter
{
    width: 357px;
    padding-right: 15px;
    vertical-align: bottom;
    background-color: #f2f2f2;
}

/*Sidewide Styles */

#greySpanBarShrt
{
    width: 783px;
    height: 9px;
    background-image: url(/images/sitegraphics/leftGraySpan.gif);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    overflow: hidden;
}

#greySpanBarLng
{
    width: 539px;
    height: 32px;
    background-image: url(/images/sitegraphics/lgGraySpan.gif);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    color: #626366;
    padding-left: 244px;
    padding-top: 25px;
    font-size: 16pt;
    line-height: 19pt;
}

#greySpanBarFull
{
    width: 736px;
    height: 32px;
    background-image: url(/images/sitegraphics/lngGreySlice.gif);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    color: #626366;
    padding-left: 244px;
    padding-top: 25px;
    font-size: 16pt;
    line-height: 19pt;
}

#greySpanBarFullShrt
{
    width: 980px;
    height: 9px;
    background-image: url(/images/sitegraphics/lngShtGreySlice.gif);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}

#greySpanBarLng span
{
    font-weight: 600;
}

#greySpanBarFull span
{
    font-weight: 600;
}

#topLeftGraySlice
{
    width: 242px;
    height: 4px;
    background-image: url(/images/sitegraphics/topLeftGraySlice.gif);
    background-repeat: no-repeat;
    background-position: left top;
    top: 46px;
    position: relative;
}

#rightSideBar
{
    width: 197px;
    margin-bottom: 60px;
    float: right;
    font-size: 8pt;
}

#leftSideBar
{
    width: 242px;
    margin-bottom: 60px;
    float: left;
}

.leftSideBarImage
{
    padding-top: 25px;
    padding-bottom: 7px;
}

.leftSideBarCaption
{
    font-size: 7pt;
    padding-left: 25px;
    color: #AAAAAA;
}

#contentBar
{
    width: 516px;
    float: left;
    padding-left: 25px;
    font-size: 9pt;
    padding-bottom: 25px;
}

#contentBar p
{
    padding-right: 25px;
}

#contentBar a
{
    color: #429ccd;
}

#wideContentBar
{
    width: 688px;
    float: left;
    padding-left: 25px;
    font-size: 9pt;
    padding-right: 25px;
    padding-bottom: 25px;
}

#wideContentBar a
{
   color: #429ccd;
}

#topTempEContainer
{
    width: 197px;
    float: left;
    background-color: #b1b1b1;
}

#bottomTempEContainer
{
    width: 197px;
    float: left;
    background-color: #b1b1b1;
    margin-top: 20px;
}

.rightContentBtn
{
    width: 157px;
    background-color: #b1b1b1;
    background-image: url(/images/buttons/rightContBtn.gif);
    background-position: left top;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    float: left;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: 600;
    text-decoration: none;
    padding-right: 20px;
    line-height: 11pt;
    background-repeat: no-repeat;
}

.rightContentBtn span
{
    color: #444444;
    font-weight: 500;
    font-size: 7pt;
}

.rightContentBtn:hover
{
    background-image: url(/images/buttons/rightContBtnRoll.gif);
    background-color: #f5f5f5;
    color: #7FB539;
}

.rightContentHeader
{
    background-position: left top;
    width: 180px;
    float: left;
    background-image: url( /images/sitegraphics/sidebarGryHdr.gif);
    background-color: #909090;
    background-repeat: repeat-y;
    padding-top: 18px;
    padding-bottom: 12px;
    padding-left: 17px;
    color: #FFFFFF;
    font-size: 10pt;
}

.rightContent
{
	width: 197px;
    background-color: #f6f6f6;
    font-size: 7pt;
    float: left;
    line-height: 10pt;
}

.rightContent p
{
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 10pt;
    padding-bottom: 5px;
}

.rightContent ul
{
    margin-top: 0px;
}

.leftContentHeader
{
    background-position: left top;
    width: 225px;
    float: left;
    background-image: url( /images/sitegraphics/sidebarGryHdr.gif);
    background-color: #909090;
    background-repeat: repeat-y;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    color: #FFFFFF;
    font-size: 10pt;
}

.leftContentHeader span
{
    color: #4d4d4d;
    font-weight: 600;
}

#leftWebinarContainer
{
    width: 212px;
    float: left;
    padding-top: 15px;
    background-color: #e9e9e9;
    font-size: 8pt;
    padding-left: 20px;
    padding-right: 10px;
}

.rightContentHeader span
{
    color: #4d4d4d;
    font-weight: 600;
}

.rightTabButtonContainer
{
    float: right;
    padding-right: 20px;
    width: 177px;
    margin-top: 15px;
}

.leftTabButtonContainer
{
    float: right;
    height: 20px;
    padding-right: 10px;
    margin-top: 15px;
}

.executiveContainer
{
    float: left;
    width: 680px;
    background-color: #474747;
    margin-top: 25px;
}

.executiveContentContainer
{
    float: right;
    width: 650px;
    padding-left: 25px;
    background-color: #ffffff;
}

.newsBlurb
{
}

.newsBlurb h3
{
    margin: 20px 0px 0px 0px;
}

.listHeader
{
    font-weight: 600;
}

.formTextBox
{
    border: 1px solid #86b13f;
    color: #444444;
    font-size: 8pt;
    padding-left: 3px;
    background-color: #f0f0f0;
}

.webinarOrderFormTextBox
{
    border: 1px solid #86b13f;
    color: #444444;
    font-size: 8pt;
    padding-left: 3px;
    background-color: #f0f0f0;
    text-align:center;
}

.regFormTextBox
{
    border: 1px solid #86b13f;
    color: #444444;
    font-size: 8pt;
    padding-left: 3px;
    background-color: #f0f0f0;
    margin-bottom: 7px;
}

.cmsFormTextBox
{
    border: 1px solid #86b13f;
    color: #444444;
    font-size: 8pt;
    padding-left: 3px;
}

#loginBox
{
    width: 377px;
    height: 159px;
    margin-top: 100px;
    margin-left: 45px;
    overflow: hidden;
}

#loginShadowContainer
{
    width: 367px;
    height: 159px;
    float: left;
}

#loginContainer
{
    background-position: 0px 0px;
    width: 367px;
    height: 149px;
    float: left;
    background-color: #f2f2f2;
    background-image: url(/images/sitegraphics/loginContainerShdw.gif);
    background-repeat: no-repeat;
}

#loginBottomShadow
{
    width: 367px;
    height: 10px;
    background-image: url(/images/sitegraphics/loginBtmShdw.gif);
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#loginRightShadow
{
    background-position: 0px 0px;
    width: 10px;
    height: 159px;
    float: right;
    background-image: url(/images/sitegraphics/loginRhtShdw.gif);
    background-repeat: no-repeat;
}

#loginHeader
{
    background-color: #b1b1b1;
    background-image: url(/images/sitegraphics/latestNewsShadow.gif);
    background-repeat: no-repeat;
    background-position: left;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: 600;
    padding-top: 10px;
    padding-left: 15px;
    height: 24px;
    float: left;
    width: 352px;
}

#loginHeader span
{
    color: #444444;
    font-weight: 500;
}

#loginContent
{
    padding-top: 10px;
    padding-left: 16px;
    width: 340px;
    float: left;
    font-size: 8pt;
}

#loginContainer a
{
    color: #86b13f;
}

.alternatingRow
{
    background-color: #EAEAEA;
}

.dataGrid
{
    font-size: 7pt;
    margin-left: -25px;
    line-height: 11pt;
    float: left;
}

.courseCalendarDG
{
    font-size: 7pt;
    line-height: 11pt;
}

.titleField
{
    padding: 4px 10px 4px 10px;
}

.headerRow
{
    background-color: #c7c7c7;
    text-align: left;
    font-size: 8pt;
    height: 25px;
}

.defaultRow
{
    background-color: #f9f9f9;
}

.deleteRow
{
    background-color: Red;
}
.dataGridHeader
{
    height: 24px;
    float: left;
    background-color: #b1b1b1;
    background-image: url(/images/sitegraphics/latestNewsShadow.gif);
    background-repeat: no-repeat;
    background-position: left;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: 600;
    padding-top: 10px;
    margin-left: -25px;
    padding-left: 15px;
    width: 662px;
}

.dataGridHeader span
{
    color: #444444;
    font-weight: 500;
}

.tabList
{
    padding-left: 25px;
}

.tabList span
{
    font-weight: 600;
}

#teritaryImg
{
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}

.legalTitle
{
    font-weight: 600;
    text-decoration: underline;
}

.partnerBlurb
{
    float: left;
    width: 680px;
}

.partnerBlurbImg
{
    float: left;
    width: 132px;
}

.partnerBlurbTxt
{
    float: left;
    padding-left: 10px;
    width: 538px;
}

.requiredStar
{
    color: #7FB539;
}

#courseRpt
{
    width: 500px;
}

.resetButton
{
    width: 66px;
    height: 20px;
    background-image: url(/images/buttons/greyreset.gif);
    background-position: left top;
    float: left;
    background-repeat: no-repeat;
}

.resetButton:hover
{
    background-image: url(/images/buttons/greyreset_roll.gif);
}

.submitButton
{
    width: 66px;
    height: 20px;
    background-image: url(/images/buttons/greysubmit.gif);
    background-position: left top;
    float: left;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.submitButton:hover
{
    background-image: url(/images/buttons/greysubmit_roll.gif);
}

.addButton
{
    width: 66px;
    height: 20px;
    background-image: url(/images/buttons/greyadd.gif);
    background-position: left top;
    float: left;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.addButton:hover
{
    background-image: url(/images/buttons/greyadd_roll.gif);
}

.highlight
{
    background: #FFFF40;
}
.searchheading
{
    font-size: 130%;
    font-weight: bold;
}
.summary
{
    font-size: 80%;
    font-style: italic;
}
.suggestion
{
    font-size: 100%;
}
.results
{
    font-size: 100%;
}
.category
{
    color: #999999;
}
.sorting
{
    text-align: right;
}

.result_title
{
    font-size: 100%;
}
.description
{
    font-size: 100%;
    color: #111111;
}
.context
{
    font-size: 100%;
}
.infoline
{
    font-size: 80%;
    font-style: normal;
    color: #808080;
}

.zoom_searchform
{
    font-size: 100%;
}
.zoom_results_per_page
{
    font-size: 80%;
    margin-left: 10px;
}
.zoom_match
{
    font-size: 80%;
    margin-left: 10px;
}
.zoom_categories
{
    font-size: 80%;
}
.zoom_categories ul
{
    display: inline;
    margin: 0px;
    padding: 0px;
}
.zoom_categories li
{
    display: inline;
    margin-left: 15px;
    list-style-type: none;
}

input.zoom_button
{
}
input.zoom_searchbox
{
}

.result_image
{
    float: left;
    display: block;
}
.result_image img
{
    margin: 10px;
    width: 80px;
    border: 0px;
}

.result_block
{
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}
.result_altblock
{
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}

.result_pages
{
    font-size: 100%;
}
.result_pagescount
{
    font-size: 100%;
}

.searchtime
{
    font-size: 80%;
}

.recommended
{
    background: #DFFFBF;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    margin-top: 15px;
    margin-bottom: 15px;
}
.recommended_heading
{
    float: right;
    font-weight: bold;
}
.recommend_block
{
    margin-top: 15px;
    margin-bottom: 15px;
    clear: left;
}
.recommend_title
{
    font-size: 100%;
}
.recommend_description
{
    font-size: 100%;
    color: #008000;
}
.recommend_infoline
{
    font-size: 80%;
    font-style: normal;
    color: #808080;
}

.courseLabel
{
    display: block;
}

.partnerTbHeader
{
    background-color: #86b13f;
    color: #ffffff;
}

.certifiedTbHeader
{
    background-color: #569bbd;
    color: #ffffff;
}

.benefitTbHeader
{
	color: #ffffff;
    background-color: #444444;
}

.oddCell
{
    background-color: #dddddd;
    vertical-align: top;
    border-right: solid thin #aaaaaa;
}

.oddCellLeft
{
    background-color: #dddddd;
    vertical-align: top;
    border-right: solid thin #aaaaaa;
    border-left: solid thin #aaaaaa;
    text-align: center;
}

.oddCellRight
{
    background-color: #dddddd;
    vertical-align: top;
    border-left: solid thin #aaaaaa;
    text-align: center;
}

.evenCell
{
    background-color: #eeeeee;
    vertical-align: top;
    border-right: solid thin #aaaaaa;
}

.evenCellLeft
{
    background-color: #eeeeee;
    vertical-align: top;
    border-right: solid thin #aaaaaa;
    border-left: solid thin #aaaaaa;
    text-align: center;
}

.evenCellRight
{
    background-color: #eeeeee;
    vertical-align: top;
    border-left: solid thin #aaaaaa;
    text-align: center;
}

.pressRelease p
{
    margin-bottom: 15px;
}

.payables_h1
{
    color: #a6cb75;
    font-size: 18pt;
    font-weight: 500;
    margin-bottom: 7px;
	font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 45 Light";
}

.payables_h2
{
    color: #569bbd;
    font-size: 9pt;
    font-weight: 800;
    margin-bottom: 7px;
	font-family: 'Univers LT Std 65 bold';
}

.payables_h3
{
	color: #b1b1b1;
	font-size: 16pt;
	font-weight: 500;
	margin-bottom: 7px;
	font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 45 Light";
}

.payables_grnvertbar
{
    float: left;
    background-image: url(/images/DPImages/DP_grenvertbar.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2px;
    padding-right: 4px;
}

.filer_func
{
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2px;
    padding-right: 25px;
}

.smalltext
{
    color: #456774;
    font-size: 7pt;
}
.leftnavbutton
{
	padding: 5px;
	margin: 5px;
	border-style: groove;
	border-width: thin;
	color: #7FB539;
	text-decoration: none;
	height: 35px;
	font-size: 14pt;
	font-weight: bold;
	background-color: #EFEFEF;
}
.leftnavbutton:hover
{
	background-color: #DEDEDE;
	color:#555555;
}