/* 
////////////////////////
GLOBAL STYLES
////////////////////////
*/



/* BASIC STRUCTURES */
body { background: #fff url(/images/background-gradient.jpg) top center repeat-x; height: 100%; }
.shell { background: url(/images/background-collage.jpg) top center no-repeat; height: 100%; min-width: 820px; position: relative; width: 100%; }
.wrapper { margin: 0 auto; padding: 0 20px; position: relative; width: 780px; }

.header { height: 130px; position: relative;  z-index:12; }
.container { padding: 0 0 20px;  position: relative; z-index:11; }
.content { float: left; position: relative; width: 460px; }
.sidebar { background: url(/images/sidebar-gradient.jpg) 0 0 no-repeat; float: left; margin: 5px 0 0 20px; min-height: 650px; padding-left:80px; position: relative; width: 220px; }
.subnav {   }
.footer { clear:both;  position: relative;   z-index:12;}

/* HEADER STYLES */
.header .wrapper { padding: 0; width: 820px; }
.logo { padding: 15px 0 0; position: relative; text-align: center; z-index:2;  }
.language {  padding: 10px 0; position: absolute; right: 0; top: 0; z-index:3; }
.sponsored { float: right; text-align: right; width: 240px; }
.sponsored span { display: none; }
.tagline { float: left; width: 240px; }

/* NAVIGATION */
.nav { padding:10px 0 0 0; position:relative; z-index:1;  }
.nav ul{  }
.nav li { background: url(/images/nav-divider.gif) 0 0 no-repeat; float:left; padding: 0 6px;  }
.nav li:first-child { background: none; } 



/* 
////////////////////////
PAGE STYLES 
//////////////////////// 
*/


/* UNIVERSAL STYLES */
.container .wrapper { background: #fff; min-height: 770px; }

.content ul.gallery li{ background:none; float:left; margin:0 10px 10px 0; padding-left:0; }

.hidden { display:none; }
input[type=hidden] {display: none;}
fieldset { margin: 0 0 2em;}

hr { background: #e5e5e5; border: 0px; color: #e5e5e5; height: 1px; margin: 10px 0;  }


/* HOME STYLES */
.banner { background: #f2f2f2 url(/images/banner-background.png) center bottom no-repeat; margin:10px -20px; padding: 10px 20px 0; width: 780px; }
.banner .headline img{ border-bottom: 1px #ccc dotted; }
.banner h3 { float: left;  width: 540px; }
.banner .orange-button { float: right;}
.banner.collapsed { background: #f2f2f2;  }
.banner.collapsed h3, .banner.collapsed .orange-button { display: none; }

.row1  { background: url(/images/row-shadow.jpg) center bottom no-repeat; margin: 20px 0; padding: 0 0 15px; } 
.row1 .video { float:left; width: 300px; } 
.row1 .theIssue { float:left; padding-left: 20px; width: 300px; } 
.row1 .joinUs { float:left; padding-left: 20px; width: 140px; } 

.row2 .joinEffort { float:left; width: 220px; } 
.row2 .interview { float:left; padding-left: 20px; width: 220px; } 
.row2 .twitterFeed { float:left; padding-left: 20px; width: 300px; } 

/* CUSTOM PAGE STYLES */

.announcement { background: #000; margin:-9px -20px 10px; padding: 10px 20px; width: 780px; }
.announcement.collapsed { display: none; }

.joinUs li, .inTheNews li { padding: 0 0 1.25em;  background:none;}

.greybox { background:#f2f2f2 url(/images/greybox-shadow.png) center bottom no-repeat; padding: 10px;}
.greybox .blue-button { float: left; margin-right: 10px;}

.social-links { padding-bottom: 2em; }
.social-links li { background: none; float: left; margin-right: 15px; padding: 0; }


.list-teaser { margin: 2em 0; }
.advocacy-center { float: left; position: relative; width: 200px; }
.broadcaster-toolkit { border-left: #f2f2f2 solid 2px; float: right; padding: 0 0 0 20px; position: relative; width: 220px; }


/* FORM STYLES */
.joinEffort select { margin: 0 0 .5em; width: 100%; }
.joinEffort input { margin: 0 0 .5em; width: 100%; }
.joinEffort input:focus { border-color: #00285d;  }
.joinEffort input[type=checkbox], input[type=checkbox] { display: inline; width: auto; }

/* 
////////////////////////
SUBNAV STYLES
//////////////////////// 
*/

.sidebar div { margin-bottom: 1.5em; }
.sidebar div div { margin-bottom: 0; }

.subnav ul { border-top: #ccc dotted 1px;  }
.subnav li { border-bottom: #ccc dotted 1px;  padding:5px 0; position: relative; }
.subnav li li, .subnav li ul { border: 0; }
.subnav li li { font-size:.79em; line-height:1.2em; padding: 2px 20px; }

/* 
////////////////////////
FOOTER STYLES
//////////////////////// 
*/
.footer .wrapper { border-top: #ccc dotted 1px; margin: 0 auto; padding: 10px 0;  }
.footer .copyright { clear: both; position: relative; }



/* 
////////////////////////
CLEARS
//////////////////////// 
*/

.wrapper:after,
.nav:after,
.banner:after,
.row1:after, .row2:after,
.list-teaser:after,
.social-links:after,
.footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }


/* 
////////////////////////
CUSTOM FORM
//////////////////////// 
*/

.reportform {
    padding-top:10px;
}

.reportform .oneField input {
    display:inline-block;
}

.reportform fieldset {
    padding-top:15px;
}

.messageLink {
    padding-top:15px;
}

.reportform td{ padding:4px 0;}

.MultiFile-remove {
    font-weight: bold;
    font-size: 21px;

}

.reportform fieldset label, #dPopup label{
    color:#000000;
    font-weight:bold;
}

#dPopup input, #dPopup textarea
{
    background: #FFFFFF none repeat scroll 0 0;
}
#dPopup fieldset{
    margin: 0px;
}

#dPopup .popupText{
    width: 455px;
}

#dPopup .blue-button{
    float: left;
}

#dPopup .leftMargin{
    margin-left: 15px;
}


#dShareStory input, #dPopup textarea
{
    background: #FFFFFF none repeat scroll 0 0;
}
#dShareStory fieldset{
    margin: 0px;
}

#dShareStory .popupText{
    width: 455px;
}

#dShareStory .blue-button{
    float: left;
}

#dShareStory .leftMargin{
    margin-left: 15px;
}