/*
 *	Style sheet for mail to a friend
 *	By: Ben Griffiths
 *	05/09/2006
 */



/* General Declarations */

.floatRight {
	float: right;
}

.clearboth {
	clear: both;
}

img {
	border-width: 0px;
}

/* Layout Declarations */

#mailFriendContainer {
	width: 479px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	display: none;
	background-color: #0074bf;
	overflow: none;
}

html>body #mailFriendContainer {
	width: 419px;
}

#responseContainer {
	width:760px;
	background-color: #0074bf;
	display: none;
	height: 40px;
	float: left;
	clear:both;
	padding-top: 15px;
}

html>body #mailFriendContainer {
	padding-bottom: 0px;
}

.paddedDashed {
	width: 390px;
	float: left;
	padding: 10px;
	border: 1px white dashed;
	margin-bottom: 10px;
}

.extraRecipient {
	clear: both;
	float: left;
	padding: 10px;
	border: none;
	background-color: #dddddd;
}

#mailFriendToggleBar {
	width: 100%;

}

#mailFriendToggleBarInner {
	height: 31px;
}

#recipient2, #recipient3, #recipient4, #recipient5 {
	clear: both;
	float: left;
	display: none;
	width: 100%;
}


/* Font Declarations */

h2.mailFriend, h3.mailFriend, h3.mailFriendWhite, input.mailFriendSubmit, textarea.mailFriend, p.mailFriend, div.mailFriend, a.yawnmailfriendlink {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.yourMessage {
	color: #000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input.mailFriend {
	color: #000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

h3.mailFriendBlack {
	color: #fff;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 10px;
	padding: 0px;
}

h2.mailFriend {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

h3.mailFriendWhite {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
}

h3.mailFriendWhite a {
	color: #fff;
}

h3.mailFriendWhite a:hover {
	color: #000;
}

.red {
	color: #ff0000;
}

a.yawnmailfriendlink {
	color: #fff;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
}


/* Other Declaration */


input.mailFriendSubmit {
	clear: both;
	float: right;
	background-color: #0074bf;
	font-weight: bold;
	margin-top: 10px;
	border: 1px solid white;
	width: 70px;
	height: 26px;
	margin-bottom:20px;
}

hr.mailFriend, hr.mailFriendBlock {
	background-color: #fff;
	color: #fff;
	height: 1px;
	border-width: 0px;
	width: 100%;
}

hr.mailFriendBlock {
	clear: both;
	float: left;
}

#yawnmailtofriendbox {
background-color: #00579a;
width: 760px;
}