/* 
    CSS Document for Directors Guild of America
    by Carolyn Pierce for NTT DATA
*/

BODY {margin:0px; padding:0px;  color:#dbdbff; font-size:12px; background: #000 url(/images/newbg3.png) no-repeat fixed 50% 0 ; font-family:Arial, Helvetica, sans-serif; }

html, body {height:100%; }
a {color:#fff;}
a:link, a:active, a:visited, a:focus, a:hover {text-decoration:none; border:none; outline:none;}

ul, li {margin:0px; padding:0px; /* this is breaking floats position:relative;*/ list-style:none;}
.member-profile ul li {background:url(/images/bullet.png) no-repeat 0 50%; padding:1px 0px 1px 11px; }
.member-profile ol li {list-style:inherit;}
.profileEdit-sub ol li {list-style:inherit;}

a img { border:none;}
table {border-collapse:separate !important;}
table, tbody, tr, td, th { border-spacing:0; padding:0px; margin:0px;  border:0px none !important; }

.clr { width:1px !important; height:1px !important; clear:both !important; float:none !important; background:none !important; border:none !important;}
.clrLeft { width:1px !important; height:1px !important; clear:left !important; float:none !important; background:none !important; border:none !important;}
.clrBoth {clear:both  !important;}

.hidden {display:none !important;}
.pageClr {  clear: both;  display: block;  height: 150px;  width: 100%; float:left; }

hr { border-style: none;    border-color: inherit;    border-width: medium;    background: url(/images/grid_tr_bg.png) repeat-x 0 100%;    width:100%; clear:both; padding-top:10px;}
    .whiteBox hr {padding-top:5px; }
    .relatedGrid hr {border-top: 2px solid #535370; background:none; padding-bottom:5px; padding-top:5px;}

.contentSectionTop p {margin-top:10px; }
/* Headings */
h1,
h2,
h3{ font-weight:normal; margin:0px;}

h1 {font-size:22px; color:#fff;padding-right:10px; }
    .contentSectionTop h1{display:inline;text-transform:uppercase;  }
h2 {font-size:17px; margin-top:5px; }
    .contentSectionTop h2 {display:inline; }

/* special DIN font in gold */
.vhSearch .sectionHeader {font-size:19px; text-transform:uppercase; clear:left; color:#e2d0ab; margin-bottom:5px;padding-bottom:10px;margin-top:0px;}
h4 {font-size:21px; text-transform:uppercase; clear:left; color:#e2d0ab; margin-bottom:5px;padding-bottom:10px;margin-top:10px;}
    .innerContentFullWidth h4 {padding-top:20px; padding-bottom:0px;}
        .innerContentFullWidth .greyBox h4 {padding-top:0px;}
    .alphaFilter span {text-transform:uppercase; font-size:19px; color:#e2d0ab; margin:0px 10px;vertical-align: middle;}

/* special DIN font in purple */
h5 {font-size:18px; text-transform:uppercase; clear:left; color:#9999CC; margin-bottom:0px; padding-bottom:10px;margin-top:10px;}


.innerContentMain h1 { padding-bottom:5px; color:#fff; font-size:24px;display:block;  }
    /* having this float breaks it a lot of places */
    .innerContentMain .whiteBox h1 {float:none; clear:left;}
.innerContentMain > h1,
.innerContentMain > p { margin-bottom:10px;}
.innerContentMain h1.mainItemHeader { padding-bottom:0px;}
.innerContentMain p { margin:0px; padding:5px 0px;}
    .innerContentMain p.checkBoxTerms { margin-left:32px; padding-top:2px; width:90%; padding-right:30px;}
/*.innerContentMain > div > div.boxContentSection { padding: 0 20px; }*/
/* refers only to immediate children of InnerContentMain */
	.innerContentMain > p { padding-bottom:15px;}

h1.articleHeader {font-size:25px; }
.sectionHeader {font-size:21px; text-transform:uppercase; clear:left; color:#E2D0AB; margin-bottom:4px; z-index:1;}
	h2.sectionHeader { font-size:21px; margin-top:0px; padding-top:10px;}
	.whiteBox .sectionHeader {color:#8B1C1C;  font-size:16px; font-weight:bold;}
	.rightContentSection .sectionHeader {margin-bottom:10px; /*display:inline;*/ color:#fff;}
	.topicSearch .sectionHeader {margin-bottom:0px; }
	.greyBox .sectionHeader {color:#fff;}
	.mainItemCapacity .sectionHeader,
	.mainItemlocation .sectionHeader { text-transform:none; display:inline;}
	.paymentGateway .sectionHeader, 
	    .manage-checking-accounts .sectionHeader, 
	    .reportEarnings .sectionHeader { text-transform:none; }    
	.overview-sub .sectionHeader, .profileEdit-sub .sectionHeader, .printemailprefs-sub .sectionHeader, .innerContentSide .settingsBox .sectionHeader {text-transform: none;} 
	.innerConten .sectionHeader, .innerContentWide .sectionHeader{text-transform:none;}
	.paymentGateway table { margin: 0 auto; }
	.paymentGateway table th.update-total-button a {float: left;}
	.paymentGateway .formRow { width: 580px; margin: 0 auto; }
	.paymentGateway .add-manage-accounts-btn .subtitle { margin-bottom: 6px; }
	.paymentGateway .add-manage-accounts-btn { left: 40px; }
	.paymentGateway div.sectionHeader, .paymentGateway h1, .paymentGateway .expandableContent .toggleMore {margin-left: 15px;}
	.manage-checking-accounts div.sectionHeader, .manage-checking-accounts h1, .manage-checking-accounts .expandableContent .toggleMore{margin-left: 15px;}
	.manage-checking-accounts table { margin: 0 auto; }
	.manage-checking-accounts .formRow, .manage-checking-accounts.innerContentMain p { width: 580px; margin: 0 auto;}
	.manage-checking-accounts.innerContentMain p.checkBoxTerms {margin-left:32px; padding-top:2px;  width: 90%;}
	.manage-checking-accounts .basicSelect .newListSelected div { width: 243px; }
	.manage-checking-accounts .basicSelect .newListSelected, .manage-checking-accounts .basicSelect ul.newList { width: 283px; }
	.manage-checking-accounts > div > div.boxContentSection > div:nth-child(3) > div.sectionHeader { margin-bottom: 17px; }
	.manage-checking-accounts > div > div.boxContentSection > div:nth-child(3) > div:nth-child(10) > label { margin-top: 7px; }
	.faq-expand-all {padding: 0 10px !important;}
	.faq-content {padding-top: 5px !important;}
	.rsvpEventName {color: #8b1c1c;}
	div.formRow.BringGuest > label {margin-top: 6px;}
	div.formRow.addtoCalendarCheckBox > label {margin-top: 6px;}
	div.formRow.addtoCalendarCheckBox input {margin-top: 5px;}
	
	.employersSearchTop .whiteBox{margin-bottom: 10px;}
	.employersSearchFilter .whiteBox{margin-bottom: 10px;}
	.employersSearchFLTTA .whiteBox{margin-bottom: 10px;}
	.employersSearchNCA .whiteBox{margin-bottom: 10px;}
	.employersSearchTop .sectionHeader{text-transform: none;}
	.employersSearchFilter .sectionHeader{text-transform: none;}
	.employersSearchFLTTA .sectionHeader{text-transform: none;}
	.employersSearchNCA .sectionHeader{text-transform: none;}			
	.employersSearchTop .step{background: url(/images/bg_step_red_80.png) no-repeat;}
	.employersSearchFilter .step{background: url(/images/bg_step_red_80.png) no-repeat;}
	.employersSearchFLTTA .step{background: url(/images/bg_step_red_80.png) no-repeat;}
	.employersSearchNCA .step{background: url(/images/bg_step_red_80.png) no-repeat;}
	.employersSearchFLTTA .contentColumn .sectionSubHeader {font-weight: bold}
	.employersSearchNCA .contentColumn .sectionSubHeader {font-weight: bold}
	.employersSearchFLTTA div.ez-checkbox-lg + label {position: relative; top: 7px;}
	.employersSearchNCA div.ez-checkbox-lg + label {position: relative; top: 7px;}
	.employersSearchFilter .sectionHeader {margin-top: 11px !important; margin-right: 16px !important;}
	.employersSearchFilter.innerContentWide .pageNav {width: 972px;}
	.employersSearchFLTTA .columnDivider, .employersSearchNCA .columnDivider{font-weight: bold;}
	
	.rsvpConfirmCancel div.ez-checkbox-lg + label {font-weight:bold;}
	
	div.overlayBoxHeader.email-request-header { display: block; margin-bottom: 16px;}
	.report-request-form-column >div >label {font-weight: bold;}
.step {float: left; clear:left;text-transform: uppercase;font-size: 21px;color: #FFFFFF;background:url(/images/bg_step.png) no-repeat;width:30px; height:25px; text-align:center; padding-top:5px; display:block; float:left; margin-top:-5px; margin-right:10px;margin-bottom: 5px;}
.pageNav .step {padding-left:0px;}
	
.sectionSubHeader2{font-size:14px; text-transform:uppercase; color:#fff; padding:2px 0px; margin-bottom:15px;}	
	
.sectionSubHeader {font-size:17px;  text-transform:uppercase;clear:left; color:#fff; margin-bottom:5px; margin-top:20px; font-weight:normal; }
    .whiteBox .sectionSubHeader {color:#333; }
    .lightBox  .sectionSubHeader{margin-top:10px; }
        .contentColumn .sectionSubHeader,
        .contentColumn .lightBox  .sectionSubHeader {margin-top:0px; }
 .sectionSubTitle {font-size:15px;  text-transform:uppercase;clear:left;  margin-bottom:5px; margin-top:20px; font-weight:normal; color:#fff;}       
    .whiteBox .sectionSubTitle {color:#333; }
    
.categoryHeader { font-size:28px; margin-bottom:0px; position:relative; }
/*
h1.itemHeader {color:#fff;font-size:21px;text-transform:uppercase; padding:0px; }*/
.issueColumn h1.itemHeader { /*clear:left;padding-top:15px; padding-left:16px;*/}
h2.itemSubHeader {    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px; color:#000; margin-top:0px;}
    .vhLanding h2.itemSubHeader {font-size:17px; font-weight:normal; margin-bottom:11px;}
.issueColumn h2.itemSubHeader {/*padding-left:16px; padding-top:-3px;*/}

.add-bottom-margin {margin-bottom: 15px; }
.va-helper { display: inline-block; height: 100%; vertical-align: middle; }
.tblReportedEarnings .adjust-label label { margin-top: 7px; }
.tblReportedEarnings .accountFocus { margin-bottom: 10px; display: block; }
.white-select td.ajax__combobox_textboxcontainer input{ background: url("/images/bg_textbox_lg.png") no-repeat scroll left top !important; color:#000;}
.white-select ul li, .white-select ul { background-color: #737399 !important; }
.tblReportedEarnings {padding: 0px 20px 0 20px;}
.tblReportedEarnings .add-button { margin-right: 10px; }
.overlay {display:none; position:absolute; top:0px; left:0px; background:url(/images/overlayBG.png) repeat;  z-index:9999; }

.overlayInner { position:relative; background:url(/images/bg_accounts_popup.png) no-repeat 0 0; width:610px; margin:0px; padding:15px; -moz-border-radius:5px; }
    #ReportRequest .overlayInner {margin:50px auto 0px auto; }
.overlayInner {
    color: #333; 
    background-image: none;
    background-color:#fff;
    border-radius: 5px;
}
.overlayInner div.overlayBoxHeader {color: #8b1c1c; font-size: 22px; padding-right: 10px;  text-transform: none;}
.overlayInner .subtitle {color: #333};
.overlayInner a{ color: #49497C; text-decoration: underline; }
.overlayInner .btnCancel {background: url(/images/box_grey_bg.png) repeat 100% 0; border-radius: 5px;}
    .overlayInner .btnCancel span,
    .overlayInner .btnReset span,  
    .overlayInner .btnResetForm span{background:none;}    

.reportEarnings,
/*.pnlAddWork {background:#000000 url(/images/bg_accounts_popup.png) no-repeat; width:610px; position: relative; z-index: 999; margin: 0 auto; padding:25px; top:50px; }*/
.pnlAddWork {
    width:610px; 
    position: relative; 
    z-index: 1; /*changed by MS from 999: 10/16/2014*/
    margin: 0 auto; 
    top:10px; 
 }
.pnlAddAvailability {}


.headerLinks {
    /*height:59px; */
    width:100%;  
    z-index:500; 
    position:relative; 
    /*changes to accomodate alert*/
    margin-bottom: 19px;
    /*height:50px; */
    /*background:transparent url(/images/bg_subheaderinner.png) no-repeat 50% 49px;*/ 
 }
 .headerSubHeaderDivider {height:1px;background:transparent url(/images/bg_subheaderinner.png) no-repeat 50% 0; width:100%;}
.member-alert-container {
    width: 980px;
    margin: 0 auto;
    padding-top: 18px;
    height: 22px;
    position: relative;
    color: #ed1c24;
    top: -7px;
}
.member-alert-text {
    /*width: 760px;*/
    float: right;
    font-size: 13px;
    text-align: center;
    margin-top: 7px;
    border: #ed1c24 1px solid;
    padding: 9px 12px;
    background-color: #000;
}

/* This is the MyDGA overlay when logged in */
.headerLinksOn {z-index:1001; height:500px; width:968px; background:url(/images/my_dga_menu_flyout.png) no-repeat top left; position:relative; margin:0px auto; padding:25px;}
.headerLinksOn .headerLinksContainer {padding-bottom:9px;}
.headerLinksContainer {width:980px; margin:0 auto; padding-top:10px; height:20px;  font-size:11px; color:#fff;position:relative;}
.headerLinksContainer a{color:#dbdbff;  }
.headerLinksRight {float:left; font-weight:bold; width:100px; margin-left:12px;}
.headerLinksLeft {overflow:visible; position:relative; z-index:500;}

a.dgaEmblem span { display:none;}
a.emblemLogo {position:absolute; background:url(/images/dga_emblem_cp_xsm.png) no-repeat top left; width:95px; height:90px; left: 0px; text-indent:-999px; z-index:500; }
a.dgaqemblemLogo {background:url(/images/DGAQuarterlyLogo.png?a=1234) no-repeat top left; width:120px; height:95px; left: 0px; text-indent:-999px; z-index:500; margin-left:10px;}

/*.newHomepage a.emblemLogo {position:absolute; background:url(/images/dga_emblem_cp_sm.png) no-repeat top left; width:116px; height:110px; left: 20px;}*/


.welcomeUser {float:left; font-weight:bold; padding-right:20px;}
.welcomeLinks {width:700px; float:right; font-size: 12px; text-align:right; margin-top: 7px;}
.welcomeLinks a {display:inline-block; position:relative;}
.headerLinksLeft img {float:left; z-index:500;}
.welcomeLinks a, 
.headerLinksOn .headerLinksRight a {padding:0px 5px 0px 5px; border-left:1px solid #63637A; }

.myDGA {float:right; height:22px; width:74px; background:url(/images/mydga_bg.png) no-repeat top left; padding-top:8px; margin-top:-5px; margin-left:12px;}
.myDGA a {font-size:11px; font-weight:normal; padding-left:23px; color:#fff; }

.signIn {float:right; height:30px; width:176px; background:url(/images/btn_sign_in.png) no-repeat top left;margin-top:-5px; margin-left:12px; display:block; padding:0px; cursor:pointer; }
.signIn a {height:30px; width:176px; display:block; border:none; padding:0px;}
.signIn a span{display:none;}


/* My DGA Login Panel */
.myDGAPanel { margin:0px auto; z-index:1001; height:188px; width:1018px; background:url(/images/mydga_login_panel.png) no-repeat top left; position:relative;}
.panelContainer p {clear:both;  font-size:12px; line-height:16px; margin:10px 0px 0px 0px;}
.panelContainer {float:left; width:750px; margin:25px 0px 0px 200px;}
.welcomeMyDGAHeader {float:left; margin:0px 0px 8px 0px; height:26px; width:268px; background:url(/images/welcome_my_dga.png) no-repeat top left; clear:both;}
.forgotPassword {padding-top:7px; display:block; float:left; clear:left; }

.loginPanel table{clear:left;}
.loginUserName {float:left; margin-right:8px;width:240px;}
.loginPassword {float:left; margin-right:8px;width:240px;}
.loginButton {float:left; margin-right:8px;width:200px; padding-top:25px;}

/* Forms and Inputs */
.chformRow { clear:both; display:block;  padding:5px 0px; /*height:40px;  position:relative; */}
	.filterOptions .chformRow {padding-top:5px;}
	
.formRow { clear:both; display:block;  padding:5px 0px; /*height:40px;  position:relative; */}

	.filterOptions .formRow {height:20px; padding-top:5px;}
	    .topicSearch .filterOptions .formRow {height:25px; }
	.feedbackForm .formRow {height:auto; font-weight:bold; font-size:14px; color:#fff;}
	.feedbackForm table.formRow { width:500px; padding-bottom:0px; padding-top:0px; float:left; height:40px; font-weight:normal; font-size:13px; }
	.feedbackForm table.formRow tr {width:500px;}
	.feedbackForm table.formRow td { width:100px; }
	.accountViewSettings .formRow,
	.innerContentHalf .accountSettings .formRow { width:430px; height:auto; float:left; margin:5px 0px; padding:0px; }
		#resetPassword .accountSettings .formRow { width:auto;}
	.formColumn { width:50%; float:left; margin:0px; position:relative;}
	/* too general and interfering. Make more specific.*/
	.formColumn table.fakeTable { width:270px;}
 	.formRow table.fakeTable td {height:30px; padding-right:20px; }


	.reportEarningsForm .formRow {width:920px; position:relative; clear:left; z-index:1;}
	/*.accountSettings .formRow {width:500px;}*/
	    .accountSettings .lightBox .formRow {width:430px;}
	.overlayInner .formRow {width:610px;}
	    #editAddress .editAddress .formRow {width:800px; padding:0px; margin: 3px 0 0 50px;}

	        .phoneFields {margin-top:20px;}
	    #editAddress .editAddress .lightBox .formRow {width:500px; padding:5px;}
	    #editAddress .editAddress .lightBox .companyRow {width:340px; padding:5px;}
            #editAddress .editAddress .companyRow .textbox {width:235px; }	    
	    
	.reportEarningsForm .last .fakeTextBox,
	.formRow .last > a,
	.formRow .last > div,
	.formRow .last > ul,
	.formRow .last > input {margin-left:10px !important}
	.formRow .last > label {margin-left:10px;}
	.settingsViewRow {padding-top:5px;}

.selectRow {clear:both; display:block;  padding:0px;}	
	
.reportEarningsForm .formRow .last > div {left:10px !important; margin-left:0px !important;}
	.overlay .formRow .last > div,
	.overlay .formRow .last > ul,
	.overlay .formRow .last > input {margin-left:14px !important}
	.overlay .formRow .last > label {margin-left:14px;}

.formSet {display:inline-block; margin-right:5px;}	
	
.availDropdown {z-index:102; display:block;}
.calendarRow {z-index:101; display:block; width:615px;}

.reportWorkRow { width:615px;}
	
.formDivider { text-align:center; padding:10px 0px; clear:both; color:#d29818;}
	.lightBox .formDivider { padding:0px;}
.columnDivider { text-align:center; padding:8px; float:left;color:#d29818; width:25px; font-size:17px; }

.threeQuarterRow {width:70%; clear: both; }
    .mailContact .threeQuarterRow {width:80%;}
    .settingsBox .threeQuarterRow {width:65%;}

.halfRow { width:50%; float:left;}

.lastHalf { width:48%; float:right; }

.thirdRow { width:34%; float:left;}
.lastThird { width:32%;  }

.contactRow {width:158px; float:left; margin-right:10px;}
    .contactRow .fakeTextBox {width:115px; margin-bottom:5px; height:14px; line-height: 14px; }
    
.forthRow { width:24%; float:left; margin-right:1%;}
.lastForth { width:25%; float:left; margin-right:0%;}

.assocMail {width:38%; float:right; margin-top:10px; }

.addressBoxRow {padding-bottom:0px; width:326px; margin-bottom:5px;}

.accountPublicInfo {background:transparent url(/images/icon_share.gif) no-repeat 0 6px;color:#fff; font-weight:bold; padding:5px 0px 5px 20px; clear:both;}
    .editAddress .accountPublicInfo {margin:10px 0px;}
    .whiteBox .accountPublicInfo {color:#333;}
.isPublic {background:transparent url(/images/icon_share.gif) no-repeat 0 0px; width:22px; float:right; padding-left:20px;}
.publicCheckbox {background:transparent url(/images/icon_share.gif) no-repeat 0 6px; width:22px; float:right; padding-left:20px; height:22px;}
    .mailContact .publicCheckbox {margin-left:8px; float:left; }
    .thirdRow .publicCheckbox { margin-right:5px;}
    .lastThird .publicCheckbox { margin-right:0px;}
    .settingsRow .publicCheckbox {background:transparent url(/images/icon_share.gif) no-repeat 0 4px; float:left; margin-left:5px; }

        .healthSettingsRow .publicCheckbox {background:transparent no-repeat 0 4px; float:left; margin-left:5px; }

.isPublic {width:20px; height:15px; padding:0px; display:block;}
    .thirdRow .isPublic {margin-right:20px;}
    .settingsViewRow .isPublic {margin-top:4px;}

/* This is the gray text that floats to the right of form rows */
.accountFormNote { float:right; width:300px; color:#666;padding-top:18px; }
.accountAddress { color:#ccc; line-height:25px; float:left; margin-left:5px; }

/* Validation Error Classes */
.formError { color:#f52020;padding:3px 0px; clear:left; display:inline; font-weight:bold;}
    .accountPayment .formError { clear:both; display:block; }
    .formRow .formError {padding:5px 0px; display:block;} 
    .formError p { margin:0px;}
    .newEmployerSearch .formError {margin-bottom:10px; display:block;}
    .editAddress .formError {display:block; line-height:24px; margin-left:10px; float: right; text-align: right; width: 260px; padding:0px;}

.formText { color:#f52020;padding:0px 0px; clear:left; display:block; font-weight:bold;}
    .formRow .formText {padding:0px 0px;}
    .editAddress .formText {display:block; line-height:24px; margin-left:0px; float: right; text-align: left; width: 260px; padding:0px;}
    
.alert {color:#f52020}
.duesMembershipAnnouncement {font-size:18px; color:#f52020; width:400px; margin-top:10px; float:left;}
.take2Error {font-size:18px; color:#f52020; display:block; clear:both;}
.loginMessage {color:#f52020; font-size:21px; clear:left; margin-bottom:4px; }

/* This is the orange text that alerts to important info in the account section */
.accountMessage { color:#8b1c1c; padding:3px 0px; clear:left; display:block;}
    .whiteBox .accountMessage {color: #8B1C1C;}
    .assocMail .accountMessage {padding-top:0px;}
    .accountPayment .accountMessage { clear:both; text-align:right;}
    span.accountMessage {display:inline;}
    .black-type { color:#333; }
    .red-brown-type { color:#8b1c1c !important; }
    .bold-type { font-weight:bold !important; }
.accountLegend {color:#d29818; font-style:italic;} /*was #d29818*/
.accountFocus {color:#8b1c1c; font-weight:bold; margin-bottom: 10px; display: inline;} /*was #d29818*/
.accountReq {color:#d29818; font-weight:bold; margin-left:3px;} /*was #d29818*/
.reportWork_sub .accountReq {color:#8b1c1c;}
.reportWork_sub .formColumn.last label {margin-left: 14px;}
label { height:22px; vertical-align:middle; display:block; }
    .editAddress label  {display: block; line-height:24px; width:150px; float:left;}
        .editAddress .lightBox label {width:80px; }
    .mailPref label {display: inline; line-height:24px;}
    .mailPref label {color: #333;}
    .alphaFilter label {display:inline; margin-right:20px; font-size:19px;}
    .whiteBox Label {font-weight:bold;}
    .reportWork_sub .whiteBox Label {margin-left:3px;}
    .reportWork_sub .messageBox {margin-top:0px; width: 590px !important; box-shadow: 1px 1px 6px -1px #666;}
label.smallLabel {/*font-size: 11px; */line-height: 24px;}
    .filterOptions label {display:table-cell;}
    .loginPanel label.username { color: #8b1c1c; float:left; margin-top:5px;}
    .loginPanel label.password { color: #8b1c1c; float:left; margin-left:180px; margin-top:5px; }
	label.leftLabel {float:left; width:120px; margin-right:25px; }
	.accountSettings  label { margin-top:0px; float:left; width:auto; color:#D29818;}
	    .whiteBox .accountSettings label {color:#333;margin-right: 0px;}
		.innerContentHalf  .accountSettings label { margin-top:0px; }
	.settingsRow label {float:left; /* made more narrow in order to work with Basic Contact Info box width:78px;*/ width:60px; padding-top:4px; padding-right:10px; height:18px; }

    	.healthSettingsRow label {float:left; /* made more narrow in order to work with Basic Contact Info box width:78px;*/ padding-top:4px; padding-right:10px; height:18px; }

	    .accountSettings .settingsRow label {width:110px; color:#D29818;}
	        .whiteBox .accountSettings .settingsRow label {color:#333;}
	        .accountSettings .lightBox .settingsRow label {width:140px;}
	        /*.accountSettings .settingsRow .subscriptions label {color:#DBDBFF;}*/
	    .accountSettings .settingsRow .subscriptions label {width:auto;}
	    .settingsViewRow label {width:100px; color:#D29818;}
	        .whiteBox .settingsViewRow label {color:#333;}
	    .emailViewRow label {float:none; margin-bottom:5px;}
	    
	.accountSettings label.notOption { margin-top:10px; float:left; width:auto; height:25px; vertical-align:middle; display:table-cell; color:#666; background:none;}
	.categoryLabel,
	label.categoryLabel {color:#F6E4B8; text-transform:uppercase; color:#d29818;}
	.whiteBox label.categoryLabel {color:#333333; font-weight:bold; height: 22px;}
	.employerSearch ul label {font-size:11px;}
	.reportEarningsForm label {width:440px; float:left; margin-top: 6px;} 
	.selectRow label {height:22px; vertical-align:middle; display:table-cell;}
	.reportEarningsForm .btnLeft { float: left; clear: both; margin-top: 20px; }
	
.errorMessage2 {display:table-cell; vertical-align: middle;padding-top: 4px;color: #F52020; font-weight:bold; padding-left:20px; float:left; clear:left;}		
/*.errorMessage {display:table-cell !important; vertical-align: middle;padding-top: 4px;color: #F52020; font-weight:bold; padding-left:20px;}	*/
.errorMessage {display:table-cell; vertical-align: middle;padding-top: 4px;color: #F52020; font-weight:bold; padding-left:20px;}	

input {border:none; color:#000; font-size:12px;}
.loginPanel input {float:left; margin-right:8px;}

.textbox {border: none; border-right:1px solid #C5C5C5; background: url(/images/bg_textbox_lg.png) no-repeat left top; height:16px; line-height:16px; padding:2px 6px 4px 6px; color:#000; font-size:13px;  width:284px; z-index:1;}

    .overlayInner .textbox { width:590px; float:left;}
        #editAddress .editAddress .textbox { width:460px; float:none; height:22px;}
    .feedbackForm .textbox { width:290px;}
	.innerContentHalf .textbox { width:432px; margin-left:0px; clear:both; }
	.settingsRow .textbox { margin-top:0px;  width:290px; clear:none; float:left;}
	.loginPanel input.textbox { width:220px; height:23px; /*padding:5px 10px 4px 8px;*/ }
	
	.formColumn .textbox {width:270px; clear:left; margin-left:0px; float:left; position:relative;}
	    .overlayInner .formColumn .textbox {width:271px; }
	
	.contentColumnLeft .textbox {width:280px; clear:left; margin-left:0px;}
	    .contentColumn .lightBox .settingsRow .textbox {width:220px; clear:none;}
	.contentColumnRight .textbox {width:280px; clear:left; margin-left:0px;}
	
	.reportEarningsForm .textbox { width:428px; }
	
	/* used on employers / employersSearch.aspx */
	.employerSearch .textbox {width:420px;}
	.employerSearch .lightBox .textbox {width:400px;}
	.employerSearch .threeColumns .lightBox .formRow .textbox,
	.employerSearch .lightBox .halfRow .textbox {width:180px; height:18px; padding-top:8px; border: #aaa 1px solid;}
	.employerSearch.newEmployerSearch .contentColumns {padding: 0 0 0 40px;}
	
	/* reworked version of employerSearch.aspx */
	.employerSearch2 .textbox {width:284px;padding: 2px 5px 2px 5px; height:26px;}
	
	.memberDirectory .textbox {width:180px;padding: 2px 5px 2px 5px; height:26px;}
	
    #editAddress .editAddress .textbox {width:268px; float:left; height:16px; line-height: 14px;    padding-top: 3px;}

	.forthRow .textbox,
	.lastForth .textbox {width:138px;}
	
	.halfRow .textbox {width:190px;}
	    #editAddress .editAddress .halfRow .textbox {width:145px; float:right;}
	
	.lastHalf .textbox {width:200px;}
	.overlayInner .overlayGrid .textbox { height:23px; width:110px; text-align:right; padding-top:7px;}    
    
/* used on foreign levies /non member registration / manage titles. must be 560px to line up with formcolumns */
.textboxFull { width:560px; }
.textboxLg { width:445px; margin-left:25px; float:left;height: 40px;padding-top: 0px;padding-bottom: 0px;}
.textboxFullRow { width:588px; }

.dbSearch .textboxLg {margin-left:0px;}

.fakeTextBox {border: none; border-bottom:1px solid #D9D9D9;  border-right:1px solid #D9D9D9; cursor:not-allowed;background: url(/images/bg_fakeTextBox.png) no-repeat left top; height:16px; line-height:14px; padding:3px 6px;  color:#fff; }	
.paymentGateway .fakeTextBox {width: 284px;
     float: right;
    margin-right: 3px;
}
	.whiteBox .fakeTextBox {color:#333; background: url(/images/bg_fakeTextBoxWhite.png) no-repeat left top; }
	.accountSettings .fakeTextBox { width:435px; margin-left:0px; float:right;}
	.innerContentHalf .fakeTextBox {width:auto; margin-left:0px; clear:both; }
	.settingsRow .fakeTextBox { margin-top:0px;  width:290px; clear:none; float:left;}
	    .lightBox .settingsRow .fakeTextBox {width:220px;}
	    .settingsViewRow .fakeTextBox { margin-top:0px; width:145px;  clear:none; float:left;}
	    .emailViewRow .fakeTextBox { width:250px; }
	        .threeQuarterRow .settingsViewRow .fakeTextBox {width:235px;}
	.thirdRow .fakeTextBox {margin-right:5px;}
	    .lastThird .fakeTextBox {margin-right:0px;}
	.reportEarningsForm .fakeTextBox { width:420px; display:block;  padding:6px 10px 1px; float: left;}
	
	
.fakeMessageBox {cursor:not-allowed;border: none; background: url(/images/bg_fakeMessageBox.png) no-repeat left top;    padding: 6px 0px 6px 10px;    color:#fff;  }	
    .whiteBox .fakeMessageBox {color:#333;}
.fakeAddressBox {cursor:not-allowed;border: none; background: url(/images/bg_fakeMessageBox.png) no-repeat left top;    padding: 5px 0 7px 7px;    color:#fff; width:285px; }	
    .whiteBox .fakeAddressBox {color:#333;}
.addressField {width:200px; float:left;}

.messageBox {font-family:Arial,Helvetica,sans-serif; border: none; background: url(/images/bg_messagebox.png) no-repeat left bottom; width:300px; height:90px; padding:10px 0px 0px 10px; color:#000; font-size:13px; float:left; clear:left; margin-top:10px; margin-bottom:10px;}

.searchbox {border: none; background: url(/images/bg_textbox_lg.png) no-repeat left top;    height:26px; padding:2px 0 2px 5px;  color:#000; font-size:12px; width:230px; float:left; }
.searchBttn { width:43px; height:30px; float:left;}
.searchBoxLg {border: none; background: url(/images/bg_textbox_lg.png) no-repeat left top;    width:532px; padding:12px 0px 0px 8px; height:28px; font-size:16px; color:#000; float:left;}
.searchBttnLg { width:40px; height:40px; float:left; background:url(/images/bg_textbox_searchBttnLg.png) no-repeat left top;}

.memberSearchBox  { height:34px; margin-bottom:15px;}
.memberSearchBox input{ float:left; margin:4px 0px;}
.memberSearch {height:24px; width:210px; padding:4px 0px 2px 6px;  font-size:12px; background: url(/images/bg_textbox_lg.png) no-repeat left top; }
.searchHelpText {color: #f52020; padding: 10px; top: -7px; position: relative; font-size: large; }
.subHeaderInnerContainer .memberSearchBox { float:right; width:165px; padding-top:0px;}
.subHeaderInnerContainer .memberSearch {width:115px;}

#go_btn { padding:0px; width:51px; float:left;}

/* Filter used in Awards / Explore */
fieldset { border:none; margin:0px; padding:0px;}
.filterOptions { clear:left; padding-bottom:15px;}
.innerContentSide .filterOptions { padding-bottom:25px;}
.filterTitle { font-weight:bold; padding-bottom:2px; float:left;}
	.coordinatingList .filterTitle { width:200px;}
	.committeesList .filterTitle { width:430px;}

.formLegend {/* make font size consistent  font-size:11px;*/ padding-bottom:5px; clear:left; padding-top:5px; /* this makes multi-line legends look weird line-height:24px;*/}
	.accountLinks .formLegend { padding-bottom:0px; padding-top:10px; font-size:12px; }
	.accountSettings .formLegend { padding-bottom:0px; padding-top:10px; font-size:12px; }
.filterOptions .checkbox {margin-top:0px; margin-right:5px; }
.filterOptions .formRow label{ line-height:normal; color:#fff;}

.myDGAPanel .closeButton {margin:25px 25px 0px 0px;}

/* Centerpiece */
.cpHeader {position:absolute; top:0px; left:0px; width:100%; height:60px; z-index:99; background:#000 url(/images/slider_header_bg.png) repeat-x top left;}
.cpInnerContainer {width:905px; margin:0 auto; padding-left:335px;}
.cpInnerContainer img {float:left;}
.cpInnerContainer a {float:left; padding:18px 6px 0px 6px; font-size:13px; text-transform:uppercase;}

.headerSubHeader {width:100%; height:40px; z-index:101; background:transparent url(/images/slider_header_bg.png) repeat-x top left;position:relative; }
.subHeaderInnerContainer {width:860px; margin:0 auto; padding-left:120px; height:40px;   }
    .newHomepage .subHeaderInnerContainer {padding-left:120px; width:775px; }
.menuEmployers {}
.subHeaderInnerContainer a.menuEmployers cufon {cursor:default !important;}

.subHeaderInnerContainer a {float:left; padding:14px 10px 14px; font-size: 14px; color:#dbdbff;  text-transform:uppercase;}
    .newHomepage .subHeaderInnerContainer a {}

.subHeaderInnerContainer a.active,
.homepage .subHeaderInnerContainer a { width:auto; color:#fff;}

.subHeaderInnerContainer a.active {background:none;}

.mainMenu li{ position:relative; float:left; height:55px; }
.mainMenu li:hover ul { display:block;}
.mainMenu ul {display:none; position:absolute; background:url(/images/submenubg.png) no-repeat 0 0;  z-index:1001; top:40px; left:0px; margin-left:-15px; padding: 10px 20px 15px 10px; width:170px; -moz-border-radius: 0 0  5px 5px;}
    .homepage .mainMenu ul {background:url(/images/homepagemenubg.png) repeat; }

.mainMenu ul li { height:auto; float:none; clear:left;}
.subHeaderInnerContainer .mainMenu ul a { padding:5px 10px 5px 10px; background:url(/images/infolink.png) no-repeat 0 6px; margin-left:10px; font-size:13px; color:#fff; }

.cpSearch {float:right; height:31px; width:150px; margin-top:12px; margin-left:4px; background:url(/images/cp_header_search.png) no-repeat left top;}
.cpSearchBox {float:left; width:100px; margin-top:6px; margin-left:12px; background-color:Transparent; border:none;  font-size:12px; color:#333333;}
.cpSearchBtn {float:left; margin-top:5px; margin-left:6px;}



.centerPieceContainer {display:block; position:relative; width:100%; height:452px;  z-index:1; top:-56px; float:left;}
.cpSlideContainer {position:relative; width:100%; height:452px; /*display:none;*/ background:#000;}
.cpLeftControls {cursor:pointer; position:absolute; z-index:101; left:10%; top:165px; height:60px; width:33px; background:url(/images/left_scroll_arrow.png) no-repeat top left;}
.cpRightControls {cursor:pointer; position:absolute; z-index:101; right:10%; top:165px; height:60px; width:33px; background:url(/images/right_scroll_arrow.png) no-repeat top left;}
.cpActiveImage {height:452px; overflow:hidden; position:relative; width:auto; }
.cpActiveImageOverlay {background:url(/images/cp_mask.png) no-repeat 50% 0; 
height:452px; width:100%; position:relative; margin:0 auto; z-index:100; position:relative; }
.cpActiveImageContainer img {float:left;}
.cpActiveImageContainer {position:absolute; top:1px; height:450px;   }

.cpLedger {position:absolute; top:350px; left:0px; z-index:100; width:100%; height:101px; background:url(/images/ledger_bg_new.png) repeat-x left top;}
.cpLedgerContainer {width:760px; margin:15px auto 0 auto; display:none; position:relative;}
.ledgerTitle {font-size:26px; color:#fff; position:relative; text-transform:uppercase; }
.ledgerCopy { font-size:12px; position:relative; color:#dbdbff; }

/* Lower Contents */
.lowerContentContainer {width:980px; margin:0 auto; position:relative; top:-56px; }
.whatsNewHeader {clear:both; padding:5px 5px 0px 5px; 	font-size: 18px; text-transform:uppercase; color:#fff; }
.oldWhatsNewHeader {clear:both; padding:0px 0px 20px 0px; 	font-size: 28px; text-transform:uppercase; }

.recentUpdates {width:640px; float:left; }
    #newHomepage  .recentUpdates {width:502px; float:left; }
.recentUpdates .largeGridItem {float:left; width:200px; margin-right:10px; clear:none; height:auto; padding-top:0px; position:relative;}
    #newHomepage .recentUpdates .largeGridItem {margin-right:14px;margin-left:0px;width:158px;  }
.recentUpdates .largeGridItem .itemTitle { margin-top:10px; font-size: 17px;}
    #newHomepage .recentUpdates .largeGridItem .itemTitle { margin-top:0px;  margin-bottom:0px; font-size: 15px; font-weight:bold; float:left; clear:left;}
.recentUpdates .largeGridItem .itemSubTitle {  margin-top:0px; }
.recentUpdates .largeGridItem p {margin-top:6px;}
.largeGridItem a { display:block;}
.recentUpdates .largeGridItem img { float:none;}

.currentNews {width:620px; float:left; margin-top:10px; clear:left;}
    #newHomepage .currentNews {width:662px; }

/*  MyDGA overlay */
.welcomeText { width:930px; margin:0px 0px 15px 0px;}
.welcomeText p { margin:0px;}
.upcomingEvents {width:620px; float:left; margin-top:10px; margin-left:0px;}

.nextMeeting {float:right; margin:0px; clear:right;}
.nextMeeting .greyBox {width:320px; }
.closeButton {float:right; height:20px; width:20px; background:url(/images/mydga_close.png) no-repeat top left; margin:2px 0px 20px 0px; cursor:pointer;}

/*  .nextMeetingHeader {float:left; clear:both; margin:5px 0px 15px 0px; width:161px; height:16px; background:url(/images/next_meeting.png) no-repeat top left;} */

.memberNewsContainer {float:left; width:270px; margin:5px 0px 5px 20px; padding-bottom:15px;}
.memberNewsContainer img {float:right; padding:4px;}
/*  .memberNewsHeader {clear:both; margin:10px 0px 15px 0px; width:151px; height:16px; background:url(/images/member_news.png) no-repeat top left;}*/

/* position: relative on contentSection breaks employerSearch page for some reason */
.personSection{margin:12px 0px 25px 0px ; clear:left;}
.contentSection {padding:10px 0px; margin:0px; clear:left; /*position:relative; z-index: 101; display:block; overflow:visible; left:0px; top:0px;*/ }
    .contentSectionTop {padding-top:0px;}

     .innerContentFullWidth .contentSection {padding:6px 20px 6px 20px; width:910px;} 
     .innerContentFullWidth .innerContentMain .contentSection {width:auto;}
    .pageNav .contentSection {padding:10px 12px 5px 12px;}
    .greyBox .contentSection,
    .whiteBox .contentSection {padding:10px; }
        .contentSection > .contentSection {margin-left:0px!important;margin-right:0px!important; padding:0px;}
        
      .editAddress .lightBox{margin-bottom:10px; width:610px;}      
.contentColumn {width:50%; float:left;}

.contentColumnLeft {width:48%; margin-right:1.5%; float:left; }
    .accountSettings .contentColumnLeft {margin-right:1%; width:49; padding-left:0%;}
.contentColumnRight {width:48%; padding-left:1.5%; float:right; border-left:1px solid #7F7F7F; }
    .accountSettings .contentColumnRight {width:48%;border:none; padding-left:0%; margin-left:1%;}

.contentTwoThirdColumn {width:66%; float:left;}
.contentOneThirdColumn {width:33%; float:left;}
.threeColumns .contentColumn {width:29%; float:left;}

    .boxContent .errorSection {margin:0px 12px;}


    /* used on narrow column white articles, including funny business */
    #dgaQuarterlyContainer .innerContentMain .articleContainer .contentSection {width:450px;padding: 10px 22px;}
    /* used on narrow column white articles, including funny business */
    #dgaQuarterlyContainer .innerContentMain .wideArticleContainer .contentSection {width:790px;}    
    
    /* this is necessary to force the size of the boxes on the dues page */
    .innerContentWide .boxContent .contentSection {width:938px;}
    
    .lightBox .boxContent .contentSection {margin:2px 3px 0px; width:auto;}
        .employerSearch .lightBox .boxContent .contentSection  {margin:5px 12px 5px;}
        .innerContentMain .lightBox .boxContent .contentSection {margin:2px 10px 0px;}
.boxContent .contentColumn > .contentSection {margin:0px 12px; width:auto;}

.rightContentSection {float:left; padding:8px; /* why is width necessary width:308px; */z-index:100; position:relative; margin-bottom:5px; }
    .relatedGrid .rightContentSection {width:340px;}
    #newHomepage .rightContentSection {width:266px; }
	.rightContentSection.categorySection {padding:0px; }
	.topicSearch {padding:12px 5px 10px 10px; width:295px;}
	.vhSearch {padding:12px 5px 10px 10px; width:295px;}

	

/* residuals and earnings page total */
	.sectionTotal { float:right; width:365px;  color:#333; line-height:26px; margin-bottom:5px; margin-top:-5px; margin-right:-5px; }
	    .moneyTotal {float:right; font-size:21px; margin-right:5px;}
	    .sectionTotal p {margin:0px 0px 0px 5px; }
	
.rightContentSection p {padding:0px; margin:8px 0px 5px 0px; }
    
.rightContentSection ul { margin-left:0px; list-style:none;}

.cancelled {text-decoration:line-through; padding-bottom:6px; padding-top:0px;}


.seeMore,
#SEEMORE { font-size:12px; text-align:right; display:block; text-decoration:underline;}
.relatedLink,
.infoLink {padding:3px 0px; clear:left;}
	.contentSection .infoLink { margin-top:5px; margin-bottom:0px;}
	.contentSection > .infoLink { margin-top:5px; margin-bottom:10px; clear:none; }
	.sectionBody .infoLink {margin-bottom:10px;}
	.rightContentSection .infoLink  {margin-bottom:0px;}
	.largeGridItem .infoLink {clear:none;}
	.linkColumns .infoLink {display:block; clear:none;  margin:0px; padding:0px;width: 150px;}
	
.relatedLink a,	
.infoLink a {font-size:12px;  background:url(/images/infolink.png) no-repeat 0 4px; padding-left:11px; padding-right:11px; text-decoration:underline; /*display:block;*/ padding-bottom:4px; display: inline-block;}
.relatedLink.btnRight a{padding-right:0px;}
    .searchLinks a {display:block;}
	.sectionBody .infoLink a{ padding-right:0px; }
	
	
.searchLinks a {font-size:12px; color: #B7B7DD;text-decoration:none; background-position:0 3px; }

.backLink {margin-top:5px; margin-bottom:10px; padding:3px 0px; clear:left;}
    
.backLink a{font-size:12px;  background:url(/images/backlink.png) no-repeat 0 50%; padding-left:11px; padding-right:11px;  }

.contentSectionTop .backLink,
.newBackLink {float:right; margin-bottom:0px;}

.whiteBox .backLink {margin-top:0px; /* having a float here breaks the wrapping on pages such as craft/vh/about*/ }
    .newsBox .backLink { width:385px; /*making this wider breaks member profile*/}
.whiteBox .backLink a {font-size:12px; text-decoration:underline; }
	
.toggleAll { text-align:right; float:right;}
/*
.sectionBody ul { list-style:none; margin:8px 0px;}
.sectionBody ul li {background:url(/images/infolink.png) no-repeat 0 50%; padding:1px 0px 1px 11px; }
*/
	.sectionBody .formRow .defaultList {padding:0px; margin:0px;}
	.sectionBody .formRow .defaultList li {padding:1px 0px; margin:0px; background:none;}
	.employerSearch .sectionBody .formRow .defaultList li {width:50%; float:left;}
	.employerSearch .sectionBody .formRow .halfRow .defaultList li { width:auto; float:none;}
	.sectionBody ul.filterTopic {margin:3px 0px 8px 0px;}
	
	.employerSearch2 .defaultList li {width:50%; float:left; font-size:11px; }
	.employerSearch2 .defaultList li label {padding-top:5px;}
	.employerSearch2 .halfRow .defaultList li { width:auto; float:none;}

/* used on the-guild.aspx */
ul.miniList { width:200px; float:left; padding-top:10px;}
.contentColumnLeft ul.miniList,
.contentColumnRight ul.miniList { width:150px;}
.sectionBody ul.miniList li {background:url(/images/infolink.png) no-repeat  0 4px; padding-left:11px; }

ul.councilList {padding-top:10px;}
.sectionBody ul.councilList li {background:url(/images/infolink.png) no-repeat  0 4px; padding-left:11px; }
.sectionBody ul.councilList li.item3 {margin-bottom:8px;}
.sectionBody ul.councilList li.item4 {margin-top:8px;}


.sectionBody ul.filterSearch li,
.sectionBody ul.filterTopic li { background:none;}

.sectionBody ul.filterSearch li { text-transform:uppercase; padding:5px 0px 5px 11px;}



ul.twoColList { width:620px;}
ul.twoColList li { width:50%; float:left;} 

ul.threeColList { width:620px;}
ul.threeColList li { width:33%; float:left;} 

.accountLink {padding:3px 0px; clear:left;}
a.accountLink,
.accountLink a{font-size:12px;  background:url(/images/account_link.png) no-repeat 0 50%; padding-left:13px;}

.exploreLink {display:block; width:620px; height:103px; margin:15px 0px;  position:relative;}
.exploreLink a {}
.exploreLink a span {display:block;font-size:12px;  background:url(/images/infolink.png) no-repeat 0 45px; margin-left:11px; text-transform:uppercase; font-size:14px; padding:45px  0px 0px 20px; position:absolute; float:left; }
.exploreLink a {position:absolute; float:left;}

.exploreBanner {display:block; width:960px; height:100px; background:url(/images/vhgridbannerbglg.png) no-repeat 0 0; margin-bottom:10px !important; }
.exploreBanner span {display:block;font-size:14px; text-transform:uppercase; padding:26px  0px 3px 25px !important; width:935px; }
.exploreBanner ul.pageNavList { padding-left:15px;}

.vhExploreSection {background:url(/images/vhDivider.png) repeat-x 0 0; border-top:1px solid #000; }
.vhExplore {}

.whiteBox .infoLink a {color:#62629a}

.subHeader {font-size:18px;}

.inlineImage {margin-top:8px; margin-bottom:2px;}

/* Footer */
.pageFooter {height:96px; width:100%; background:url(/images/ledger_bg_new.png) repeat-x left top; clear:both; display:block; text-align:center;}
.pageFooterContainer {width:935px; margin:0 auto; padding-top:20px;}
.pageFooterLinks { font-size:12px; color:#fff; padding-bottom:8px; z-index:100; position:relative; }
.pageFooterLinks a {padding:0px 7px 0px 7px;}
.pageFooterCopy { font-size:11px; }

.loader {background:url(/images/ajax-loader.gif) no-repeat 50% 0; position:absolute; left:50%; top:50%; width:32px; height:32px; }
.pageNav .loader { height:32px; left:290px; position:relative; margin-top:5px; margin-bottom:5px;}

.bottomWaterMark {z-index:-1; position:absolute; width:536px; height:520px; background:url(/images/watermark_bottom.png) no-repeat top left; display:none; float:left;}
.leftWaterMark {z-index:-1; position:absolute; width:256px; height:242px; background:url(/images/watermark_left.png) no-repeat top left; display:none; float:left;}
.rightWaterMark {z-index:-1; position:absolute; width:206px; height:194px; background:url(/images/watermark_right.png) no-repeat top left; display:none; float:left;}

/* cannot be positioned relative because it screws up employer search overlay */
#newHomepage {width:980px; margin:0 auto; z-index:2; padding-top:20px; }
#dgaQuarterlyContainer,
#dgaContainer {width:980px; margin:0 auto; z-index:2; padding-top: 30px;}
#dgaContainerWide {width:100%;padding-top: 30px;}
#pageContainer {margin: 0px auto 150px auto; display:block; background:url(/images/pagecontainer.png) no-repeat top left;}


.dgaInnerContainer {width:984px;  margin-top:10px; clear:both;margin:5px auto 0px auto; }
    /*#dgaContainerWide .dgaInnerContainer {width:100%;}*/
    
    
    
/* Page Headers */
.pageHeader {margin-top:12px; margin-bottom:6px; margin-right:6px; font-size:42px; text-transform:uppercase; text-align:right; color:#4C4C66; float:right; width:820px; }
    #dgaContainerWide .pageHeader {width:972px; margin:12px auto 6px auto; float:none; }
.pageHeader span {font-size:32px;}
.pageHeader .fakeHeader { height:42px;}

/* main columns */
.innerContentMain { float:left; width:628px; margin-left:6px; margin-right:0px; }
	.lowerContentContainer .innerContentMain { margin-top:12px;}
	.innerContentFullWidth .innerContentMain {margin-right:0px; width:656px; }
	/*#dgaContainerWide .innerContentMain {margin-left:0px;}*/
	.reportWork_sub.innerContentMain {width: 637px; margin-left: 5px;}
	.reportWork_sub .whiteBox {padding-left: 7px;}
.innerContentSide { float:left; width:328px; margin-left:6px; margin-right:6px;  }
	.lowerContentContainer .innerContentSide { margin-top:12px;}
	.innerContentFullWidth .innerContentSide {margin-left:0px; width:320px;}
    /*#dgaContainerWide .innerContentSide {margin-right:0px;}*/
	/*.innerContentFullWidth .innerContentSide {margin-right:10px; width:390px; margin-left:0px; }*/
.innerContentHalf { float:left; width:478px; margin-left:6px; margin-right:6px;  }
.innerContentWide { width:972px; clear:both; margin-left:6px; margin-right:6px; margin-bottom:20px; }
    .VHContainerWide .innerContentWide {margin:0px auto;}

.innerContentFullWidth {width:990px; margin:0px auto; padding-top:20px;}
    .innerContentFullWidth p.instruction {font-size:14px;}
    
.innerContentMiddle { margin:0px auto; width:843px;}  
    .alphaFilter {width:575px; margin:0px auto 20px auto}  

#dgaQuarterlyContainer .innerContentMain{width:846px; float:left; margin-right:0px ;}
#dgaQuarterlyContainer .innerContentSide{width:120px; float:left; }
#newHomepage .innerContentWide,
#dgaQuarterlyContainer .innerContentWide { width:980px; }


#newHomepage .innerContentMenu {width:140px; float:left; }
#newHomepage .innerContentMain{width:502px; float:left; margin-right:0px; margin-left:20px; }
#newHomepage .innerContentWide {width:662px; float:left; clear:none; margin-right:0px; }
#newHomepage .innerContentSide {margin-right:0px; width:300px;float:right; }

.sectionBody {clear:both; margin:5px 0px;  }
    .rightContentSection .sectionBody {padding:0px; margin-bottom:0px;}
    .overlayInner .sectionBody {padding:0px;}
    .addressBox .sectionBody {padding:0px; margin:0px; }
    .innerContentMain .settingsBox .sectionBody p{width:530px;}

.sectionItem {padding-bottom: 20px;}

.sectionBody p { clear:both; padding-top:3px ; padding-bottom:3px; margin:0px;}
.rightContentSection .sectionBody p { padding-bottom:10px; }
.rightContentSection .sectionBody .divHolder { padding-bottom:10px; clear:both; padding-top:3px ; margin:0px;}
.sectionContact .sectionBody p { padding-bottom:0px; }
.contentSection .sectionBody p { clear:none; /* why is this here? screws up spacing on account settings page padding-right:20px; */padding-top:3px; margin-right:20px;}


.sectionHeader span { /*why is this here?? commented out to avoid breaking header into 2 lines on report earnings display:block;*/}

.contactBox {line-height: 1.1;}
span.itemName { display:block; margin-top: 8px; font-weight:bold;}

.addressTitle {display:block; margin-top: 15px; font-size:17px; color:#fff; text-transform:uppercase;}

/* Image Containers */
.standardImageContainer {float:left; position:relative; background:url(/images/190x107_bg_black.png) no-repeat left top; padding:5px;}
    .awardWinner .standardImageContainer,
    .greyBox .standardImageContainer {background:url(/images/190x107_bg.png) no-repeat left top; }
  
     .greyBox .dgaqSection .standardImageContainer {background:url(/images/240x190_bg.png) no-repeat left top; }
     .whiteBox .standardImageContainer { background:none; padding:0px;}
     
	.sectionBody .standardImageContainer { margin-right:15px; margin-bottom:5px;}
	.contentSection > .standardImageContainer,
	.largeGridItem .standardImageContainer { margin-right:15px;}
	.gridItem .standardImageContainer { margin-right:10px;}
	.rightContentSection .standardImageContainer { float:none; margin-bottom:10px;}
	.sectionQuarterly .standardImageContainer {width:200px; height:250px; }
	.contentColumnLeft .standardImageContainer,
	.contentColumnRight .standardImageContainer {margin-bottom:15px;}
.largeThumbContainer a,
.standardImageContainer a { display:block;}

.simpleImageContainer,
.simpleImageContainer a { display:block;}

.largeThumbContainer  {position:relative; background:url(/images/300x169_bg_black.png) no-repeat left top; padding:5px; width:300px; height:169px; float:left;}
    .greyBox .largeThumbContainer {background:url(/images/300x169_bg.png) no-repeat left top; }
    .whiteBox .largeThumbContainer {background:none; padding:0px; margin-top: 10px;}
	
.greyBox .memberNewsContainer img {height:51px; width:90px; padding:5px; background:url(/images/90x51_bg_light.png) no-repeat left top; margin-left:10px;}

.greyBox .gridItem img {height:51px; width:90px; padding:5px; background:url(/images/90x51_bg_light.png) no-repeat left top; margin-right:10px;}

.gridThumbs img  {height:51px; width:90px; padding:5px; background:url(/images/90x51_bg_light.png) no-repeat left top; margin-right:10px; margin-bottom:10px; float:left;}

.relatedGrid .gridItem img,
.greyBox .sectionCalendar .gridItem img { padding:0px; background:none;}

/* Images */
.mainItemlocation .standardImageContainer {  float:left; margin-right:10px; margin-left:0px; margin-bottom:10px;}

.assetContainer { position:relative; display:block; float:left; background:none; margin:0px 10px 10px 0px;}
    .assetContainer:hover {background:none;}
.assetContainer a { position:relative;  display:block; background:none;   }
    .assetContainer:hover a {background:none; }
.assetContainer a img { position:relative;  display:block;  background:none; padding: 0px; }
    .assetContainer:hover a img { background:none;}
    
.floatRight { float:right !important;}
.floatLeft { float:left !important;}

/* Used within Carousel*/
.extraLargeGridItem span.assetVideo { left:122px; top:50px;  }
.extraLargeGridItem { position:relative; display:block;}

.standardAdContainer {margin-bottom:10px;   display:block; padding:15px;background:url('/images/box_light_bg.png');  
clear:left; 
                        -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);  }
    .greyBox .standardAdContainer {padding:10px; background:none;}                       
                        
.standardAdContainer ul { clear:left; }
.standardAdContainer .tallBanner ul {margin-top:15px;}
.standardAdContainer img {display:block; }



/* pdf icons removed by request*/
.pdf {display:none; position:absolute; background:url(/images/icon_pdf_med.png) no-repeat 0 0; height:25px; width: 25px; }

.standardImageContainer .pdf {top:86px; }
.issueContainerItem .pdf {background:url(/images/icon_pdf_med.png) no-repeat 0 0; height:25px; width: 25px; top:220px; margin-left:5px; }
.lightBox .pdf,
.gridItem .pdf {background:url(/images/icon_pdf_small.png) no-repeat 0 0; height:20px; width: 20px; top:30px; }

.mainItemImage .pdf {background:url(/images/icon_pdf_large.png) no-repeat 0 0; height:50px; width: 50px; top:220px;}
.issueContainerItem .pdf span,
.pdf span {display:none;}

.pdfItem {background:url(/images/icon_pdf_small.png) no-repeat 0 0px; margin:10px 0px 5px 0px; min-height: 20px; /*margin-left:30px;*/ }
	.pdfFeatured,
	.rightContentSection .pdfItem {background:url(/images/icon_pdf_med.png) no-repeat 0 14px; margin-left:0px; padding:10px 0;}
	.availabilityList .pdfItem {background:url(/images/icon_pdf_small.png) no-repeat 0 12px; padding:10px 0px;}
	.lightBox .pdfItem {background:url(/images/icon_pdf_small.png) no-repeat 0 12px; padding:10px 0px; margin-left:10px; }
	.rightContentSection .pdfItem,
	.gridItem .pdfItem { padding:5px 0px; clear:both; background-position:0px 5px;}
	.pdfRight {width:230px; float:right;  margin-bottom: 0;}

.pdfFullItem {margin-left:35px;}	
.pdfFullItem a.itemTitle{background:url(/images/icon_pdf_small.png) no-repeat 0 12px; padding:10px 0px 10px 30px; /*margin-left:30px;*/ float:right; display:block;}

/* Video Icons */
.videoVH {display:block; position:absolute; }
.gridItemVH  .videoVH {background:url(/images/icon_vh.png) no-repeat 0 0;  height:20px; width: 20px; right:10px;  bottom:8px;}
.gridItemVH2  .videoVH {background:url(/images/icon_vh.png) no-repeat 0 0;  height:20px; width: 20px; left:10px;  bottom:28px;}
.standardImageContainer .videoVH {background:url(/images/icon_vh.png) no-repeat 0 0;  height:20px; width: 20px; left:10px;  bottom:8px; position:absolute; }

.mainItemImage .videoVH {background:url(/images/icon_vh_large.png) no-repeat 0 0; height:46px; width: 44px; left:20px; top:290px;}
.cpActiveImageContainer .videoVH {background:url(/images/icon_vh_large.png) no-repeat 0 0; height:46px; width: 44px; left:20px; top:290px;}
.videoVH_med {display:block; position:absolute; background:url(/images/icon_vh_med.png) no-repeat 0 0; width:32px; height:30px; left:12px; bottom:10px;}
.videoVH_med span,
.videoVH span {display:none;}

/* This is the chapter nav in visual histories; overlays a 90x51px thumbnail */
span.assetVideo { background:url(/images/icon_play_med.png) no-repeat 0 0; position:absolute; float:left; height:35px; width:35px; left:10px; bottom:10px; display:block; z-index:101; }

    .itemTitle span.assetVideo { background:url(/images/icon_play_sm.png) no-repeat 0 0; height:28px; width:28px; left:0px; z-index:99; top:auto; bottom:5px; position:relative;   }
    .gridItemImg span.assetVideo { background:url(/images/icon_play_med.png) no-repeat 0 0; height:35px; width:35px; left:5px; z-index:99; top:auto; bottom:5px;   }
    span.assetTour { background:url(/images/icon_tour.png) no-repeat 0 0; position:absolute; float:left; height:80px; width:81px; left:55px; bottom:18px; display:block; z-index:101; }
    
    /* This is the play overlay in visual histories / highlights; overlays a 300x169px thumbnail */
    .largeThumbContainer span.assetVideo { background:url(/images/icon_play_med.png) no-repeat 0 0; position:absolute; float:left; height:35px; width:35px; left:5px; z-index:99; top:auto; bottom:5px;}   
    .vhLanding span.assetVideo {background:url(/images/icon_play_highlight_sm.png) no-repeat 0 0;height:31px; width:138px; left:10px; bottom:15px;}
    
.hasVidLink {position:relative;}


.overlayBoxHeader { font-size:28px; text-transform:uppercase; display:inline;}
/*#myDGAOverlay .overlayBoxHeader { font-size:26px;}
/* This needs some sort of specific class for error text 
.overlayInner span { clear:left; display:block; margin-top:10px;}*/
.subtitle {font-weight:bold; margin:10px 0px; color:#fff;   }
    .whiteBox .subtitle {color:#333;}
#addCalendar .textbox,
#rsvpConfirm .textbox { width:310px;}

.SubscribeFormBox::after {
    color: black;
}

/* pageNav */
.pageNav {font-size:11px; margin-top:0px; margin-bottom:0px; clear:left; display:block; /*height:40px;*/ }
    .innerContentWide .pageNav {width:960px; clear:both; float:left;  }
        .innerContentWide .whiteBox .pageNav {width:970px; margin: 5px 15px;}
    .innerContentMain .pageNav,
    .lowerContentLeft .pageNav {width:620px;  }
    .innerContentMain .greyBox .pageNav { width:618px; margin:0px;}
    .innerContentMain .contentSection .pageNav { width:628px;}
    
    .innerContentMain .whiteBox .pageNav {width:auto; color:#333; padding-left:10px;}
    .innerContentMain .whiteBox .contentSection .pageNav {padding-left:0px;}
    .guildNewsLanding-pageNav a {font-size: 1.2em;}

.pageNav .sectionHeader {float:left; margin:0px;}

.pageNav span {float:left; padding-left:10px; }
    .pageNav span.goldCategory {float:none; padding:0px;}
ul.pageNavList {list-style:none; display:inline; float:left; padding:9px 10px 8px 0; margin:0px; font-size:large;}
    .newPageNav ul.pageNavList {padding:0px;}
    .whiteBox ul.pageNavList {padding:9px 0px 8px 0;}
ul.pageNavList div {float:left; } 
ul.pageNavList li  { float:left;   }
ul.pageNavList li.listTitle {padding-top:0px; padding-bottom:0px; border-right:none;}
    

.newPageNav ul.pageNavList {line-height:20px;}
.pageNavOverview ul.pageNavList li.listTitle,
.newPageNav ul.pageNavList li.listTitle {display:none;}

ul.pageNavList li a { border:none; color:#DBDBFF}
    .greyBox ul.pageNavList li a { color:#CCCCFF; }
    .whiteBox ul.pageNavList li a { color:#49497C; }

ul.pageNavList li ul li,
ul.pageNavList li {border-right: 1px solid #7979a1; padding:0px 5px; cursor:pointer; margin:0px; background:none;}
ul.pageNavList li.filter {padding: 0 6px;}

ul.pageNavList li ul li ,
ul.pageNavList li ul li { padding:0px; margin:0px;}

ul.pageNavPage {float:left;}
ul.pageNavPage li{ padding:0px 7px; height:22px;  display:block; text-align:center; background:#35364A; border:1px solid #000; float:left; margin-right:5px; margin-bottom:5px; line-height:22px; font-size:12px;}
    ul.pageNavPage li.listTitle {height:auto; width:auto; background:none; border:none; padding:0px; margin-right: 10px;}
    ul.pageNavPage li.active {background:#69698C; height:22px; padding:0px 7px; display:block; text-align:center; border:1px solid #000; float:left; margin-right:5px; line-height:22px; font-size:12px;}

.whiteBox ul.pageNavPage li.active a,
.whiteBox ul.pageNavPage li a{color:#fff;}


ul.pageNavRow li ul li,
ul.pageNavRow li {float:none; border:none;}

ul.pageNavWinners li { border:none;}

ul.pageNavList ul.sublist { padding:0px; display:none; float:left; }
ul.pageNavList li ul.sublist li { padding:0px 5px 0px 0px ; margin-right:5px;}
ul.pageNavList li ul.sublist .active { display:block;}
ul.pageNavList .active a{  font-weight:bold; color:#fff;}
    .greyBox ul.pageNavList .active a{ color:#fff; }
    .whiteBox ul.pageNavList .active a{ color:#8B1C1C; }
ul.pageNavList .filter a{  font-size:18px;}

	
.pageNav p { float:right; margin:0px; padding:9px 6px 8px 6px; text-align:right;}
.pageNav p.loginLnk {float:left; text-align:left;  text-decoration:underline; font-size:medium; font-weight:bold}
	
.pageNav .pageNavPage { float:right;}
.innerContentWide .pageNav .pageNavPage { float:left; /*clear:left; display:block;*/}

.sectionBody .pageNav .pageNavAlpha { padding-left:0px;}

.pageNavSortBy { display:block; clear:left;}
.pageNav span.CesPager,
.pageNav span.searchList {display:inline; float:left; padding:9px 0px 8px 10px;}
.pageNav .CesPager span,
.pageNav .searchList span { float:none; padding:0px;}

.pageNavHighlights { padding: 9px 10px 8px; display: inline; float:left;}
.pageNav .listTitle { display:inline; float:left; padding: 9px 10px 8px; font-size:large; }
	.pageNav .pageNavSortBy .listTitle { padding-left:0px;}
	.greyBox .listTitle {color:#fff;}
	.whiteBox .pageNav .listTitle {padding-left:0px; padding-right:5px; border-right:none;}
	
.categoryFilter {clear:left;}	
    .categoryFilter .listTitle {padding: 3px 10px 8px;}
	
.searchDisplay {padding:8px 10px 5px 10px; font-size:14px; }
    .contentSection .searchDisplay {padding:0px;}
.searchResultsTitle { padding-bottom:10px;}	
.resultsQuery {color:#fff; font-style:italic;}	
.goldCategory {font-size:17px; margin-bottom:2px; text-transform:uppercase;}
a.clearCategories {text-decoration:underline !important; }


.searchTitle {color:#fff; display:inline; float:left; padding: 9px 10px 8px; font-size:14px;}
.searchPaging { float:left;}
.searchPaging span {display:block; }
.searchPaging .listTitle { float:left; line-height:23px; padding-right:8px;}
.searchPaging a{ height:22px; width:22px; display:block; text-align:center; background:#35364A; border:1px solid #000; float:left; margin-right:5px; line-height:22px; font-size:12px;}
.searchPaging a.prev,
.searchPaging a.next {width:35px;}
.searchPaging a.active,
.searchPaging span.active {background:#69698C; height:22px; width:22px; display:block; text-align:center; border:1px solid #000; float:left; margin-right:5px; line-height:22px; font-size:12px;}

.searchDisplay .infoLink {float:right; padding-top:10px;}
		
/* RecentList */
.recentList {width:620px; float:left; margin-top:10px;}

/* Craft Tabs */
.tabs { width:978px; height:58px; list-style:none; margin:0px; overflow:hidden; margin-bottom:6px; position:relative; }
    #dgaQuarterlyContainer .tabs { margin-left:10px;}
.tabs li { float:left; overflow:visible; width:192px; position:relative;}
.tabs li span.tableft {display:block; height:58px; width:10px; background:url(/images/tab_left.png) no-repeat 0 0; float:left; }
	.tabs li.active span.tableft {background:url(/images/tab_left.active.png) no-repeat 0 0; width:19px; margin-left:-9px;}
.tabs li span.tabright {display:block; height:58px; width:10px; background:url(/images/tab_right.png) no-repeat 0 0; float:left; }
	.tabs li.active span.tabright {background:url(/images/tab_right.active.png) no-repeat 0 0; width:19px; position:absolute; right:-9px; }
.tabs li span{display:block; height:58px; float:left;}
.tabs li  span a{ color:#fff; font-size:15px; text-align:center; display:block; padding-top:25px; text-transform:uppercase; width:172px;}

	.tabs li.active  span a{ color:#fff;}
.tabs li span {background:url(/images/tab_bg.png) repeat-x 0 0; }
.tabs li.active span {background:url(/images/tab.active.png) repeat-x 0 0; }

/* Craft Navigation */
.craftNav {list-style:none;}
.searchNav {padding-top:10px;}
.craftNavItem { margin-bottom:15px;}
    .searchNav .craftNavItem { margin-bottom:5px;}
.craftNavItem div{font-size:14px; text-transform:uppercase; color:#fff; padding-left:10px;}
    #newHomepage .craftNavItem div{padding:2px 0px; font-size:17px;}
    .searchNav .craftNavItem div{padding:2px 0px 2px 15px;}
.craftNavItem div.sectionHeader {font-size:21px;}

.craftNavTitle div{font-size:14px; text-transform:uppercase; color:#fff; padding:2px 0px; margin-bottom:15px;}

.topicListHeader{font-size:18px; text-transform:uppercase; color:#fff; }

.craftNavItem div.active {background:url(/images/nav_arrow.png) no-repeat 0 2px; }

.craftNavItem li { padding:2px 0px ; }
.craftNavItem.itemDGAQ  {margin-bottom:19px;}
.mission {color:#B7B7DD; font-size:9.6px;}


/*.rightContentSection ul.craftNav li {background:none; padding-left:0px;}
*/
.craftNavItem.itemDGAQ div a {background:url(/images/logo_dgaq_small.png) no-repeat 0 0;  width:105px; height:15px; display:block;}
.craftNavItem.itemDGAQ div a span { display:none;}

.craftNavSubmenu { list-style:none; color:#dbdbff; font-size:11px;}
    .searchNav .craftNavSubmenu,
    #newHomepage .craftNavSubmenu { font-size:12px;}
.craftNavSubmenu li { padding-left:10px;}
    .searchNav .craftNavSubmenu li { padding-left:35px;}
    #newHomepage .craftNavSubmenu li { padding-left:0px;}
.craftNavSubmenu li a{color:#b7b7dd}

.sectionBody ul.filterSearch li.active,
.sectionBody ul.filterTopic li.active,
.craftNavSubmenu li.active {background:url(/images/nav_arrow.png) no-repeat 0 50%; }
.craftNavSubmenu li.active a {color:#fff;}

    .searchNav .craftNavSubmenu li.active a {color:#E2C66C;}

.filterTopic li {color:#fff; padding:4px 0px 4px 10px; list-style:none; font-size:13px;}

.tipBox {background:#35364A; border:1px solid #000; padding:10px; margin-top:15px; color:#9999CC;}
.tipTitle {font-weight: bold; padding-bottom: 2px; color:#DBDBFF;}

/* Expanding / Collapsing content */
.collapsedRow {/*height:20px;*/ margin-bottom:10px; }
.expandedRow {/*height:20px;*/  }

.showClips {cursor:pointer; height:auto; background:url(/images/btn_expand_sm.png) no-repeat 0 0; padding-left:20px; }

.toggleMore,
.expandMore,
.expandButton {cursor:pointer; height:auto; background:url(/images/btn_expand.png) no-repeat 0 0; padding-left:28px; }

.hideClips {cursor:pointer; height:auto; background:url(/images/btn_collapse_sm.png) no-repeat  0 0; padding-left:20px; }

.moreExpanded .toggleMore,
.collapseMore,
.collapseButton {cursor:pointer; height:auto; background:url(/images/btn_collapse.png) no-repeat  0 0; padding-left:28px; }

.rowDetails {display:none; position:relative; width:255px; padding:5px 0px 10px 25px;  font-size:12px; color:#dbdbff;}
.rowDetails p{ padding-left:10px;}
.expandableRow {display:block; position:relative; font-size:17px; text-transform:uppercase; color:#fff; padding-top:1px; }

.moreExpanded .expandMore,
.expanded .expandButton,
.collapseMore,
.moreExpanded .expandMore,
.full,
.more {display:none;}

.expandButton {display:block;}
.hiddenLink {display:none;}
.moreExpanded .hiddenLink,
.moreExpanded .collapseButton,
.moreExpanded .full {display:block;}

.collapseMore,
.expandMore {  margin-bottom:10px;padding:2px 0px 2px 30px; clear:left; }

.moreExpanded .toggleMore,
.toggleMore {  margin-bottom:0px; padding:2px 0px 2px 35px; color:#fff; }

.moreExpanded .toggleMore { margin-bottom:10px; display:block;}

.moreExpanded .collapseMore {display:block; }
.moreExpanded .more {display:block; clear:left;}
.more img { padding:20px 0px 0px 0px;}
.more img.routingCheck { padding:5px 0px 0px 0px;}

/* expandableContent can't be clear:both due to large thumbnails at the top of VH interview pages */
.expandableContent { clear:left; padding:5px 0px; position:relative;}
.expandableContent .more {padding:0px; }
.expandableInfo .more {padding:0px; margin-left:35px; }
.expandableContent .more p{padding:3px 0px; }
.expandableContent .more .lightBox h2,
.expandableContent .more .lightBox h3,
.expandableContent .more .lightBox h4,
.expandableContent .more .lightBox p{padding:5px; }

.bullet { height:40px; width:40px; margin:15px 15px 15px 5px; float:left; }
.caption-1 .bullet {background:url(/images/bullet-1.png) no-repeat 0 0;}
.caption-2 .bullet {background:url(/images/bullet-2.png) no-repeat 0 0;}
.caption p { width:755px; float:left; }

.articleContainer { width:500px; float:left;}
.wideArticleContainer { width:830px; margin-right:0px; }

/* issueContainer: this is the grid of thumbnails on the backissues page. Images are 190x240px */
.issueContainer { float:right; width:846px; margin-right:0px;}

/* issueContainerItem is the individual thumbnail item that includes a title and a 190x240 thumbnail image */
.issueContainerItem { float:left; padding-bottom:15px; width:200px; padding-left:11px; height:280px; position:relative; }
    .contentSection .issueContainerItem { padding-left:0px; padding-right:10px;}
    .whiteBox .issueContainerItem {width:195px;}

.issueContainerItem img { padding:5px; border:none; background:url(/images/imageBg_backissues.png) no-repeat 0 0; }
    .whiteBox .issueContainerItem img {background:none; padding:0px;}
.issueContainerItem span { display:block; padding-top:10px; color:#fff;}
    .whiteBox .issueContainerItem span {color:#333;}

/* Grid of Related Items: These items are smaller and occur in different places. They contain smaller 90x51 thumbnails */

.itemIssue { margin-top:2px; margin-bottom:2px;}
    .whiteBox .itemIssue {font-weight:bold;}
.itemTitle { /* color:#fff; */ margin-top:2px; margin-bottom:2px;  }
	.lightBox .itemTitle {font-weight:bold;}
	.whiteBox .itemTitle {font-weight:bold;}
.itemSubTitle { font-weight:normal; margin-top:2px; margin-bottom:2px;}
    .itemTitle .itemSubTitle {font-weight:normal; margin:0px; display: inline;color:#DBDBFF; padding-left:10px;}
    .whiteBox .itemSubTitle {font-weight:bold;}
    .VHContainerWide  .whiteBox .itemSubTitle {font-weight:normal;}
.itemAuthor {  font-style:italic; margin-top:2px; margin-bottom:2px;}
.itemDate {margin-top:2px; margin-bottom:2px;}
.itemCategory { margin-top:2px; margin-bottom:2px; text-transform:uppercase;}
.itemHeader { margin-top:2px; margin-bottom:2px; font-size:18px; }
    .vhLanding .itemHeader {font-size: 20px; }
.itemQuote { margin-top:2px; margin-bottom:2px;}
.itemMessage { margin-bottom:2px;}
.itemDirectedBy {display:block;font-size:16px;}
.itemMemberDesignation {display:block; font-size:16px; font-weight:bold; margin-bottom:3px;}
.itemEventDates {display:block; font-size:16px; font-weight:bold; margin-bottom:8px;}
.itemSubtitle {display:block;font-size:14px; font-weight:bold;}

.gridItem .itemAuthor a,
.gridItem .itemSubTitle a,
.gridItem .itemHeader a,
.gridItem .itemTitle a { height:auto; margin-right:0px; }

.VHContainerWide .gridItem .itemTitle a{color: #8b1c1c; }

.searchResults .itemMessage,
.searchResults .itemHeader,
.searchResults .itemCategory,
.searchResults .itemQuote {margin-left:110px;}
.searchResults {margin-bottom:10px;}

span.itemDate { padding-right:10px;}

.rightContentSection .itemTitle { margin-left:0px; font-size:18px; }
.rightContentSection .itemSubTitle { margin-left:0px; font-size:16px; }

.rightContentSection .gridItem .itemTitle,
.rightContentSection .gridItem .itemSubtitle,
.rightContentSection .gridItem .itemSubTitle { margin-left:0px; font-size:12px; font-weight:normal; }

.issueRightNavItem .itemTitle { margin-top:5px;}

.extraLargeGridItem a,
.largeGridItem a,
.issueRightNavItem a,
.gridItem a,
.articleRightNavItem a {color:#fff;}

.issueRightNavItem img,
.articleRightNavItem img { margin:0px 10px 5px 0px; height:50px; width:90px; float:left; }

.gridItem .standardImageContainer img { margin:0px;}

.gridThumb,
.gridItem > a {position:relative; display:block; height:61px; width:100px; float:left; margin-right:10px;}

.gridItem a.imageBox {height:auto; width:auto; margin-right:0px; padding:0px; background:none;}
.gridItem a.imageBox img{
    height:auto; 
    width:auto;
    background:url('/images/box_grey_bg.png'); 
/*.gridItem a.imageBox img{background:url('/images/box_grey_bg.png');*/ 
    padding:5px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
}
.eCalendarList .gridThumb {}
.sectionCalendar .gridItem > a {height:51px; width:90px; margin-right:10px;}
.gridItem img {
    position:relative; 
    display:block; 
    height:51px; 
    width: 90px; 
    padding:5px; 
    background:url(/images/90x51_bg_black.png) no-repeat left top; 
    float:left;
    margin-right:10px; 
    box-sizing: initial;
}
    .whiteBox .gridItem img {background:none; padding:0px;}
.gridItemPortrait img {height:102px; width:90px; background:url('/images/box_grey_bg.png'); 
padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
    .whiteBox .gridItemPortrait img {background:none; padding:0px;-webkit-border-radius: 0px ; -moz-border-radius: 0px; border-radius: 0px;}

.gridItemVH2 {width:190px; float:left; display:block; margin-right:10px; margin-bottom: 10px; position:relative; height:127px; }
    .gridItemVH2 a {display:block;}
    .gridItemVH2 .itemTitle {margin:2px 0px 0px 0px;}
        .gridItemVH2 .itemTitle a {height:16px; }

.gridItemVH {width:156px; float:left; display:block; margin-right:10px; margin-bottom: 10px; position:relative;}

    .gridItemVH a {width:156px; height:88px; display:block;}
    .imgOverlay,
    .gridItemVH .itemTitle {width:156px; height:88px; display:block; position:absolute; top:0px; background:url(/images/bgVidOverlay.png) repeat-x left 100%; margin:0px;}
     .imgOverlay .itemTitle {background:none;}   
    
    .imgOverlay span,
    .gridItemVH a.itemTitle span{bottom:5px; height:auto; position:absolute; left:8px; }
        .gridItemVHinterviewer .itemTitle {background:url(/images/bgVidOverlayMed.png) repeat-x left 100%;}
        .gridItemVHinterviewer .itemTitle span a {height:auto; position: relative; top:0px; left:0px; width:auto; display:inline; }

.largeGridItemVH .vhHover,       
.gridItemVH .vhHover { padding:20px 30px 20px 20px; width:345px; height:171px; background:url(/images/vhHoverBg2.png) no-repeat 0 0; display:none; position:absolute; left:-160px; color:#333333; z-index: 99;top: -180px;}
    .hover .vhHover {display:block;}
    .largeGridItemVH .vhHover .itemTitle,
    .gridItemVH .vhHover .itemTitle {width:auto; height:auto; position:relative; background:none; color:#716AA0; font-size:21px;}
    .largeGridItemVH .vhHover a,
    .gridItemVH .vhHover a {color:#716AA0;}
    .largeGridItemVH .vhHover .linkPipes a,
    .gridItemVH .vhHover .linkPipes a {display:block; width:auto; height:auto; border-right:1px solid #716AA0; padding:3px 10px 3px 0px; float:left; margin:10px 10px 10px 0px; text-decoration:underline; }
        
.largeGridItemVH {width:322px; float:left; display:block; margin-right:10px; margin-bottom: 10px; position:relative;}
    .largeGridItemVH a {width:322px; height:186px; display:block;}
    .largeGridItemVH .itemDesc {width:322px; height:186px; display:block; position:absolute; top:0px; background:url(/images/bgVidOverlayLg.png) repeat-x left 100%; margin:0px;}
        
        .largeGridItemVH .itemDesc .itemTitle {height:20px; position:absolute; bottom:20px; left:10px;}
            .largeGridItemVH .itemDesc .itemTitle a {width:auto; height:auto;}
        .largeGridItemVH .itemDesc .subTitle {height:20px; position:absolute; bottom:5px; left:10px;}
       
    .vhLanding .imgOverlay {width:182px; height:102px; display:block; position:absolute; top:0px; background:url(/images/bgVidOverlay.png) repeat-x left 100%; margin:0px;}   
        .gridItemVH .itemDesc .itemTitle {height:15px; position:absolute; bottom:18px; left:8px; top:auto;}
        .vhLanding .itemDesc .itemTitle {height:15px; position:absolute; bottom:5px; left:8px; color:#fff; font-weight:normal;}
            .vhLanding .itemDesc .itemTitle a {width:auto; height:auto;}
        .gridItemVH .itemDesc .subTitle  {height:12px; position:absolute; bottom:8px; left:8px; font-size:11px;}
        .vhLanding .itemDesc .subTitle {height:12px; position:absolute; bottom:05px; left:10px; font-size:11px;}
.gridItemVH img {}

/* Hide the gridItem img background for the visual Histories chapter nav */
.gridItemImg {position:relative; display:block; margin:0px 10px 0px 0px; height:50px; width:90px; float:left; }
    .
.gridItemImg img { background:none; padding:0px;}
.gridItemImg a.vboxElement {height:51px; width:90px; display:block; position:relative;}
.largeThumbContainer a.vboxElement {height:169px; width:300px; display:block; position:relative;}

.gridItemVHNew {width:490px; margin-bottom:10px; margin-right: 20px;}
.gridItemVHNew .itemTitle {font-size:16px;}
.gridItemVHNew .gridItemImg { height:88px; width:156px; }

/* Placeholder for image used in search results */
.gridItem .noImage {height:51px; width:90px; padding:5px; margin-right:10px; float:left; }
.gridItem .noImage span { display:none;}

.gridItem .itemDate,
.gridItem img { margin-bottom:0px;}

.articleRightNav {width:330px; float:right; margin-left:0px; }
.relatedGrid { /* removed for testing clear:both;*/ margin:0px 0px 12px 0px; overflow:visible !important;}
    /* new VH search page, category search */
    .innerContentMain .relatedGrid {width:664px; background:url("/images/VisualHistory_icon2-01.png") repeat;}
    /* necessary for grid of articles on DGAQ and three column clips on VH landing */
    .VHContainerWide .innerContentMiddle .relatedGrid {width:843px;}
    #dgaQuarterlyContainer .innerContentMain .relatedGrid {width:860px;}

    .innerContentWide .relatedGrid {width:980px; margin-top:10px; }
    
    .allSizes {clear:none; width:1000px;}
.relatedColumns { padding-bottom:20px;}

/* grid item occurs on category indicies */
.gridItem {float:left; margin-left: 5px; margin-bottom:5px; }
.sectionBody .gridItem {margin-left: 0px;  }
.rightContentSection .gridItem {margin-left: 0px; margin-top:4px;  margin-bottom:1px; clear:left;}
.sectionCalendar .gridItem { margin-bottom:0px; margin-top:0px; clear:both; }

.innerContentSide .gridItem {width:310px; margin-left: 0px;}
.rightContentSection .gridItem,
.innerContentSide .rightContentSection .gridItem {width:300px;}
.innerContentWide .gridItem,
.innerContentMain .gridItem {width:280px;}

.innerContentMain .gridItemGroup .gridItem {width:598px;}


#newHomepage .rightContentSection .gridItem,
#newHomepage .innerContentSide .rightContentSection .gridItem,
#newHomepage .innerContentWide .gridItem,
#newHomepage .innerContentMain .gridItem {width:260px;}


.innerContentMain .searchResults .gridItem {width:620px;  margin-left: 0px; background:url(/images/line_light.png) repeat-x 0 100%; padding:5px 0px 10px 0px;}


/* grid holder on tab index templates */
.contentSection .gridItem {margin-left: 0px; clear:left; margin-bottom:5px; margin-top:5px; width:590px;}
    .contentSection .contentColumn .gridItem,
    .personSection .gridItem {width:295px; margin-right:5px; float:left; clear:none;}
    .innerContentMain .boxContent .contentSection .gridItem {width:580px;}

/* 2 columns of grid items in guild / leaders */
.contentSection .gridColumns .gridItem {margin-left: 0px; clear:none; margin-bottom:5px; margin-top:5px; width:300px; float:left;}

.extraLargeGridItem { width:310px; float:left; margin-right:15px; }

/* articleRightNavItem and issueRightNavItem are very similar. The only difference being that the <p> in articleRightNavItem is not visible unless hovered over. They occur in the right column of the Article and Issue Landing pages.  */

.issueRightNavItem,
.articleRightNavItem { clear:both; margin-bottom:10px;}

.gridItem .itemSubTitle,
.gridItem .itemAuthor { padding-bottom:0px;}

.issueRightNavItem p,
.articleRightNavItem p {padding:5px 0px; display:none; margin:5px 0px; clear:both;}
.issueRightNavItem p {display:block;}
.gridItem p { margin:0px; clear:both; padding-top:5px; }

.issueColumn { padding-bottom:10px;}
.issueColumn p{ /*margin:7px 5px 7px 16px; */color:#dbdbff; }

/* These are in the wide grid on the issue page, they contain 190x107 thumbnails */
.largeGridItem {clear:left; padding-bottom:15px; /*height:117px;*/ overflow:visible;  }
.gridItemGroup {clear:left; margin-bottom:15px; /*height:117px;*/ overflow:visible; float:left; }
.issueColumn .largeGridItem { width:448px; margin-left:16px;}
.issueColumn .itemDate { display:none;}

.extraLargeGridItem .standardImageContainer { margin-bottom:10px; margin-right:10px;}
.largeGridItem .standardImageContainer{margin-right:0px; margin-bottom:10px;}
    #dgaQuarterlyContainer .largeGridItem .standardImageContainer{margin-right:15px;}
    
.gridItemGroup .standardImageContainer,
.gridItemGroup .standardImageContainer img{border:none; float:left;  height:88px; width:156px; background:none; padding:0px;}
.largeGridItem img{border:none; float:left;  height:107px; width:190px; }
.recentUpdates .largeGridItem img{height:auto; width:auto;  }


.gridItemGroup .itemTitle { margin-left:100px;}
    .gridItemGroup .itemClips .itemTitle {margin-left:0px; font-weight:bold; font-size:13px; margin-top:0px;}
.gridItemGroup .itemClips  { margin-left:30px; width: 598px;  float:left; clear:left; margin-top:5px;} 
    .gridItemGroup .itemClips .gridItem { margin-left:0px;}
.gridItemGroup .toggleClips {margin-left:100px; clear:none; width:auto;font-size:12px; }
    .gridItemGroup .toggleClips span {padding:0px; float:none;}
.gridItemGroup .gridItem {background: url("/images/line_light.png") repeat-x scroll 0 0 transparent;    margin: 5px 0 0 0;    padding: 10px 0 0;}

.gridItemGroup .gridItem .itemDetails { margin-left:0px;}
.gridItemGroup .gridItem p {clear:none;  margin-left:28px;}

.gridItem .itemDetails { margin-left:110px;}

.largeGridItem .itemDetails { margin-left:210px;}

.gridItem .itemAddress {float:right; width:200px;}


.gridItemGroup  .itemTitle,
.largeGridItem .itemTitle,
.extraLargeGridItem .itemTitle { font-size:18px; color:#fff; }
    .recentUpdates .largeGridItem .itemTitle {font-size:17px;}

.largeGridItem .whiteItemTitle { font-size:18px; font-weight:bold }


.extraLargeGridItem .itemSubTitle,
.largeGridItem .itemSubTitle { font-size:17px; }

.extraLargeGridItem .largeThumbContainer { float:none;}

.largeGridItem p {margin: 3px 0px; }

.pdfItem p,
.pdfItem .itemMore,
.pdfItem .itemSubTitle,
.pdfItem .itemTitle {font-size:12px; margin: 0px 0px 0px 35px;}
.pdfItem .itemTitle {text-decoration:underline;}

.pdfItem .itemTitleOnly {padding:3px 0px;}

.pdfFeatured .itemTitle { font-size:18px;}

/* Awards Nominee Block */
.awardWinner,
.awardNominee { position:relative; clear:left; margin-bottom:10px; padding:15px 0px;}

.awardRibbon {width:80px; height:80px; position:absolute; right:0px; margin-top:-15px;}
    .awardNominee .awardRibbon {background:url(/images/ribbon_nominee.png) no-repeat 0 0; }
    .awardWinner .awardRibbon {background:url(/images/ribbon_winner.png) no-repeat 0 0;}

.awardNominee { color:#dbdbff; font-size:13px;}
.awardWinner { color:#c5c5e8}

.awardNominee .boxContent,
.awardWinner .boxContent { width:610px;}

.awardWinner .standardImageContainer, 
.awardNominee .standardImageContainer { margin:0px 15px 15px 15px;}
.awardWinner .itemDate,
.awardNominee .itemDate { font-size:14px; margin-top:0px;}
.awardWinner .itemCategory,
.awardNominee .itemCategory { font-size:21px; text-transform:uppercase; margin-right:40px;}
/* bronze name */
.awardWinner .itemTitle {font-size:17px; margin-top:10px; margin-bottom:8px;  color:#e8be29}
.awardNominee .itemTitle {font-size:17px; margin-top:10px; margin-bottom:8px; color:#d29818;}

.awardWinner .itemProject,
.awardNominee .itemProject { font-style: italic;}
.awardWinner .itemStudio,
.awardNominee .itemStudio {margin-left: 230px;}
.awardWinner .crewList,
.awardNominee .crewList { list-style:none; margin-top:15px; margin-left:230px; margin-bottom:0px;}
.awardWinner .crewList span,
.awardNominee .crewList span { color:#fff;}

   
.accountSubtitle  {color:#fff; font-weight:bold; padding:5px 0px; clear:both;}
    .whiteBox .accountSubtitle {color:#333;}

.committeesTable {  float:left; width:300px; margin:0px;  }
.committeesTable tr,
.committeesTable td { width:300px; background:none; height:30px; float:left; padding:1px 0px;}

.subscriptions { clear:left; float:left; width:430px; margin-bottom:0px; }
.subscriptions table{ width:430px; background:none; height:30px; float:left; padding:1px 0px;}



/* Availability Report and Report Work Popup */
.contentChapter {background:transparent url(/images/line_light.png) repeat-x 0 0; margin:5px 0px; padding:10px 0px 0px; }
.contentChapter .sectionSubHeader { margin-top:0px;}

/* tooltip styling */
.tooltip {  display:block; background:transparent url(/images/tooltip.png); font-size:11px; height:85px; width:200px; padding:5px 10px; color:#000; display:table-cell; vertical-align:middle; z-index:105;  }
.checkBoxTip { height:1px; width:1px; float:left; }
.nowrap {	white-space: nowrap;}

/* Video Overlay; in conjunction with Coloxbox */
.videoContainer{ width:850px; margin: 0px auto;}
.videoContainer .mainItemSubHeader { width:750px;}

/* new player*/
.videoBox { width:718px; height:400px; margin: 20px auto; background:transparent url(/images/player_bg.png); padding:20px; }

/* original video player
.videoBox { width:758px; height:493px; margin: 20px auto;}*/

.videoTranscript { width:720px; margin:20px auto;}
.videoTranscript h1 {color:#fff; }

/* Virtual Tour Overlay; in conjunction with Coloxbox */
.vTourBox { width:557px; height:419px; margin: 20px auto;}

/* Dues */
.agreementTotals {color:#333333; width:600px; float:right; clear:right; height:40px; text-align:right;}
.duesTotals { color:#333333; width:370px; float:right; clear:right; text-align:right;}
    .agreementTotals span,
    .duesTotals span { float:left;}
    .agreementTotals .amount,	
    .duesTotals .amount {font-size:18px; float:none; margin-left:10px;}
    .agreementTotals .amountDue,	
    .duesTotals .amountDue {margin-left:10px;}
	.duesTotals .dueDate {font-size:18px; float:right;}

.billingTotals  { height:40px; text-align:left; margin:10px 0px 0px;}	
.billingTotals .amountDue {
    width:240px; 
    height: 15px;
    overflow: hidden;
    padding-top: 5px;
    /*float:left;*/
}
.billingTotals .amountDue span {font-size:18px; float: right; margin-top: -5px;}

.duesTerms { width:370px; color:#CC3333; float:right; font-size:10px; clear:right; height:40px ; }

.reportEarningsHeader {}
#content_2_ucDeclareEarnings_trReportEarningsForm {clear:both;}
.reportEarningsForm {clear:both; }

#content_2_ucDeclareEarnings_trGrid,
.reportEarningsGrid {clear:both;}
#content_2_ucDeclareEarnings_trValidate,
.reportEarningsValidate {clear:both;}
hr.billing-summary { width: 260px; margin: 0 auto 8px 0; }
.initiation-fee-amountDue{ margin-top: 13px }

/* Earnings / Residuals */
.memberAccountResidualEarningsFilter { width:930px; }
.memberAccountResidualEarningsFilter .btn { margin-right:10px; margin-top:15px;}
.earningsGrid { width:930px; clear:both; }

.erFilter { width:200px; margin-right:10px; float:left;}

.erFilter span { font-size:12px; color:#fff; line-height: 18px;  }
    .whiteBox .erFilter span {color:#333; font-weight:bold; }

/* ACH payment gateway */
.newPaymentMethod { display:none;}
.tableTotal {text-align:right; font-weight:bold; padding-right:10px; padding-top:10px;}
.hiddenMessage { display:none;}

/*
.analytics {display:none;}
*/

.socialIcons { width:150px; float:right; margin-top:5px; margin-right:5px; }
.socialIcons a {display:block; margin-left:10px; float:right;}
.socialIcons a span {display:none;}
a.btnTwitter{background:transparent url(/images/iconTwitter.png) no-repeat; width:57px; height:21px; }
a.btnFacebook {background:transparent url(/images/iconFacebook.png)  no-repeat; width:57px; height:21px;}

.eCalendarList {    float: left;    margin-top: 10px;}
.topicOption{}
   
/*Legends style fixes*/
.legends-content a{
    color: #49497C;
    font-size: 18px;
    /*font-weight: bold;*/
}       
.legends-content .extraSmall{
    font-weight: bold;
}    
.legends-content td p{
    margin-right: 16px;
}

/*Opt-In-Form - matt s*/
.optinform-checkboxes{ margin-bottom: 10px; }
.optinform-checkboxes span { font-weight: bold; margin-top: 5px; display: block; }
    
/*voting - matt s*/
.votingText {font-size:17px; margin-bottom: 32px;}    
.voting hr, .nomination hr {color: #8d92b0; background-color: #8d92b0; padding: 0px; background-image: none; margin-bottom: 15px; height: 3px;}
.voting p {margin: 2px 0px 2px 0px !important;}
.voting .sectionHeader {text-transform: none;}
a.contactLink { color: #dbdbff; display:block; margin-top: 15px; padding-bottom: 5px; text-decoration: underline;}
.voting .alertBody {color: #8B1C1C; font-size: 16px;}
.voting .alertBody ul {margin-top:10px;}
.voting .alertBody li{line-height:23px; background: url(../images/bullet_red.png) no-repeat 0 8px; padding-left: 16px;}
.voting .bold-heading {font-weight:bold; margin-bottom:5px; font-size:16px;}
.voting .deadline {font-size: 16px; margin:6px 0;}
.voting div.sectionHeader.largeHeader {font-size:20px; margin-bottom: 15px; padding-top: 35px;}

/*NOMINATIONS- matt s*/
.nomination label.checkbox-label { font-weight: normal; padding-top: 6px; }
.nomination .injected-text{ font-weight: bold;}
.nomination.no-back-butt h1 {margin-top: 15px;}

/* mods to more behavior*/
.collapseMore, .expandMore {
	margin-top: -2px;
	margin-bottom: 0;
}
.expandableContent .more {
	padding-top: 10px;
}

.coveo-query-box-wrapper {
    overflow: hidden;
    height: 34px;
}

.imgStyle {
    max-width: 190px;
    max-height: 107px;
    /*min-width: 100px;
    min-height: 80px;*/
}