﻿@import url("reset.css");
@import url("twitter.css");


/* CSS Document */

/* Redefine tags */

body {
	font: 70% Verdana, Arial, Helvetica, sans-serif !important;
	background: url(images/50by50/green_bg.jpg) repeat-x;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

p {
	margin-top: 15px;
	display: block;
}

div#body a {
	color: #005F8C !important;
	text-decoration: none;
}

a:hover {
	background-color: #EAF2AC;
}

div#mainBodyContent h2 {
	color: #56732C !important;
	font-size: 17px !important;
	margin-top: 0;
	margin-bottom: 0;
}

h3 {
	color: #666666;
	font-size: 15px !important;
	margin-top: 0;
	margin-bottom: 0;
	display:block;
}

ul {
	margin-top: 15px;
	margin-bottom: 15px;
	list-style-position:outside;
	margin-left: 25px;
	padding-left: 10px;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* 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;
}

div#banner {
	width: 1000px;
	height: 95px;
	background-color: #FFFFFF;
	position: relative;
}

div#logo {
	width: 135px;
	height: 75px;
	background: url(Images/50by50/50by50_logo.jpg) no-repeat;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
}

div#search {
	position:absolute;
	top: 15px;
	right:15px;
	vertical-align: bottom;
	height: 21px;
	display: inline;
}

div#search input {
	display: block;
	float: left;
	border: 1px solid #84A63C;
}

div#techsupport {
	float: left;
	padding-right: 10px;
	vertical-align: middle;
	clear: both;
	margin-top: -6px;
	}

div#navBar {
	float: left;
	margin-top: 78px;
}
div#nav {
	color: #56732C;
}

div#nav a {
	color: #56732C;
	text-decoration: none;
}

div#nav a {
	background-color: #FFFFFF;
}

div.bn {
	float: left;
	margin-right: 15px;
}

/* Body tags */

div#body {
	border: solid #84A63C;
	border-width: 3px 0 0 0;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	
}

/* General tags */

div#leftCol {
	width: 724px;
	float: left;
	margin-right: 15px;
	position:relative;
}

div#rightCol {
	width: 231px;
	float: left;
}

div#sectionFeature {
	width: 724px;
	margin-bottom: 15px;
}

div#mainBodyContent {
	width: 694px;
	padding-bottom: 15px;
}

/* Homepage tags */

div#flashFeature {
	width: 970px;
	margin-bottom: 15px;
}

div#hpPanels {
	width: 970px;
}

div#hpPanels h2, div#hpPanels h2 a {
	color: #56732C !important;
	font-size: 17px !important;
}

div.hpPanelA, div.hpPanelC {
	width: 231px;
	height: 250px;
	background: url(Images/50by50/panel_bg.jpg) no-repeat;
	float: left;
	margin-right: 15px;
}

div.hpPanelB {
	width: 231px;
	height: 265px;
	background: url(Images/50by50/panel_bg.jpg) no-repeat;
	float: left;
}

div.hpPanelB.home {
	margin-right: 15px;
	margin-bottom: 0px;
}

div.hpPanelD {
	width: 231px;
	height: 250px;
	background: url(Images/50by50/panel_bg.jpg) no-repeat;
	float: left;
}

div.hpPanelB h2 a:hover, div.hpPanelD h2 a:hover {
	background-color: #EAF2AC;
}

div.panelHeading {
	margin: 15px;
}

div.panelImg {
	margin-left: 1px;
	margin-right: 1px;
}

div.panelTxt {
	margin: 15px;
}

div#subnavPanel {
	width: 231px;
	margin-bottom: 15px;
}

div#subnavPanelTop {
	height: 44px;
	background: url(Images/50by50/subnav_top.jpg) no-repeat;
}

div#subnavPanelHeading {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
}

div#subnavPanelHeading h2 {
	color: #FFFFFF;
}

div#subnavPanelMiddle {
	border: solid #999999;
	border-width: 0 1px 0 1px;
}

div#subnavPanelLinks {
		
}

