html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/*Defined html elements *
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

html {
background-color: #fff;}
body {
background: white; width:940px; padding: 0 10px; background-color: #ffffff; line-height: 1.25; margin: 0 auto;  position:relative;}

ol, ul {
list-style: none; margin:10px 0; }
caption, th, td {
text-align: left; font-weight: normal; vertical-align:top;}
h1 {
line-height: 67px; background: url(../images/bg-h1.gif) no-repeat; color:#FFFFFF; font-size:1.5625em; font-weight:normal; margin-bottom:20px; padding-left:10px; }
h2 { clear:both; /* Home Page, ListAlert, My Legislators, KeyContact */}
h3{ clear:both; /* SubHead used many places */
}

p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; /* 16 x 0.75 = 12 */ margin:5px 0; }

a { 
color: #350f58; text-decoration: underline; }
a:hover {
text-decoration: underline; color:#E68700; }

hr {
border: none; background-color: #e0e0e0; height: 1px; margin: 10px 0; }
label { 
cursor:inherit; display:block; width:7.5em; line-height: 25px; float:left; position:relative; padding-right:3px; font-size: 0.8125em; /* 16 x 0.8125 = 13 */ }
li {
font-size: 0.6875em; /* 16 x 0.6875 = 11 */ }
input{
display:block; width:13.55em; margin-bottom:5px; float:left; position:relative;}
select{
display:block; width:14em; margin-bottom:5px; float:left; position:relative;}
textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%; height:150px;}
table{ /*Tables are used on: My Participation, Participation Detail */
border-collapse:collapse; width:100%;}
th { 
padding:5px; background-color: #0199C0; font-weight: 700; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:1px;}
td { 
padding:5px; border-style:solid; border-color:#cccccc; border-width:1px;}
/* For the outline=1 trick */
fieldset {border-style:solid; border-color:#cccccc; border-width:1px; background-color:#eee; margin:5px; }
legend {font-size:11px; font-weight:700;}
/* Containers
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.Wrapper {width: 940px; padding: 0 10px; background: url(../images/bg-wrapper.gif) repeat-y; margin: 0; } /* Added wrapper to allow for vertical background tile */
.MainHeaderContainer{ /*This is the container that holds the banner image*/
background:url(../images/bg-header.gif) no-repeat top; width:920px; height:111px; padding: 20px 10px 0; }
.MainFooterContainer {  /* This is the container inside the mainfooter.aspx file that holds everything.*/
clear:both; overflow: hidden; width: 920px; padding: 0 10px; margin-top:20px; background: url(../images/bg-footer.gif) repeat-x; color:#FFF; height: 26px; line-height: 26px; font-size: 0.625em; /* 16 x 0.625 = 10 */ }
.BodyContainer { /* This holds the main area includeing Nav,Image Bar, and content (Everything between the banner and the footer).*/
 width: 940px; min-height:200px;  }

.MenuContainer { /* Comments Needed */
float:left; background: url(../images/bg-menu.gif) repeat-x; width:100%; height: 40px; line-height: 40px; }

.ImageBarContainer{ /* Comments needed */
display:none; }

.ContentContainer {  /* This container holds the main area of the site .*/
float:left;padding: 10px 10px; 
word-wrap: break-word; /*Works on Internet Explorer 5.5+  other browsers just igor*/
width:920px;/*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}
.ContentTop{clear:both;/*Class attached to the content managed zones on the top of every page */}
.ContentBottom{clear:both; margin-top:10px;/*Class attached to the content managed zones on the bottom of every page */}
.ContentBody{ margin:10px 0;/*Place holder class attached to the content managed zones */}
.ContentTopEmail{/*Place holder class attached to the content managed zones on email headers */}
.ContentBottomEmail{/*Place holder class attached to the content managed zones on email bottoms */}
.ContentBodyEmail{/*Place holder class attached to the content managed zones on email bodys */}
.ContentTop li, .ContentBottom li, .ContentBody li, .ContentTopEmail li, .ContentBottomEmail li { /* Adds bulits to content managed zones */
list-style-type:disc; margin-left:20px;}
.ContentLeft {float: left; width:610px; margin-right: 10px;}
.ContentRight {float:left; width: 300px}
.JumpLinks { /* Built into all pages */
width:200px;}
.JumpLinks a {
display:block; margin-top:3px; padding:0 0 0 15px; position:relative; float:left; width:180px; border-bottom:1px dashed #303094; background-image:url(../images/menu-arrow.gif); background-repeat:no-repeat;}

#LoginArea{ /*Default location is bottom right of banner */
float:right; position:relative; padding-right:12px; padding-top:90px;}

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
display:block; width:.8em; float:left; font-weight:700; color:#d800ff; clear:both;}

div.RequiredMark {
font-size: 0.875em; line-height: 25px;}

/* mainheader.aspx (Header)
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.MainHeaderContainer h1 {
clear: both; margin-bottom: 0; font-size: 2em; /* 16 x 2 = 32 */ }


/* menu.aspx (Menu)
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.MenuContainer li{
line-height: 1.1em; padding: 0 11px 0 10px; border-right: 1px solid #3b3b3b; font-size: 0.875em; /* 16 x 0.875 = 14 */  }

.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
display:block; color:#3b3b3b; font-weight: normal; text-decoration: none;}

.MenuContainer a:hover { 
color:#E68700;; }

.MenuWrapper {
width: 920px; border-top: 1px solid #e0e0e0; margin: 0 10px; line-height: 40px; padding-top: 12px; }

#ddcGeneratedMenuListItem1 {
padding-left: 0;}

#ddcGeneratedMenuListItem9, #Logout {
border-right: none; margin-right: 0;}

#Logout a:link, #logout a:hover {
text-decoration: underline; color: #350F58; }

/*default.aspx (Home page)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#HomePageAlertHeader{
background-color:#88BBE0; border:3px solid #D8EAF7; width:250px; height:28px; line-height:28px; font-size:1.7em; font-weight:bold; padding-left:4px; font-family:Century Gothic,Verdana; margin-bottom:10px;}
#HomePageAlert{
width:260px; float:right; border:1px solid #ccc; background-color:#fff; color:#333;}
#HomePageAlert p, #HomePageAlert h3{
padding:0 10px;}
#FeatureContainer {
background: url(../images/bg-feature.jpg) no-repeat; width: 920px; height: 273px; overflow: hidden; }
	#FeatureContainer h1 {
	font-size: 1.75em; /* 16 x 1.75 = 28 */ color: #2c1b61; background-image: none; margin-bottom: 5px; padding-left: 30px; line-height: 1em; }
	#FeatureContainer h2 {
	color: #e57d03; font-style: normal; font-weight: normal; }
	#FeatureContainer button {
	float: right; }
#FeatureCopy {
width: 375px; float: right; margin: 60px 60px 0 0; }

#HomeSectionContainer {
overflow: hidden; margin-top: 10px; }

#FeatureButton {
float: right; margin-top:10px; background-image:url('../images/bg-btnSignUp.gif');  border:none; background-repeat:no-repeat; background-color:transparent; width:100px; height:29px; cursor:pointer; margin-bottom:20px;
 /* width and height should be the width and height of the image */}

