﻿@charset "utf-8";
/* CSS Document */

/* Redefine tags */

body {
	font: 70% Verdana, Arial, Helvetica, sans-serif !important;
	background: url(images/mrs/grey_bg.jpg) repeat-x;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}

a {
	color: #005F8C;
	text-decoration: none;
}

div#body a {
	color: #005F8C !important;
	text-decoration: none;
}

p {
	margin: 11px 0 11px 0;	
}

a:hover {
	background-color: #CCCCCC;
}

h1 {
	font-size: 130% !important;
	background-color: #666666;
	color: #FFFFFF;
	clear:both;
	/*margin-top: 0;*/
	padding: 10px 10px 10px 10px;
}

h2 {
	color: #666666;
	font-size: 130% !important;
	margin-top: 0;
	margin-bottom: 0;
}


h2 a {
	text-decoration: none;	
}

h3 {
	color: #666666;
	font-size: 135% !important;
	/*margin-top: 0;*/
}
h3 a {
	text-decoration: none;	
}

h4 {
	font-size: 125% !important;
	color: #666666;
	margin-top: 0;
}

ul, ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 0;
}

img.left {
	float: left; 
	clear: left; 
	margin: 0 10px 10px 0;
}

div.smallImgRight {
	float: right;
	clear: right !important;
	margin-left: 15px;
	margin-bottom: 15px;
}


div.genImgRight {
	width: 250px;
	float: right;
	clear: right !important;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.imgRight {
	width: 210px;
	float: right !important;
	clear: right !important; 
	margin-left: 15px;
	margin-bottom: 15px;
}

div#imgRight {
	width: 210px;
	float: right !important;
	clear: right !important; 
	margin-left: 15px;
	margin-bottom: 15px;
}

div.cap {
	color: #666666;
}

img.leftWide {
	float: left; 
	clear: left; 
	margin: 0 15px 10px 0;
}

object.left {
	float: left; 
	clear: left; 
	margin: 0 10px 10px 0;
}

/* Layout tags */

div#container {
	width: 1000px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Header tags */

div#header {
	margin-bottom: 15px;
	float: left;
}

div#banner {
	width: 1000px;
	height: 85px;
	background: url(images/mrs/banner_bg.jpg) repeat-x;
	float: left;
}

div#fiafLogo {
	width: 366px;
	height: 85px;
	background: url(images/mrs/mrs_logo.jpg) no-repeat;
	float: left;
	margin-left: 20px;
}

div#navBar {
	width: 990px;
	height: 49px;
	background: url(images/mrs/nav_bg.gif) repeat-x;
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 10px;
}

#nav {
	float:left;
	font-weight:bold;
}
.nav a {

	color: #000000;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	border: solid #999999;
	border-width: 0 1px 0 0;
	font-weight: bold;
	text-transform:uppercase;
	display: block;
}

.nav table
{

}
.nav a:hover {
	background-color: #cccccc;
}

div#search {
	padding: 0;
	float: right;
	margin-top: 10px;
}

div#countryDropdown {
	float: right;
	margin-right: 15px;
	margin-top: 45px;
}

.countryDropdown {
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
}

.textBox {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.submitBn {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

/* Body tags */

/* General tags */

div#body {

}

div#leftCol {
	width: 641px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position:relative;
}

div#rightCol {
	width: 313px;
	float: left;
}

/* Nav tags */

div#subNav {
	background-color: #ECECEC;
	font-weight: bold;
	margin-bottom: 15px;
}

div#subNavTop {
	font-size: 14px;
	background: url(images/mrs/subnav_top_bg.gif) no-repeat;
	color: #FFFFFF;
	padding: 14px 15px 14px 15px;
}

div#subNavMain {
	border: solid #999999;
	border-width: 0 1px 0 1px;
}

div#subNavBottom {
	height: 11px;
	background: url(images/mrs/subnav_bottom.png) no-repeat;
}