div#subnavPanelLinks a {
	display: block;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	padding: 10px 15px 10px 15px;
}

div#subnavPanelBottom {
	height: 12px;
	background: url(Images/50by50/subnav_bottom.jpg) no-repeat;
}

/* Updates page tags */

div#updates {
	
}

div.updateSummary {
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-top: 15px;
	padding-bottom: 15px;
}

/* Media page tags */

div#pressReleases {
	
}

div.pressReleaseSummary {
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-top: 15px;
	padding-bottom: 15px;
}

/* Publication page tags */

div#publications {
	
}

div.publication {
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	margin-top:15px;
	padding-bottom:15px;
	float: left;
}

/* Footer tags */

div#footer {
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
}

div#partners {
	width: 970px;
	height: 60px;
	margin-bottom: 15px;
}

div#partners a:hover {
	background-color: #FFFFFF;
}

div#footerNav {
	width: 970px;
	height: 30px;
	background-color: #84A63C;
}

div#copyright {
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}

div#footerLinks {
	color: #FFFFFF;
	float: right;
	margin-right: 15px;
	margin-top: 8px;
}

div#footerLinks a {
	color: #FFFFFF;
	text-decoration:none;
}

div#footerLinks a:hover {
	color: #56732C;
}

/* 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; }

/* ----------------------------------- */

.textBox {
	height: 14px;
	padding-top: 2px;
	color:  #55732D;
}
.submitBn {
	height: 19px;
	color: #FFFFFF;
	cursor: pointer;
	background-color: #84A63C;
	padding-bottom: 2px;
}
.textBox, .submitBn {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border-color: #84A63C;
}
#ctl00_PlaceHolderMain_EditModePanel3 {
	display: block;
	margin-bottom: 15px;
	/*
	display: block;
	float: left;
	*/
}
div.publicationImg {
	float:left;
	width:145px;
}
div.publicationSummary {
	float:left;
	width:545px;
}
div.pressReleaseWrapper {
	float: left;
	width: 400px;
}
.bullet {
	background: #FFFFFF url('images/50by50/bullet.gif') no-repeat left 4px !important;
	padding-left: 15px !important;
}
.item 
{
	clear:both;
	margin:6px 0 6px 4px;
}
.prList {
	margin-top: 5px;
	margin-bottom: 15px;
}
div.ms-PartSpacingVertical {
	margin: 0px;
	padding: 0px;	
}
#tooltip{
	display: none;
	position:absolute;
	z-index:100;
	border: none;
	padding:10px;
	background-color: transparent;
}
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;
}
div#faqlist ul {
	list-style:none;
}

/* ----------------------------------- */

div.logoGuidelinesImg {
	width: 160px;
	float: left;
	margin-right: 6px;
}

div.logoGuidelinesSummary {
	width: 250px;
	float: left;
	margin-top: -10px;
}

div.logoGuidelines {
	width: 600px;
	border-bottom: 1px dashed #999999;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* ----------------------------------- */

table.ms-disc-bar {
	background-color: #F5F5F5;
	background-image: none;
	border: 1px solid #CCCCCC;
}

.ms-formbody {
	background-color:#F5F5F5;
	font-size: 100%;
}

.ms-formlabel {
	font-size: 100%;
}

table.ms-toolbar, table.ms-viewtoolbar, .ms-toolbarContainer {
	background-color: #F5F5F5;
	background-image: none;
}

table.ms-toolbar, .ms-toolbarContainer {
	border: 1px solid #CCCCCC;
}

.ms-partline {
	background-color: transparent;
}

table tr td.ms-disc-bordered-noleft {
	font-size: 100% !important;
}

table tr td.ms-disc-bordered-noleft {
	border-left: 1px solid #CCCCCC;
}

table.ms-disc hr {
	color: #CCCCCC;
}
.ms-menutoolbar {
	background-image: none;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC !important;
}

/* ----------------------------------- */

div#eventsList {
	BORDER-BOTTOM:#56732C 1px dashed; 
	PADDING-BOTTOM: 1.5em;
	PADDING-TOP: 1em; 
	WIDTH: 720px; 
	FLOAT: left; 
	PADDING-TOP: 1em;			
}