#FeatureProfButton {
float: right; margin-top:10px; background-image:url('../images/bg-btnMyProfile.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:110px; height:29px; cursor:pointer; margin-bottom:20px;
 /* width and height should be the width and height of the image */}

/*register.aspx
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#RegisterFormContainer, #LoginFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) for both the login and registration*/
width: 920px; margin-bottom: 20px; position: relative;
/* Width should be just bigger then the three elemets combined so that if the RequiredMark is floated right it will remain close to input field.*/}

	#RegisterFormContainer h3 {
	background: url(../images/bg-h3.gif) no-repeat bottom left; color: #2c1b61; padding-bottom: 10px; margin-bottom: 20px; }

#RegisterSubmitButton, #EditMyProfileSubmitButton, #ShareYourStorySubmitButton, #TellAFriendSubmitButton, #KeyContactSubmitButton, #LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton, #FederalCommitteeSearchSubmitButton, #StateCommitteeSearchSubmitButton, #ContactUsSubmitButton, #CLSubmitButton, #LoginSubmitButton {
margin-top:10px; background-image:url('../images/bg-btnSubmit.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:95px; height:29px; cursor:pointer; margin-bottom:20px;
 /* width and height should be the width and height of the image */}
 
#AddAdditionalButton {
margin-top:10px; background-image:url('../images/bg-btnAdd.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:310px; height:29px; cursor:pointer; margin-bottom:20px;
 /* width and height should be the width and height of the image */}

#LoginFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#LoginError{
color:#ff0000; clear:both;}

.LabelContainer {
width: 320px; text-align: right; position: relative; float: left; clear: both; }

	.LabelContainer label {
	float: right; padding-right: 20px; width: auto; }
	
	.LabelContainer .RequiredMark {
	float: none; clear: none; display: inline; }
	
label.LabelShort {
width: auto; margin-right: 5px; }

.RadioButtonContainer {
float: left; line-height: 25px; margin-bottom: 5px; font-size: 0.8125em; /* 16 x 0.8125 = 13 */ }

/*My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#MyProfileAddressBlock { /* Used to indent the address */
margin:0 15px 10px 0; font-size: 0.8125em; /* 16 x 0.8125 = 13 */}