div#subNavMain a {
	background: url(images/mrs/nav_arrow_off.gif) right 50% no-repeat;
	display: block;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	padding: 10px 15px 10px 15px;
}

div#subNavMain a:hover {
	background: url(images/mrs/nav_arrow_on.gif) right 50% no-repeat;
	background-color: #CCCCCC;
}

/* Section Specific tags */

/* Homepage tags */

div#body {
	margin-left: 15px;
	margin-right: 15px;
}

div.hpImgRight {
	float: right; 
	clear: right; 
	margin: 0 0 15px 15px;
}

div#hpRow1 {

}

div#hpRow2 {
	padding-top: 15px;
}

div#hpRow3 {
	
}

div#mainFeature {
	width: 641px;
	height: 299px;
	float: left;
	margin-right: 15px;
}

div#sectionHeader {
	margin-bottom: 15px;
}

div#flashFilm {
	width: 313px;
	height: 299px;
	float: left;
}

div.hpRow2Col1 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_a.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 15px 15px 0 15px;
}

div.hpRow2Col2 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_a.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 15px 15px 0 15px;
}

div.hpRow2Col3 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_a.jpg) no-repeat;
	float: left;
	padding: 15px 15px 0 15px;
}

div.hpRow3Col1 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_b.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 15px 15px 0 15px;
}

div.hpRow3Col2 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_b.jpg) no-repeat;
	float: left;
	margin-right: 15px;
	padding: 15px 15px 0 15px;
}

div.hpRow3Col3 {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_b.jpg) no-repeat;
	float: left;
	padding: 15px 15px 0 15px;
}

div#hpPetitionEmail {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-top: -10px;
}

div#hpPetitionCountry {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 5px;
}
div#hpPetitionBn {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

/* News tags */

div#mainNews {
	width: 641px;
}

div#newsStory1 {
	width: 641px;
	height: 158px;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div#newsStory1Img {
	width: 210px;
	float: left;
	margin-right: 15px;
}

div#newsStory1Heading {
	
}

div#newsStory1Summary {
	
}

div.newsStory2 {
	width: 310px;
	float: left;
	margin-bottom: 15px;
}

div#newsStory2Img {
	width: 90px;
	float: left;
	margin-right: 15px;
}

div#newsStory3 {
	width: 313px;
	float: left;
	margin-bottom: 15px;
}

div#newsStory3Img {
	width: 90px;
	float: left;
	margin-right: 15px;
}

/* Take Action page */

div#mainPetition {
	margin-top: 15px;
}

div#petitionCol1 {
	width: 75px;
	float: left;
	margin-right: 15px;
}

div#petitionCol2 {
	float: left;
}

div.formItemName {
	margin-bottom: 15px;
}

div.formItem {
	margin-bottom: 5px;
}

div.petitionSubmitBn {
	margin-top: 35px;
}

div.rightFeatureA {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_a.jpg) no-repeat;
	padding: 15px 15px 0 15px;
}

div.rightFeatureB {
	width: 283px;
	height: 153px;
	background: url(images/mrs/feature_b.jpg) no-repeat;
	padding: 15px 15px 0 15px;
}

div#showSupport{
	width: 641px;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	padding-bottom: 15px;
}

div#supportColA{
	float: left;
}

#supportColA #mainPetition {
	width: 300px;
}

#supportColA #mainPetition .label {
	display: none;
}

#supportColA #mainPetition .lblCountry, #supportColA #mainPetition .lblEmail {
	display: block;
}

/* Stops the Tell A Friend block floating to the right */
#leftCol table {
	float: left;
}

/* Hide Show Your Support Main */
div#supportColB{
	display: none;
	clear:both;
}

div#showSupport br {
	display: none;
}

/* Hide Show Your Support Right */
div#rightCol div.boardDownload {
	display: none;
}

/* Media pages */

div.pressReleaseSummary {
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-bottom: 15px;
}

div#imgGallery {
	width: 641px;
}