div#eventsCol1-header {
	WIDTH: 200px; 
	FLOAT: left;
	font-weight: bold;
	color: #56732C;
	font-size: 14px;
}

div#eventsCol2-header {
	WIDTH: 300px; 
	FLOAT: left;
	font-weight: bold;
	color: #56732C;
	font-size: 14px;
	margin-left: 10px;
}

div#eventsCol3-header {
	WIDTH: 180px; 
	FLOAT: right; 
	MARGIN-LEFT: -180px;
	font-weight: bold;
	color: #56732C;
	font-size: 14px;
}

div#eventsCol1 {
	WIDTH: 200px; 
	FLOAT: left;		
	color: #56732C;
}

div#eventsCol2 {
	WIDTH: 300px; 
	FLOAT: left;		
	margin-left: 10px;
}

div#eventsCol3 {
	WIDTH: 180px; 
	FLOAT: right; 
	MARGIN-LEFT: -180px;		
}

div#cmyk {
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}

div#cmyk1 {
	width: 87px;
	float: left;
	margin-right: 16px;
}

div#cmyk2 {
	width: 87px;
	float: left;
	margin-right: 16px;
}

/* Changes for petition and tell a friend */
div.hpPanelC h2 {
	margin: 15px;	
}

#hpPetition, div.hpPanelC p {
	margin-left: 15px;	
	margin-right: 15px;
}

div.hpPanelC p, #hpPetitionEmail {
	margin-bottom: 10px;
}

#hpPetitionEmail input, #hpPetition #hpPetitionCountry select, #hpPetitionBn input,
#mainPetition .field.txtEmail input, #mainPetition .field.btnSubmit input {
	font-family: Verdana,sans-serif;
	font-size: 8pt;	
}

#hpPetitionEmail input {	
	width: 156px;
}

#hpPetition #hpPetitionCountry select {
	width: 198px;
	margin-bottom: 15px;
}

#mainPetition {
	padding-bottom: 10px;
}

#mainPetition .label {
	font-weight: bold;
	clear: both;
	float: left;
	width: 100px;
}

#receiveUpdates .field.chkUpdates input {
	padding-left: 0;
}

#mainPetition .field.txtEmail input {
	width: 200px;
}

#mainPetition .field.ddlCountry select{
	width: 206px;
}

#mainPetition .field.txtEmail, #mainPetition .field.ddlCountry {
	height: 27px;
}

#mainPetition .field.txtEmail span, #mainPetition .field.ddlCountry span {
	font-weight: bold;
	padding-left: 20px;
}

#mainPetition .field.txtEmail br {
	display: none;
}

#mainPetition .field.chkUpdates {
	margin-bottom: 5px;
}

#mainBodyContent.support-home #SupportBox {
	margin-top: 20px;
}

#mainBodyContent.support-home #SupportBox h2 {
	padding-bottom: 10px;
}

#mainBodyContent.support-home #receiveUpdates {	
	height: 0;
	visibility: hidden;
	display: none;
}

/*---------------- Stats page ------------*/
#mrs-stats tr.alt {	
	background: #F5FFDF;
}

#mrs-stats table {
	float:left;
	margin-bottom: 30px;
	margin-right: 15px;
}

#mrs-stats tr th {
	background: #84A63C;
	color: #FFF;
	font-size: 13px;
	padding: 3px;
	text-transform: uppercase;
}

#mrs-stats tr th {
	border-left: 1px solid #84A63C; 
}

#mrs-stats tr td {
	width: 50px;
	padding: 2px 5px;
	border: 1px solid #84A63C;
	border-top: none;
}

#mrs-stats tr td:first-child {
	width: 230px;
	border-right: none;
}
/*---------------- overwrite font ------------*/
.link-item, .link-item a, .link-item a:link {
	font-family:verdana,arial,helvetica,sans-serif !important;
}

@import url("50by50_print.css") print;