/*
==================================================
  SECTION-RIGHTS.CSS
  Controls all layout styles for glad.org/rights

  Author:   Ruthie BenDor
  Updated:  2009-04-07
==================================================
*/


#content h2 {
  padding:0.321em 0 !important;
  border-bottom:3px solid #660000;
  text-transform:uppercase;
}

/* --- Layout --- */

#primary {
  width: 596px !important;
  margin:0;
  padding:0 20px;
}

#secondary {
  width: 254px !important;
  margin:0;
  padding:0 20px 0 0;
}

#primary>.col-inner , #secondary>.col-inner {
  padding:1.286em 0 !important;
}


/* --- Branding & Title Area --- */


#content-inner #title-area p {
  margin:0 !important;  
}

#content-inner #title-area a {
  color:#FFF;
  text-decoration:underline;
}


/* Landing page */

.section-rights #content-inner #title-area {
	background:#FFF url(/assets/img/hdr-rr-landing.jpg) no-repeat left top;
}


/* State pages */

.subsection-ct #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-ct.jpg) no-repeat left bottom;
}

.subsection-ma #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-ma.jpg) no-repeat left bottom;
}

.subsection-me #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-me.jpg) no-repeat left bottom;
}

.subsection-nh #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-nh.jpg) no-repeat left bottom;
}

.subsection-ri #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-ri.jpg) no-repeat left bottom;
}

.subsection-vt #content-inner #title-area {
  background:#05152E url(/assets/img/hdr-rr-state-vt.jpg) no-repeat left bottom;
}


/* InfoLine pages */

.subsection-infoline #content-inner #title-area {
	background:#082A5A url(/assets/img/hdr-rr-legal-infoline.jpg) no-repeat left top;
  color:#FFF;
}

.subsection-infoline #content-inner #title-area ul {
  position:relative;
  overflow:auto;
  margin:0 !important;
}

.subsection-infoline #content-inner #title-area ul li {
  display:block;float:left;width:140px;
  margin:0;
}

.subsection-infoline #content-inner #title-area ul li a {
  color:#FFF !important;
}




/* State Pages */

#at-a-glance, #glads-work-in {
  position:relative;
  overflow:hidden;
}

#at-a-glance h3, #glads-work-in h3 {
  font-style:italic;
  background:transparent url("/assets/img/rc-gradient-E9E3D4.gif") repeat-x left -10px;
  padding:0.321em 10px;
  margin-bottom:0.321em !important;
}

#at-a-glance .col {width:293px;}

#at-a-glance h4 {margin-bottom:0;}

#at-a-glance p {margin-top:0.321em;}

#at-a-glance p a {white-space:nowrap;}

#at-a-glance .last, #glads-work-in .last {
  margin-right:0 !important;
}

#glads-work-in .item {
  width:192px;
  margin-top:0;
  margin-right:10px;
  padding-top:0;
  padding-bottom:0;
}

#glads-work-in h4 {
  padding:0.643em 0 0 0;
}

#glads-work-in .event {width:596px;}

#glads-work-in .event .item-meta {
  border-bottom:0 !important;
}

#glads-work-in .item-graphic {margin-left:10px;}

#state-publications p a {
  display:block;
  background-position:left 2px;
}

.subsection-ct h2 span,
.subsection-me h2 span,
.subsection-ma h2 span,
.subsection-nh h2 span,
.subsection-ri h2 span,
.subsection-vt h2 span {
  color:#666;
  text-transform:none !important;
  font-weight:normal !important;
}



/* --- Infoline Form Styles --- */

/* Step 1 of the form has some adjacent fields */
li#field-first_name, li#field-last_name,
li#field-city, li#field-state, li#field-postalcode,
li#field-phone1, li#field-phone1_location, 
li#field-phone2, li#field-phone2_location {
  display:block;
  float:left;
  margin-top:0 !important;
}

li#field-email, li#field-phone1_ok, li#field-phone2_ok {clear:both;}

li#field-first_name, li#field-last_name {width:130px;}

li#field-first_name input, li#field-last_name input {
  width:120px !important;
}

li#field-city {width:130px;}

li#field-city input {
  width:110px !important;
}

li#field-state {width:60px;}

li#field-postalcode {width:70px;}

li#field-postalcode input {
  width:60px !important;
}

li#field-phone1, li#field-phone2 {width:150px;}

li#field-phone1 input, li#field-phone2 input {
  width:130px !important;
}

li#field-phone1_location, li#field-phone2_location {width:110px;}