/*
********************************************************************************
The Grace Academy
********************************************************************************

The contents of this style sheet are copyright 1999-2007 The Grace
Academy and may not be reproduced without the expressed written consent of the 
copyright holder.

********************************************************************************

FORMAT

The order of this style sheet corresponds to the intended visual appearance of
page elements, prioritized first by left-to-right, and then by top-to-bottom.

Elements will be selected up to three times (as necessary) and will be selected
according to the following order:

1. Dimensional aspects - element width, height, margin, padding etc.
2. Stylistic aspects - backgrounds, colors, typography, etc.
3. Positional aspects - position, left, right, top, bottom, etc.

*********************************************************************************
*/


/** General Selectors **/

html {}

a:active, a:focus {outline: none;}

address {display: block; padding: 0 0 14px 36px;}
address {font-style: normal; font-size: 14px;}
	address span {display: block;}

body {margin: 0; padding: 0;}
body {font-family: Arial, Verdna, sans-serif; background: #ffffff; font-size: 14px;}


body.mainIndex {background: #ffffff /*url( /images/containerBack.gif ) repeat-y 2px 0*/;}


cite {display: block;}
cite:before {content: '- ';}

h4 {font-size: 13px;}

ol {padding-right: 220px;}
ol {font-size: 14px;}
	ol li {}
	
img {border:none;}

/** Container **/

div#social {width: 760px; margin: 0 auto 4px auto;}

div#container {

width: 775px;
position: absolute;
left:50%;
margin-left:-388px;

}


	/** Header **/
	
	div#header h1 {display: block; width: 775px; height: 123px; margin: 0;} 
	div#header h1 {}
		#header h1 a {display: block; width: 775px; height: 123px;}
		#header h1 a {background: url( /images/banner.jpg ) no-repeat; text-indent: -9999px;}

	
	/** Top Nav **/
	
	div#top {display: block; width: 775px; height: 31px; position:relative; z-index:500;}
	div#top {background: url( /images/topNav.jpg ) no-repeat 0 0;}
		#top ul {padding: 0; margin: 0; display: block; width: 775px; height: 31px;} /* A ul width and height must be set for the links to work with #top's background image*/
		#top ul {list-style: none;}
			#top ul li {padding: 0; margin: 0; display: block;}
			#top ul li {text-indent: 0;}
			#top ul li {float: left; position: relative;}
			#top ul li a {display: block; height: 31px;}
			#top ul li a {text-indent: -9999px; text-decoration: none;}
				#top ul li ul {display: none; width: auto; padding: 0;}
				#top ul li ul {position: absolute; top: 31px;}
					#top ul li ul li {width: auto; padding: 0; margin: 0;}
					#top ul li ul li {border-left: 1px solid #354b66; border-right: 1px solid #354b66; text-indent: 0;}
					#top ul li ul li {float: none;}
					#top ul li ul li a {display: block; height: auto; width: 134px; padding: 1px 3px;}
					#top ul li ul li a {text-indent: 0; color: #354b66; background-color: #bacce1; font: bold 16px "Times New Roman", serif;
											border-bottom: 2px solid #354b66; }
					#top ul li ul li a:hover {background-color: #e5f0fd; color: #000000;}
					
		
		/** Individual Top Nav Links **/
		
		#aboutus {width: 78px;}
		#tuition {width: 69px;}
		#courses {width: 80px;}
		#features {width: 79px;}
		#enroll {width: 63px;}
		#resources {width: 98px;}
		#affiliates {width: 87px;}
		#faq {width: 50px;}
		#logins {width: 71px;}
		#contact {width: 100px;}
		
	
	/** Content **/
	
	div#content {padding-top: 6px; padding-left: 60px; padding-right: 23px;}
	div#content {clear: left;}
	
	div#content ul {padding-left: 0px; padding-right: 220px; margin-left:0;}
	div#content ul {font-size: 14px;}
	
    div#content #courselistings ul {list-style-type:none; padding: 15px;}
    div#content #courselistings ul {font-size: 12px;}
	
	div#content dl {padding-right: 220px;}
	div#content dl {font-size: 14px;}
		div#content dl dt {font-weight: bold; font-size: 13px;}
		div#content dl dd {padding-bottom: 14px;}
			div#content dd ul {padding-right: 0; padding-top: 14px;}
				div#content dd ul li {padding-bottom: 7px;}
	
	#content ul.pictureStripRight {padding: 0; margin: 0;}
	ul.pictureStripRight {list-style: none; text-align: right;}
	ul.pictureStripRight {float: right;}
		ul.pictureStripRight img {margin-right: 3px; margin-bottom: 13px;}
		ul.pictureStripRight img {border: 3px solid #90272c;}
		ul.pictureStripRight img.noBorder {border: none; margin-right: 2px;}
			ul.pictureStripRight img {margin-bottom: 63px; margin-right: 0;}
			ul.pictureStripRight img {border: none;}
			
	#content ul.pictureStripLeft {margin: 0; padding: 0;}
	ul.pictureStripLeft {list-style: none;}
	ul.pictureStripLeft {float: left;}
		ul.pictureStripLeft img {margin-right: 15px; margin-left: 0;}
			
		#content a {color: #324762; text-decoration: underline;}
			
		#content h2 {margin: 0; padding-top: 16px; padding-right: 220px; padding-bottom: 13px; color:#3c5574;}
		#content h2 {font-size: 20px;}
		
		#content h3 {margin: 0; padding-bottom: 13px; padding-top:13px;}
		#content h3 {font-size: 16px; color: #3c5574;}
		
		#content p {margin: 0; padding-right: 220px; padding-bottom: 15px;}
		#content p {font-size: 14px;}
	
	
	
		/** Homepage-specific **/
		
		div#container.mainIndex {background: url( /images/containerBack.gif ) repeat-y 2px 0;}
		div#container.mainIndex #content {padding-top: 10px; padding-left: 2px; padding-right: 0;}
		div#container.mainIndex #content {background: url( /images/contentBack.gif ) no-repeat;}
		div#container.mainIndex #content {}
			div#container.mainIndex #content h2 {margin: 0;}
			div#container.mainIndex #content ul {list-style: none;}
		
			/** Left Column **/	
				
			#content #leftColumn, #content #middleColumn, #content #rightColumn {width: 227px; padding-left: 10px; padding-right: 20px; padding-top: 8px;}
			#content #leftColumn, #content #middleColumn, #content #rightColumn {float: left;}
			
			#content #leftColumn {}
			#content #leftColumn {color: #ffffff; background: transparent url( /images/leftColumn.gif ) no-repeat;}
				
				#leftColumn img {margin-left: 8px;}
			
				#leftColumn form {padding-top: 23px; padding-right: 14px;}
					#leftColumn form fieldset {padding: 0; margin:0;}
					#leftColumn form fieldset {border: none;}
						#leftColumn form fieldset ol {padding: 0 0 0 8px; margin: 0;}
						#leftColumn form fieldset ol {list-style: none;}
							#leftColumn form fieldset ol li {}
							#leftColumn form fieldset ol li {float: left;}
								#leftColumn form fieldset ol li label {padding-right: 3px;}
								#leftColumn form fieldset ol li label {font-size: 12px;}
								#leftColumn form fieldset ol li input {width: 118px;}
								#leftColumn form fieldset ol li input#submit {display: inline; width: auto; padding: 4px 0 4px 0;}
								#leftColumn form fieldset ol li input#submit {background: none; color: #ffffff; border: none;
																				font-size: 9px; text-indent: 0; text-decoration: underline;}
					#leftColumn form p {margin-top: 0; padding-left: 5px; padding-right: 0;}
					#leftColumn form p {font-size: 11px; text-align: center;}
					#leftColumn form p {clear: left;}
					
				#leftColumn form.search {padding-left: 19px; padding-right: 0; padding-top: 0;}
																				
			
			#content #leftColumn h2 {padding-top: 20px; padding-right: 9px; padding-bottom: 0;}																	
			#content #leftColumn h2 {font-size: 15px; text-align: center; color:#fff;}
			#content #leftColumn h2.search {padding-top: 11px; padding-left: 19px; padding-right: 0;}
			#content #leftColumn h2.search {font-size: 14px; text-align: left;}
			#content #leftColumn h2.search {clear: left;}
			
			div#container.mainIndex div#content #leftColumn ul {padding: 15px 0 14px 3px; margin: 0;}
			div#container.mainIndex #content #leftColumn ul {font-size: 12px;}
				#content #leftColumn ul li {padding-bottom: 15px;}
					#content #leftColumn ul li q {}
					#content #leftColumn ul li cite {}
					
					
			/** Middle Column **/		
								
			#container.mainIndex #content #middleColumn {padding-right: 10px; width: 237px;}
			#content #middleColumn {background: url( /images/middleColumn.gif ) no-repeat;}
			#content #middleColumn {}
				#middleColumn h2 {padding-left: 14px; padding-top: 10px; padding-bottom: 10px; padding-right: 0;}
				#middleColumn h2 {font-size: 22px; font-weight: normal; color: #8f2831;}
				
				div#content #middleColumn ul {padding-left: 14px; padding-bottom: 12px; padding-right: 0;margin: 0;}
				div#content #middleColumn ul {color: #1d4167; font-weight: bold; font-size: 12px;}
				
				#middleColumn img {margin-left: 14px; margin-bottom: 14px;}
				
				#middleColumn p {padding-left: 14px; padding-top: 3px; padding-right: 0; margin: 0;}
				#middleColumn p {color: #1d4167; font-weight: bold; font-size: 12px;}
				
				#middleColumn div {padding-left: 36px; margin-bottom: 25px; margin-top: 20px;}
				
			div#radioGrace {height: 263px; margin-left:22px;}
			
			
			/** Right Column **/
			
			#content #rightColumn {background: url( /images/rightColumn.gif ) no-repeat 0 0;}
				div#content #rightColumn h2 {padding-left: 14px; padding-top: 10px; padding-bottom: 10px; padding-right: 0;}
				#rightColumn h2 {font-size: 22px; font-weight: normal; color: #8f2831;}
				
				#content #rightColumn ul {padding-left: 14px; padding-bottom: 12px; padding-right: 0; margin: 0;}
				div#content #rightColumn ul {color: #1d4167; font-weight: bold; font-size: 12px;}
				
				#rightColumn a#tour {display: block; width: 71px; height: 94px;}
				#rightColumn a#tour {text-indent: -9999px; background: url( /images/academy_online_tours.jpg ) no-repeat;
										border: 1px solid #000000;}
				#rightColumn a#tour {float: left; position: relative; left: 14px; top: 9px;}
				
				#rightColumn a#lpChatBtn {margin-bottom: 20px;}
				#rightColumn a#lpChatBtn {float: right; position: relative; right: 5px;}
				
				#rightColum span#kayakoLink {margin-bottom: 20px;}
				#rightColumn span#kayakoLink {float: right; position: relative; right: 5px;}				
				
				#rightColumn p {padding-left: 14px; padding-bottom: 14px; padding-right: 0;}
				#rightColumn p {color: #1d4167; font-weight: bold; font-size: 12px;}
				
		/** Testimonials **/
		
		div#content ul#testimonials {padding-right: 220px; padding-left: 0;}
		ul#testimonials {font-size: 14px; list-style: none;}
			ul#testimonials li {padding-bottom: 14px;}
				ul#testimonials li h3 {}
				ul#testimonials li ul {padding: 0;}
				ul#testimonials li ul {list-style: none;}
					ul#testimonials li ul li {}
						ul#testimonials li ul li q {}
						ul#testimonials li ul li cite {display: inline;}
						ul#testimonials li ul li cite {font-style: normal;}
						
		/** News **/
		
		p.news {position: relative;}
			p.news span.date {position: absolute; left: 0; top: 0;}
			p.news span.news {display: block; padding-left: 60px;}
			
		
		/** Tuition **/
		
		#content small {display: block; padding-bottom: 10px; padding-right: 220px;}
		
		a#enrollment {display: block; width: 168px; height: 22px; padding-bottom: 14px;}
		a#enrollment {text-indent: -9999px; background: url( /images/enroll_08.gif ) no-repeat;}
		
		table {font-size: 13px;}
		
		table.tuition {width: 460px;}
		table.tuition {border-collapse: collapse; border: 1px solid #777777;}
			table.tuition thead {}
				table.tuition thead tr {}
					table.tuition thead tr td {padding: 3px;}
					table.tuition thead tr td {background-color: #59547c; color: #ffffff; font-weight: bold; border: 1px solid #777777;}
			table.tuition tbody {}
				table.tuition tbody tr {}
					table.tuition tbody tr td {padding: 4px;}
					table.tuition tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;}
					#content table.tuition tbody tr td small {display: block; padding-right: 0;}
		
		span.tuition {font-size:10px;}				
		
		table.fees {width: 460px; margin-bottom: 10px;}
		table.fees {border-collapse: collapse; border: 1px solid #777777;}
			table.fees thead {}
				table.fees thead tr {}
					table.fees thead tr td {padding: 3px;}
					table.fees thead tr td {background-color: #59547c; color: #ffffff; font-weight: bold; border: 1px solid #777777;}
			table.fees tbody {}
				table.fees tbody tr {}
					table.fees tbody tr td {padding: 4px;}
					table.fees tbody tr td {background-color: #e5f0fd; border: 1px solid #777777;}
						table.fees tbody tr td small {display: block;}
						
		/** Resources **/
		.listBlocks{clear:both;}
		div#content ul.articleLinks {width: 500px; }	
		div#content ul.articleLinks {list-style: none;}	
			
			ul.articleLinks li {width: 250px; padding-bottom: 0px;}
			ul.articleLinks li {float: left;}
				ul.articleLinks li h3 {width: 250px; margin-top:15px;}
				div#content ul.articleLinks li ul {padding-bottom: 0px;}
				div#content ul.articleLinks li ul {list-style: none;} /* links*/
				div#content ul.articleLinks li ul {}
					/*ul.articleLinks li ul li {width: auto; padding: 0;}*/
					
		
		/** Partners By Grace **/
		
		form#pbgForm {padding: 0; width: 600px;}
			form#pbgForm fieldset {padding: 0;}
			form#pbgForm fieldset {border: none;}
				form#pbgForm fieldset ol {padding: 0;}
				form#pbgForm fieldset ol {list-style: none;}
					form#pbgForm fieldset ol li {padding: 10px 0;}
					form#pbgForm fieldset ol li {clear: both;}
						form#pbgForm fieldset ol li label {display: block; width: 150px; padding-right: 20px;}
						form#pbgForm fieldset ol li label {font-weight: bold;}
						form#pbgForm fieldset ol li label {float: left;}
							form#pbgForm fieldset ol li label span {display: block; width: 150px;}
						form#pbgForm fieldset ol li input {width: 200px;}
						form#pbgForm fieldset ol li input.submit {width: auto;}
						form#pbgForm fieldset ol li select {}
						form#pbgForm fieldset ol li textarea {}
						
		
		/** FAQs **/
		
		div#content ul#masterFaqList {padding: 0; margin: 0;}
		ul#masterFaqList {list-style: none; font-family:Arial, Helvetica, sans-serif;}
			ul#masterFaqList li {}
			ul#masterFaqList h2{color:#3c5574;}
				ul#masterFaqList li h3 { }
				div#content ul#masterFaqList li ul {padding: 0 0 14px 0; margin: 0; }
				#content ul#masterFaqList li ul {list-style: none;}
				
		dl.faqList {padding-right: 220px;}
			dl.faqList dt {font-weight: bold;}
			dl.faqList dd {padding-bottom: 14px; padding-left: 0; margin: 0;}
			
		
		/** Mimi's CV **/
		
		#content h2.mimiCV {padding-right: 220px;}
		#content h2.mimiCV {font-size: 24px; text-align: center;}
		
		#content address.mimiCV {padding-left: 0; padding-right: 220px;}
		#content address.mimiCV {text-align: center; font-size: 13px;}
		
		#content p.mimiCV {font-size: 13px; text-align: center;}
		
		#content h3.mimiCV {padding-right: 220px;}
		#content h3.mimiCV {color: #000000; font-size: 13px; text-align: center;}
		
		#content ul#mimiCV {padding-left: 0; padding-bottom: 20px; margin: 0;}
		#content ul#mimiCV {list-style: none;}
			ul#mimiCV li {font-size: 13px;}
				ul#mimiCV li h4 {font-weight: normal; text-align: center;}
				ul#mimiCV li ul#workExperience {padding: 0; margin: 0;}
				ul#mimiCV li ul#workExperience {list-style: none;}
					ul#mimiCV li ul#workExperience li {padding-bottom: 14px;}
					ul#mimiCV li ul#workExperience li {border-bottom: 2px solid #999999;}
						ul#mimiCV li ul#workExperience li h5 {font-size: 13px;}
							ul#mimiCV li ul#workExperience li h5 span {display: block;}
							ul#mimiCV li ul#workExperience li h5 span.duration {text-align: right;}
							ul#mimiCV li ul#workExperience li ul {padding: 0 0 0 40px; margin: 0;}
							ul#mimiCV li ul#workExperience li ul {list-style: disc;}
								ul#mimiCV li ul#workExperience li ul li {padding-bottom: 7px;}
								ul#mimiCV li ul#workExperience li ul li {border: none;}
				ul#mimiCV li ul {padding-right: 0; margin: 0;}
				ul#mimiCV li ul {list-style: disc;}
				
				
		/** Course Overview **/
		
		table#programChart {width: 470px;}
		table#programChart {border-collapse: separate; border-spacing: 1px; border-right: 1px solid #666666; 
							border-bottom: 1px solid #666666; font-size: 14px;}
			table#programChart thead {}
				table#programChart thead tr {}
					table#programChart thead tr td {padding: 14px;} 
					table#programChart thead tr td {font-weight: bold; font-size: 16px; color: #3c5574; 
													text-align: center; border: 1px solid #666666;}
			table#programChart tbody {}
				table#programChart tbody tr {}
					table#programChart tbody tr td {padding: 5px;}
					table#programChart tbody tr td {border: 1px solid #666666;}
					
		
		/** Course Pages **/
		
		#content ul.courseList {margin: 0; padding: 0 220px 0 0;}
		#content ul.courseList {list-style: none; font-size: 14px;}
			#content ul.courseList li {}
				#content ul.courseList li h3 {}
				#content ul.courseList li dl {padding-right: 0;}
					#content ul.courseList li dl dt {}
					#content ul.courseList li dl dd {}
					
				#content ul.courseList li ul {padding: 0; margin: 0;}
				#content ul.courseList li ul {list-style: none;}
					#content ul.courseList li ul li {list-style: none;}
						#content ul.courseList li ul li h4 {font-size: 12px;}
						
				
		/** Summer School **/
		
		form#summerSchool {padding-right: 220px;}
			form#summerSchool fieldset {padding-left: 0;}
			form#summerSchool fieldset {border: none;}
				form#summerSchool fieldset ol {padding: 0; margin: 0;}
				form#summerSchool fieldset ol {list-style: none;}
					form#summerSchool fieldset ol li {padding-top: 7px; width: 260px;}
					form#summerSchool fieldset ol li {clear: left;}
						form#summerSchool fieldset ol li label {display: block; width: 100px;}
						form#summerSchool fieldset ol li label {float: left;}
						form#summerSchool fieldset ol li input {width: 150px;}
						form#summerSchool fieldset ol li input.submit {width: auto;}
						form#summerSchool fieldset ol li input.submit {float: right;}
						
		
		/** Demo **/
		
		#content ul#courseDemo {padding: 0 220px 0 0; margin: 0 0 20px 0;}
		#content ul#courseDemo {list-style: none;}
			ul#courseDemo li {padding: 0; width: 215px; margin-right: 20px;}
			ul#courseDemo li {font-size: 11px; font-weight: bold; text-align: center;}
			ul#courseDemo li {float: left;}
				#courseDemo li a#flash, #courseDemo li a#html {display: block; width: 215px; height: 160px;}
				#courseDemo li a#flash, #courseDemo li a#html {text-indent: -9999px;}
				#courseDemo li a#flash {background: url( /images/flash_version.jpg ) no-repeat;}
				#courseDemo li a#html {background: url( /images/html_version.jpg ) no-repeat;}
					#courseDemo li a img {margin: 0 auto;}
				#courseDemo li ul {padding: 0; margin: 0;}
				#courseDemo li ul {list-style: none;}
				#courseDemo li ul {clear: left;}
					#courseDemo li ul li {width: auto; padding: 5px 0; margin: 0;}
					#courseDemo li ul li {float: none; clear: left;}
						#courseDemo li ul li em {display: block;}
						
		/** Multimedia **/
		
		#multimedia ul {list-style-type:none;}
		#multimedia ul {margin-left:50px; padding-right:0;}
		#multimedia li {line-height:16px; margin:0 0 18px 0;}
			#multimedia .leftWrapper, .rightWrapper{width:200px;}	
			#multimedia .leftWrapper, .rightWrapper{display: block; }
			#multimedia .leftWrapper, .rightWrapper{float:left;}
			#multimedia .centerWrapper{width:200px;}
			#multimedia .centerWrapper{display: block;}
			#multimedia .centerWrapper{float:left; margin: 0 15px 0 15px;}
				#multimedia .contentBlock {width: 200px;}
				#multimedia .contentBlock {display: block; }
				#multimedia .contentBlock {float: left; margin-bottom:20px;}
					#multimedia .contentBlock ul {padding-right:0px;} 
					#multimedia .list {background-color: #f58583; overflow:hidden;}
					#multimedia .list {padding:10px 10px 10px 10px;}
						#multimedia .list a{color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
 					#multimedia .whiteList {background-color: #f58583; overflow:hidden;}
					#multimedia .whiteList {padding:10px 10px 10px 10px;}
						#multimedia .whiteList a {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
	
	/** Portfolio **/
		div#portfolio ul {margin-top:0; margin-left:50px;}
		
	/** Affiliates **/
		#freecap {border: 1px solid #000;}
		#freecap {margin-left:170px;}
	
	/** Mimi_rothschild**/
	#resumeheader {text-align:center;}
	#hrBorders{border-top: 2px solid #999; width:250px; text-align:center;} 
			
	/** Footer **/
	
	div#footer {padding-top: 10px; padding-left: 7px;}
/*	#container.mainIndex div#footer {background: #ffffff url( /images/bottom.gif ) no-repeat 0 0;} */
	#container.mainIndex div#footer {background: #ffffff;}
	div#footer {clear: both;}
	
		#bbb {display: block;}
		#bbb {font-size:10px; border:2px solid #999999; padding:17px 5px 5px 5px; text-align:center; }
		#bbb {float: left; height:63px}
		#bbb a:link,  #bbb a:hover, #bbb a:visited, #bbb a:active {color:#666666; text-decoration:none;}
		
		#footer p {margin-top: 0;}
		#footer p {display: block; width: 565px;}
		#footer p {font-size: 11px; text-align: center;}
		#footer p {float: left; clear: none;}
		#footer img#npsaa {display: block;}
		#footer img#npsaa {float: left; clear: none;}
		
		#footer ul {text-align: center; margin: 0; display: block; width: 100%; height: 14px;} /* 100% width hides the striped background behind the floated <li> elements */
		#footer ul {list-style: none; font-size: 11px; background-color: #ffffff;}
		#footer ul {clear: left;}
			
			#footer ul li {padding: 0 3px;}
			#footer ul li {text-align: center; border-left: 1px solid #324762;}
			#footer ul li {float: left;}
			#footer ul li.first {border-left: none;}
				#footer ul li a {color: #324762;}
				
		#footer ul:first-child {border-left: none;}
		
		
/** Box-model hacks for IE5.5 **/

#top ul li ul li a {\width: 140px; w\idth: 134px;}
#top ul li ul li a {\margin-left: -16px; ma\rgin-left: 0;}

#container.mainIndex {}

#content #leftColumn, #content #middleColumn, #content #rightColumn {\width: 257px; w\idth: 227px;}
#container.mainIndex #content #middleColumn {\width: 257px; w\idth: 237px;}

div#radioGrace {\height: 460px; he\ight: 263px;}

ul#courseDemo li {\width: 420px; w\idth: 215px; \float: none; f\loat: left;}

#footer {\height: 300px; he\ight: auto;}
#footer {\position: relative; p\osition: static;}
#footer {\right: 2px; r\ight: 0;}

#faqPages {
width:475px; 
font-family:Arial, Helvetica, sans-serif;
}


#faqPages h2 {
padding-right:0;
padding:16px, 0px 13px, 0;
color:#3c5574;
}

.appCodeInfoSmall, .appCodeInfoLarge { background: #fff }

/* Facebook Send Button */
.fb-send-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  color: #3b5998;
  -moz-outline-style: none;
  text-decoration: none;
  background: #eceef5;
  border: 1px solid #cad4e7;
  display: inline-block;
  padding: 4px 5px;
  white-space: nowrap;
  padding: 2px 5px;
  font-family: 'Arial', sans-serif;
  font-size: 11px;
}
.fb-send-button:hover {
  border-color: #9dacce;
  text-decoration: none;
  color: #3b5998;
}
.fb-send-button span {
  line-height: 20px;
  line-height: 19px;
}
.fb-send-button i, .fb-send-button img {
  float: left;
  height: 18px;
  margin-right: 3px;
  width: 14px;
}
.fb-send-button i {
 /* background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/z7/r/ql9vukDCc4R.png);*/
  background-position: -1px -45px;
}