div.imgGalleryRow {
	width: 641px;	
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div.imgGalleryImages {
	
}

div.imgGalleryColA {
	width: 203px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;	
}

div.imgGalleryColB {
	width: 203px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;	
}

div.imgGalleryColC {
	width: 203px;
	float: left;
	padding-bottom: 10px;	
}

div.imgGalleryText {
	padding-bottom: 10px;	
}

div.imgGalleryTextColA {
	width: 203px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;
}

div.imgGalleryTextColB {
	width: 203px;
	float: left;
	margin-right: 16px;
	padding-bottom: 10px;
}

div.imgGalleryTextColC {
	width: 203px;
	float: left;
	padding-bottom: 10px;
}

div.imgGalleryLinksColA {
	width: 203px;
	float: left;
	margin-right: 16px;
}

div.imgGalleryLinksColB {
	width: 203px;
	float: left;
	margin-right: 16px;
}

div.imgGalleryLinksColC {
	width: 203px;
	float: left;
}

div#logos {
	width: 641px;	
}

div.logoDetails {
	width: 641px;	
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div.logoImg {
	width: 285px;
	float: left;
	margin-right: 15px;
}

div.logoText {
	float: left;
}

div#webButtons {
	
}

div#webButtonsSilver {
	width: 641px;	
	margin-bottom: 15px;
}

div#webButtonsWhite {
	width: 641px;	
}

div.webButtonCol1 {
	width: 200px;
	float: left;
	margin-right: 15px;
}

div.webButtonCol2 {
	width: 250px;
	float: left;
	margin-right: 15px;
}

div.webButtonCol3 {
	
}


/* Publications page */

div.publication {
	width: 641px;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div.publicationImg {
	width: 196px;
	float: left;
}

div.publicationSummary {
	float: left;
	width: 440px;
}

/* Footer tags */

div#pageFooter {
	width: 970px;
	height: 50px;
	background: url(images/mrs/footer_bg.gif) repeat-x;
	margin-left: 15px;
	margin-right: 15px;
}

div#copyright {
	color: #FFFFFF;
	float: left;
	margin-top: 22px;
	margin-left: 15px;
}

div#footerLinks {
	color: #FFFFFF;
	float: right;
	margin-top: 22px;
	margin-right: 15px;
}

/* SharePoint Styling for authoring bar */

.authoringRegion {
	background-color:#DDDDDD;
	color:#333333;
	width:100%;
}

.siteActionMenu {
	float:right;
}

.sharepointLogin {
	display:inline;
	float:right;
}

.console {
	clear:both;
}
.authoringRegion	{ visibility:hidden; }
.siteActionMenu		{ visibility:visible; }
.console			{ visibility:visible; }

#movie_bg {
	background: transparent url('images/movie_bg.gif') no-repeat;
	height: 300px;
	width: 314px;
	padding-top: 5px;
	padding-left: 5px;
}

div#footerLinks a
{
	color: #ffffff;
}

span#__publishingReusableFragment {
	display: block;
}

.bullet {
	background: transparent url('images/mrs/bullet.gif') no-repeat left center !important;
	padding-left: 15px !important;
}

#newsStory2Summary {
	float:left;
	margin-top: 10px;
}
#newsStory2Summary p {
	margin: 0;
}
#newsStory2Heading h2 {
	margin: 0;
}
#tooltip{
	display: none;
	position:absolute;
	z-index:100;
	border: none;
	padding:10px;
	background-color: transparent;
}
div.ms-PartSpacingVertical {
	margin: 0px;
	padding: 0px;
	
}
div#hpPetitionEmail {
	margin: 0px;
}

/*---------------- Stats page ------------*/
#mrs-stats tr.alt {	
	background: #ececec;
}

#mrs-stats table {
	float:left;
	margin-bottom: 30px;
	margin-right: 15px;
}

#mrs-stats tr th {
	background: #999;
	color: #FFF;
	font-size: 13px;
	padding: 3px;
	text-transform: uppercase;
}