#EditMyProfileFormContainer{ /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) for both the login and registration*/
width:30em; margin-bottom: 20px; 
/* Width should be just bigger then the three elemets combined so that if the RequiredMark is floated right it will remain close to input field.*/}

/*Edit My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#EditMyProfileFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#EditMyProfileSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Share Your Story
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ShareYourStorySubmitButton{/*Styles are defined with the RegisterSubmitButton */}

#checkbox { width: auto; display: inline; float: none; clear: both; margin-top: 10px; }

p.inline { display: inline; }

/*Tell A Friend
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#TellAFriendSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Key Contact
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#KeyContact label{
float:left; width:350px; text-align:right; padding-right:10px; line-height:1.5;}
#KeyContactUpdateButton {
margin-top:10px; background-image:url('../images/bg-btnUpdate.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:95px; height:29px; cursor:pointer; margin-bottom:20px;
 /* width and height should be the width and height of the image */}
#KeyContactSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

#KeyContact label.textLeft {
text-align: left; margin-top: 15px; }

/*My Legislators (Classes are used becuase these fields are in loops)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MyLegislatorsDetailContainer{clear:both;}
.MyLegislatorsCapAddress{ /* Container for the Capitol Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsDistAddress { /* Container for the District Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsWebLink {/* Class put into place for formating the "Visit my website." link */}
.MyLegislatorsEmailLink{/* Class put into place for formating the "Email me." link */}
.MyLegislatorsInfoLink {/* Class put into place for formating the "More Info..." link */
text-align:left;}

/*Legislator Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorSearch br{
clear:both;}
#LegislatorSearchChamberTypes {
margin:5px 0px 10px 0; padding:6px; background-color:#ECECEC; }
#LegislatorSearchChamberTypes label{
float:left; line-height:1.5; width:120px;}
#LegislatorSearchChamberTypes input{
width:25px; float:left;}
#LegislatorSearchSearchByAddress { 
padding:10px; background-color:#ECECEC; float:left; margin:6px 0; width:30em; }
#LegislatorSearchSearchByState { 
padding:10px; background-color:#ECECEC; float:right; margin:6px 0; width:30em;}
#LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#LegislatorSearchResults li{
margin-left:10px;} 

/*Legislator Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorDetailLegisPic{
float:left;}
#LegislatorDetailAddress{
float:left;}
#LegislatorDetailCapitolAddress, #LegislatorDetailDistrictAddress{
margin-left:20px;float:left;}
.LegislatorDetailCommittee a{
font-weight:700;}
.LegislatorDetailSubCommittee {
margin-left:10px;}
.LegislatorDetailSubCommittee a{
font-weight:normal; color:#00465F; }
.LegislatorDetailScorecardHeading{
position:relative; float:left; line-height:1.8em; font-weight: 700; }
.LegislatorDetailScorecardContent{
position:relative; float:left; line-height:1.8em; padding:0 10px 0 4px; }
#LegislatorDetailScorecardTitleHeading {
background-color: #0199C0; color:#ffffff; width:40px; padding-left:10px;}
#LegislatorDetailScorecardTitleContent{ /* IE.css adds scroll boxes for IE */
border:1px solid #EFEFEF; width:625px; }
#LegislatorDetailScorecardFirstItemSecondLine{ /*Used to indent the second line of the scorecard */
margin-left:80px;}
.LegislatorDetailScorecardDetail{
position:relative; float:left; width:620px;  margin:0 0 10px 80px; }
.LegislatorDetailScorecardContainer {
position:relative; float:left; font-size:11px; }

/*Committee Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#CommitteeSearch br{
clear:both;}
#CommitteeSearch label{
float:left; line-height:1.5; position:relative; cursor:default; padding-left:5px;}
#CommitteeSearchFederalContainer {
margin:10px 10px 10px 0; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative; }
#CommitteeSearchFederalCheckBoxes input, #CommitteeShearchStateCheckBoxes input {
width:20px; float:left; position:relative; margin-left:10px; }
#CommitteeSearchStateStateContainer { 
margin-top:10px; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative;}
#CommitteeShearchStateDropdown label, #CommitteeShearchStateDropdown select {width:auto;}
.CommitteeSearchCommittee a{
font-weight:700;}
.CommitteeSearchSubCommittee {
padding-left:10px;}
.CommitteeSearchSubCommittee a{
font-weight:normal; color:#00465F;}
#CommitteeSearchResults{
width:98%;}


/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ContactUsSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*My Participation
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.dotted-border{
border-bottom:1px dashed #777; margin:10px 0;}

/*Committee Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Participation Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Action Alerts
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Alerts Details
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin:15px 0 0 30px; }
.CLTargets { line-height:1.75;
}
.CLTargets input{ 
width:25px;
margin-top:8px;
}
#ResultsContainer li {  /* A style that is used to format the list of Targets */
list-style-type:disc; margin-left:20px;}

