#socialMediaShareBlock .twitter_button {  
	display:block; 
	background: url(images/button_right.gif) no-repeat 100%; 
	float: left; 
	outline: none; 
	padding-right: 12px; 
	text-decoration: none; 
} 

#socialMediaShareBlock .facebook_button {  
  display:block; 
  background: url(images/button_right.gif) no-repeat 100%; 
  float: left; 
  outline: none; 
  padding-right: 12px; 
  text-decoration: none; 
 }
 
#socialMediaShareBlock .email_button {  
	display:block; 
	background: url(images/button_right.gif) no-repeat 100%; 
	float: left; 
	outline: none; 
	padding-right: 12px; 
	text-decoration: none; 
} 

#socialMediaShareBlock .twitter_button span {  
	display:block; 
	background: url(images/twitter_button_left.gif) no-repeat;  
	white-space: nowrap; 
	line-height: 17px; 
	padding: 0 0 0 20px; 
	font-family: Arial, Verdana; 
	font-size: 11px; 
	font-weight: normal;  
	color: rgb(1,1,1);  
	text-transform: none;  
}
 
#socialMediaShareBlock .facebook_button span {  
	display:block; 
	background: url(images/facebook_button_left.gif) no-repeat;  
	white-space: nowrap; 
	line-height: 17px;
	padding: 0 0 0 20px; 
	font-family: Arial, Verdana; 
	font-size: 11px; 
	font-weight: normal;  
	color: rgb(1,1,1);  
	text-transform: none;  
} 
 
#socialMediaShareBlock .email_button span {  
	display:block; 
	background: url(images/email_button_left.gif) no-repeat;  
	white-space: nowrap; 
	line-height: 17px;
	padding: 0 0 0 20px; 
	font-family: Arial, Verdana; 
	font-size: 11px; 
	font-weight: normal;  
	color: rgb(1,1,1);  
	text-transform: none;  
}  

#socialMediaShareBlock a:link, #socialMediaShareBlock a:visited {
	border: 1px dotted transparent;
	/* invisible now, but set the width and style now to keep the buttons 
			from shifting around when they get the focus, below */
}
 
#socialMediaShareBlock a:focus, #socialMediaShareBlock a:hover, #socialMediaShareBlock a:active {
	border: 1px dotted black;
}

.clearLeft {
	clear:left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}

#socialMediaShareBlock a {
	margin-right:10px;	
}

.emailSharePage {
	font-family: sans-serif;
	font-size: 12px;
}

.emailSharePage #banner {
	background: url(images/header-bg.png) repeat-x top;
}


.emailSharePage #banner h1 {
	background: url(images/star-logo.png) top left no-repeat;
	font-size: 16px;
	font-weight: normal;
	vertical-align: top;
	padding: 20px 0 15px 60px;
}

#emailShareForm { width: 600px; margin-left: auto; margin-right: auto; }

#emailShareForm .upperPart {
	background-color:#f7f7f7;
	border:1px solid #cfcfcf;
	margin-left:5px;
	padding-left: 5px;
}

#emailShareForm table {
	float: left;
	width: 24em;
	border-right:solid 1px #cfcfcf;
	margin-top: 10px;
	margin-bottom: 20px;
}
#emailShareForm th { text-align: right; vertical-align: top;  }
#emailShareForm td { text-align: left; vertical-align: top; }
#emailShareForm table input { width: 14em; }
#emailShareForm	.validatorText { color: red; display: none; }

#emailShareForm #pageDetails { float: right; width: 24em; }
#emailShareForm #pageTitleText { font-weight: bold; }

#emailShareForm #formDispositionButtons {
	text-align: right;
	border-top:1px solid #cfcfcf;
	margin:12px 0 5px 0;
	padding:4px;
	width:100%;
}
#emailShareForm	#formDispositionButtons a {
	text-decoration: none;
}
#emailShareForm #formDispositionButtons input {
	margin-bottom:5px;
}


#emailShareForm .clearLeft {
	clear:left;	
}
#emailShareForm .clearRight {
	clear:right;	
}