#mrs-stats tr td {
	width: 50px;
	padding: 2px 5px;
	border: 1px solid #999999;
	border-top: none;
}

#mrs-stats tr td:first-child {
	width: 230px;
	border-right: none;
}

/*---------------- Petition forms ---------------*/
.label, .field {
	padding: 0;
	margin: 0;
}

.image-upload .form .label, #mainPetition .label {
	font-weight: bold;
	width: 55px;
	clear: both;
	float: left;
}

#mainPetition .label {
	width: 75px;
}

.image-upload .form .field, #mainPetition .field {
	float: left;
	width: 200px;
}

.image-upload .row {
	float: left;
}

.image-upload .field input, #mainPetition .field input {
	font-size: 12px;
}

#hpPetitionEmail .error {
	position:absolute;
	width: 250px;
	bottom: 22px;
	left: 0px;
}

#hpPetitionEmail {
	position: relative;
}

.error, .tellAFriendLblErrorMessage span,
.notice, 
.success	{
	padding: 6px 6px 6px 24px;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	display: block;
}

.error, .tellAFriendLblErrorMessage span { background: #FBE3E4 url('Images/cancel.png') no-repeat 5px center; color: #8a1f11; border-color: #FBC2C4; }
.notice		{ background: #FFF6BF url('Images/error.png') no-repeat 5px center; color: #514721; border-color: #FFD324; }
.success	{ background: #E6EFC2 url('Images/accept.png') no-repeat 5px center; color: #264409; border-color: #C6D880; }
.error a	{ color: #8a1f11; }
.notice a	{ color: #514721; }
.success a	{ color: #264409; }


div.flMultimediaCol1
{
	background:transparent url(images/mrs/feature_a.jpg) no-repeat scroll 0 0;
	float:left;
	height:153px;
	margin-right:15px;
	padding:15px 15px 0;
	width:283px;
}

div.flMultimediaCol2 
{
	background:transparent url(images/mrs/feature_a.jpg) no-repeat scroll 0 0;
	float:left;
	height:153px;
	padding:15px 15px 0;
	width:283px;
}

div.imgRight
{
	float:right;
	clear: right;
	margin-left:15px;
	margin-bottom: 15px;
}

div#multimediaFeatures 
{
	border-color:#CCCCCC;
	border-style:dotted;
	border-width:1px 0 0;
	margin-top:15px;
	padding-top:15px;
	width:641px;
}

#joinCampaign h4
{
	margin-top: 0;
	padding-bottom: 8px;
}

.hpRow2Col3 #hpPetitionCountry select 
{
	font-family:Verdana,sans-serif;
	font-size:8pt;
	width:200px;
}

#mainPetition div#receiveUpdates {
	display: none;
}

#mainPetition span {
	display: block;
	height: 20px;
}

p.tellAFriendLblEmail{
	margin-top: 0;
}

p.tellAFriendLblEmail span {
	margin-top: 0;
	display: block;
}

p.tellAFriendLblErrorMessage{
	margin: 0;
}
#mainPetition > div {
	display: inline;
}
#mainPetition div.field.txtEmail span {
	height: auto;
}

/********    IE8 Hacks for Tell a Frieand Webpart     ***********/

p.tellAFriendLblEmail {
	margin-top:  /*\**/-10px\9;
}
.tellAFriendLblErrorMessage span {
	margin-bottom: /*\**/20px\9;
}

div#mobileHpImage {
	display: none;			
}

div#mobileFilmImage {
	display: none;			
}

div#mobileQuote {
	display: none;			
}

div#mobileSectionImage {
	display: none;
}
@media handheld 
{
   iPhone.css
}


/* Fixing space below the main image in IE7 */
div#WebPartWPQ2.ms-WPBody h3, div#WebPartWPQ4.ms-WPBody h3, div#WebPartWPQ7.ms-WPBody h3 {
	margin-top: 14px;
}

div#WebPartWPQ3.ms-WPBody h1 {
	margin-top: 0.67em;
}