.CLCommType {
font-size: 0.75em; /* 16 x 0.75 = 12 */ 
}
	.CLCommType input { /* A style that is used to format the radio button  */
	width:18px; margin:8px 5px -2px 8px; line-height:12px}
#CLSubmitButton { /* Styles are defined with the RegisterSubmitButton  */}
.CLCommTypeMockLabels {
	width:50px; float:left; position:relative; margin-top:8px;}

.CLLetterTop, .CLLetterBody, .CLLetterBottom, .CLSignature{ /* These Class are not used but are inplace if you want to control the sytle of the letter */}

/* footer.aspx (Footer)
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.MainFooterContainer a, .MainFooterContainer a:hover, .MainFooterContainer a:active, .MainFooterContainer a:visited {
color: #fff; }

.MainFooterContainer a {
text-decoration: none; }

.MainFooterContainer a:hover {
text-decoration: underline;
color:#E68700;}

#FooterShadowContainer {
background: url(../images/bg-footerShadow.gif) no-repeat; margin: 0 auto; width: 960px; height: 8px; }


/* Popup Styles
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body.PopupBody {
width: 600px; padding: 10px; }

body.PopupBody h1 {
width: 600px; background-image: url(../images/bg-h1-popup.gif); }

/* Global Styles
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#AlertID {
width: 120px; }

.left {
float: left; position: relative; }

.right {
float: right; position: relative; }

button {
position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
border: none; padding: 0;  /* overrides extra padding in Firefox */
}

button span {
position: relative; display: block; white-space: nowrap;
}

.ButtonLink { background: transparent url('../images/bg-ButtonLink.gif') no-repeat scroll; color: #fff; cursor: pointer; display: block; font-size: 0; height: 29px; width: 130px; text-decoration: none;
}

input.radioButtons {
display: inline; width: auto; float: none; margin: 0; }

.LabelContainer label.labelMultiline {
line-height: 15px; }

p.centerText {
text-align: center; }

.Section {
background: url(../images/bg-section.gif) repeat-x; width: 300px; height: 122px; padding-top: 10px; margin-right: 10px; float: left; }

	.Section img {
	float: left; margin-left: 10px; }

.lastSection, .ContentRight .Section {
margin-right: 0; }

.SectionCopy {
float:right; margin-right: 10px; width: 225px; }


#Login, #Password, #FromName, #FromEmail, #ToEmail1, #ToEmail2, #ToEmail3, #ToEmail4, #FirstName, #LastName, #HomeAddress1, #HomeAddress2, #HomeCity, #HomeZip, #HomeEmail, #Credentials, #Email, #ConfirmEmail, #PracticeName, #PracticeAddress1, #PracticeAddress2, #PracticeCity, #PracticeZip, #PracticeNPI,  #PracticeSpecialtiesOther, #PracticePlanName, #PracticeManagementSystem, #PracticeRecordSystem, #PracticeSoftware, #PracticeClearinghouse {
border: 1px solid #7564a8; padding: 2px; }

#Login:focus, #Password:focus, #FromName:focus, #FromEmail:focus, #ToEmail1:focus, #ToEmail2:focus, #ToEmail3:focus, #ToEmail4:focus, #FirstName:focus, #LastName:focus, #HomeAddress1:focus, #HomeAddress2:focus, #HomeCity:focus, #HomeZip:focus, #HomeEmail:focus, #Credentials:focus, #Email:focus, #ConfirmEmail:focus, #PracticeName:focus, #PracticeAddress1:focus, #PracticeAddress2:focus, #PracticeCity:focus; #PracticeZip:focus, #PracticeNPI:focus, #PracticeAffiliation:focus, #PracticeSpecialtiesOther:focus, #PracticePlanName:focus, #PracticeManagementSystem:focus, #PracticeRecordSystem:focus, #PracticeSoftware:focus, #PracticeClearinghouse:focus {
border-color: #2d1b61; }

#PracticeName, #PracticeAddress1, #PracticeAddress2, #PracticeNPI, #PracticeAffiliation, #PracticeManagementSystem, #PracticeRecordSystem, #PracticeSoftware, #PracticeClearinghouse {
width: 460px; }

#PracticeSpecialties, #PracticeContracts {
height:100px;
width:250px;
}
#PracticeSpecialtiesOther {
width: 413px; }

#PracticePlanName {
width: 252px; }

select {
height: 25px; padding-top: 3px; }

.subtext {
font-size: 0.92em; }

textarea {
border: 1px solid #7564a8; }

textarea:focus {
border-color: #2d1b61; }

.sharecheck{
	margin-top:15px;
	
display:block;
float:left;
position:relative;
width:2em;
margin-bottom:10px;
}