/*
	Sections:
		1. Reset
		2. Global
			A. Global Tags
				Table & List
				
				Text						(Headings, paragraphs, links & etc.)
				Images
				Forms
			B. Global Rules		(Messages, common 
		3. Template Rules
		4. Header Rules
		8. NavBar Rules
		5. Content Rules
		9. SideBar Rules
		10. Footer Rules
*/

/*
	
	Index:
	
		General:
			1.	Reset
			2.	Basic								(General rules)
			3.	Images
			4.	Text & Typography		(Headings, paragraphs, links & etc.)
			5.	Tables & Lists			(Hit Lists, Charts & etc.)
			6.	Forms
		
		Structure & Sections:
			7.	Template & Layout
			8.	Header
			9.	Navigation
			10.	Content
			11.	Footer
			12.	Development & Debuging
		
		Site Specific:						(colors & etc. Might move to retailer specific file.)
			12.	Basic								(General rules)
			13.	Images
			14.	Text & Typography		(Headings, paragraphs, links & etc.)
			15.	Tables & Lists			(Hit Lists, Charts & etc.)
			16.	Forms
*/
	
	
	
	
/** 
 * Default Mini-site Style 
 * 
 * Designed for use on mobile devices and widgets.
 *
 *	Index:
 *
 *		General:
 *			1.	Reset
 *			2.	Basic								(General rules)
 *			3.	Images
 *			4.	Text & Typography		(Headings, paragraphs, links & etc.)
 *			5.	Tables & Lists			(Hit Lists, Charts & etc.)
 *			6.	Forms
 *		
 *		Structure & Sections:
 *			7.	Template & Layout
 *			8.	Header
 *			9.	Navigation
 *			10.	Content
 *			11.	Footer
 *			12.	Development & Debuging
 *		
 *		Site Specific:						(colors & etc. Might move to retailer specific file.)
 *			12.	Basic								(General rules)
 *			13.	Images
 *			14.	Text & Typography		(Headings, paragraphs, links & etc.)
 *			15.	Tables & Lists			(Hit Lists, Charts & etc.)
 *			16.	Forms
 *	
 * @project  Mini-site
 * @version  0.9 
 * @author  Greg Hemphill 
 * @copyright Copyright(c) 2009 by Webstop.com, Inc.
 */

/** 
 * Reset 
 * 
 * Puts browsers on an even playing field.
 * 
 * @section		reset 
 * @author		Jade Rauenzahn
 */ 
* { padding: 0; margin: 0; }

/** 
 * Basic 
 *
 * General tag rules.
 * 
 * @section		basic 
 * @author		Greg Hemphill
 */ 

body 
{
  background: #fff;
}

#Content { min-height: 260px; }

/** 
 * Media Queries 
 * 
 * Serves specific styles according to screen size/resolution
 * 
 * @section		media queries 
 * @author		Ryan Payne
*/ 

  /* Blackberry Bold */

    @media screen and (width: 480px)
    {
      .MainNav
      {
        width: 650px !important;
      }
      
      .SubNav
      {
        width: 650px !important;
      }
      
      .AdSubNav
      {
        width: 650px !important;
      }      
            
      .MainNav ul
      {
        width: 480px !important;
        margin-left: 165px !important;
      }
      
      .List ul
      {
        width: 480px !important;
        margin-left: 160px !important;
      }
      
      li.info
      {
        margin-left: 30px !important;
        width: 450px !important;
      }
      
      .TextEntry input
      {
        width: 155px !important;
        height: 30px;
        font-size: 20px !important;
      }
      
      .MainForm label
      {
        font-size: 16px !important;
      }
      
      .Login_Alt p
      {
        font-size: 18px !important;
      }
      
      p.non-mini
      {
        font-size: 18px !important;
      }
      
      .not_logged_in a
      {
        font-size: 18px !important;
      }
      
      p.title
      {
        font-size: 20px !important;
      }
      
      p.note
      {
        font-size: 18px !important;
      }
      
      h4
      {
        font-size: 20px !important;
      }
      
      .AdTitle
      {
        font-size: 14px !important;
      }
      
      #Content
      {
        width: 630px !important;
      }
      
      .RecipeListPlugin span.Title
      {
        background: #000 !important;
      }
      
      .MainNav a
      {
        text-decoration: none !important;
      }
        
      .Heading
      {
        font-size: 20px !important;
      }
      
      .HugeTitle, .LongTitle
      {
        font-size: 18px !important;
      }
      
      .Pricing span
      {
        font-size: 18px !important;
      }
      
      .Descr
      {
        font-size: 18px !important;
      }
      
      .Recipe
      {
        font-size: 18px !important;
      }
      
      .Item
      {
        height: 65 px !important;
      }  
      
      span.Title
      {
        height: 80px !important;
      }
      
      span.Title span
      {
        font-size: 16px !important;
      }
      
      .Pictures .OddRow, .Pictures .EvenRow
      {
        height: 190px !important;
      }
      
      form h4
      {
        font-size: 20px !important;
      }
            
      .BlackBerryHidden
      {
        display: none;
      }
      
      .link_list li a
      {
        font-size: 18px !important;
      }
            
      h5
      {
        font-size: 20px !important;
      }
      
      p.Address, p.Manager, p.AsstManager, p.PhoneNumber, p.Directions, p.Yield, dt, dd, span.Qty, span.Measure, span.Ingredient, .SubHead, .Item label
      {
        font-size: 18px !important;
      }
    }

/* Blackberry Curve */    
    
    @media screen and (width: 320px)
    {
      .MainNav ul 
      {
      	margin: 0px auto !important;
      	border: 0 !important;
      	padding: 0 !important;
      	width: 100% !important;
      	list-style: none !important;
      }
      
      .List ul
      {
        width: 100% !important;
        margin-left: 0px !important;
      }
      
      li.info
      {
        margin-left: 0px !important;
      }
      
      .RecipeNav .first, .RecipeNav .last
      {
        width: 145px !important; 
      }
      
      .ShoppingListNav .first, .ShoppingListNav .last
      {
        width: 75px !important; 
      }      
    }
    
    @media screen and (height: 240px)
    {
      .BlackBerryHidden
      {
        display: none;
      }
    }    

/** 
 * Images 
 *
 * Image tags
 * 
 * @section		images 
 * @author		Greg Hemphill
 */ 

img {
	margin: 5px;
	border: 0;
	padding: 0;
	text-decoration: none;
}

a img {
	margin: 0 2px;
	border: 0;
	padding: 0;
	text-decoration: none;
}

/** 
 * Text & Typography
 *
 * Headings, paragraphs, links & etc.
 * 
 * @section		text & typography 
 * @author		Greg Hemphill
 */ 
h1, h2, h3, h4, h5, h6, p, li, dd, dt, pre, hr, div, blockquote, address, label, button, input, textarea, select,
.button {
	font-family: Helvetica, Arial, Lucida Sans, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	display: block;
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6, dt, label { margin: 10px 5px 2px 5px; }

p, li, dd, pre, hr, blockquote, address, button, input, textarea, select, 
.button { 
	margin: 2px 5px 10px 5px; 
}


h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ font-weight: normal; }

a { color: #33c; border: 0; }
a:link { color: #33c; }
a:visited { color: #63c; }
a:hover { color: #009; }
a:active { color: #900; }

.clear
{
  clear: both;
}

/** 
 * Tables & Lists
 *
 * Hit Lists, Charts & etc.
 * 
 * @section		tables & lists
 * @author		Greg Hemphill
 */ 

/* tables */
table {
	margin: 5px;
	border: 0;
	padding: 0;
}

th, tr.Head td, li.Head {
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #333;
	text-align: left;
}

/* Lists */
/*ol, ul { margin: 5px; }*/

li { margin: 5px 5px 5px 30px; }

/**
 * Green Bar
 * 
 * Creates alternating color rows for items with the .OddRow and .EvenRow classes.
 */
.OddRow { background: #ddd; }
tr.OddRow td { padding: 5px; }
.EvenRow { background: #eee; }
tr.EvenRow td { padding: 5px; }

/**
 * .HitList
 * 
 * A class for creating tables or lists to display items in a green bar list.
 */
/*
div.HitList { margin: 5px; }

table.HitList {
	margin: 5px;
	border: 1px solid #333;
	padding: 0;
}

table.HitList tr.HeaderRow td, 
table.HitList tr th,
tr.TableHead td {
	border-bottom: 1px solid #333;
	padding: 5px;
	background: #ccc;
	font-weight: bolder;
}

table.HitList tr.TotalRow td {
	margin: 0;
	border: 0;
	padding: 5px;
	background: #ccc;
	font-weight: bolder;
}
*/

/* forms */







/*  Form */


form h2
{
	margin: 5px;
	margin-bottom: 3px;
	border: 0;
	padding: 0;
}

form p
{
	margin: 3px 5px 3px 5px;
	border: 0;
	padding: 0;
}

form table
{
	margin: 7px;
	margin-top: 3px;
	border: 0;
	padding: 0;
}

form table tr td { padding: 3px; }

label { font-weight: bold; }

button, input, textarea {
	border: 1px solid #333;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dddddd', endColorstr='#eeeeee', gradientType='0');
}

select {
	border: 1px solid #333;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#dddddd', gradientType='0');
}


/*
	Note on Checkboxes and Radio buttons:
	
	These elements float left and height of these elements doens't quite match up with the height of a label 
	when it sits next to the checkbox/radio button, so for extremely long lists it can get out of alignment.
	As some point we need to revisit this and shore it up.
*/
input[type="checkbox"], 
input[type="radio"]
{
	border: 0;
	float: left;
	clear: left;
}

/* Workaround for IE attribute selector fail. */
input.checkbox {
	margin: 1px 5px 10px 5px;
	border: 0;
	background: inherit;
	float: left;
	clear: both;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', gradientType='0');
}

input.radio {
	margin: 1px 5px 10px 5px;
	border: 0;
	background: inherit;
	float: left;
	clear: both;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', gradientType='0');
}

input:hover, textarea:hover { 
	border: 1px solid #333; 
}

input:focus, form textarea:focus
{
	border: 1px solid #000;
	background: #fff;
}

/*
select
{
	margin: 0;
	border: 1px solid #333;
	padding: 2px;
	background: #eee;
}
*/

.Logout .button
{
	border: 1px solid #870808;
	padding: 5px 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: #eee -1px -1px 1px #870808;
	clear: both;
	-webkit-box-shadow: 2px 2px 2px rgba(255,255,255,1.0);
	-moz-box-shadow: 2px 2px 2px rgba(255,255,255,1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #dc1515;
	background: -webkit-gradient(linear, left top, left bottom, from(#dc1515), to(#870808));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dc1515', endColorstr='#870808  ', gradientType='0');
}

.Logout .button:hover
{
  border: 1px solid #6d0707;
	background: #870808;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf1313), to(#6d0707));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#bf1313', endColorstr='#6d0707  ', gradientType='0');
}

input.submit, button, .button, a.button, .button a
{
	border: 1px solid #0c5a0c;
	padding: 5px 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: #eee -1px -1px 1px #0c5a0c;
	clear: both;
	-webkit-box-shadow: 2px 2px 2px rgba(255,255,255,1.0);
	-moz-box-shadow: 2px 2px 2px rgba(255,255,255,1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #0c5a0c;
	background: -webkit-gradient(linear, left top, left bottom, from(#0eb212), to(#0c5a0c));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0eb212', endColorstr='#0c5a0c  ', gradientType='0');
}

button, .button, a.button, .button a {
	text-decoration: none;
	display: inline-block;
}

.centerButton {
	text-align: center;
}


/* accept button */
input.submit.accept, button.accept, .button.accept {
	background: #ccf;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccf), to(#99c));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ccccff', endColorstr='#9999cc', gradientType='0');
}




/* continue button */
input.submit.continue, button.continue, .button.continue {
	background: #cfc;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfc), to(#9c9));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ccffcc', endColorstr='#99cc99', gradientType='0');
}

/* cancel button */
input.submit.cancel, button.cancel, .button.cancel {
	background: #fcc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#c99));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffcccc', endColorstr='#cc9999', gradientType='0');
}

/* logout button */
input.submit.logout, button.logout, .button.logout {
	background: #fcc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#c99));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffcccc', endColorstr='#cc9999', gradientType='0');
}



input.submit:hover, button:hover,
.button:hover
{
	color: #fff;
	background: #6c6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0d8c10), to(#073a07));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0d8c10', endColorstr='#073a07', gradientType='0');
}

button img, .button img {
	margin: 0 5px 0 0;
	border: 0;
	float: left;
}

button.iconRight img, .button.iconRight img {
	margin: 0 0 0 5px;
	float: right;
}

/** 
 * Forms 
 *
 * General styles for forms.  
 * 
 * @section		forms 
 * @author		Greg Hemphill
 */ 

.MainForm {
	margin: 10px;
	border: 1px solid #999;
	padding: 5px 0 5px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #fff;
	display: block;
}




/** 
 * Content 
 *
 * General styles for page content.  Includes message classes..
 * 
 * @section		content 
 * @author		Greg Hemphill
 */ 

/* Message Classes */

/*
.confirm,
.error,
.information,
.status
*/
.message {
	margin: 10px 5px;
	padding-left: 21px;
	display: block;
}

.message .title {
	margin: 5px;
	color: #222;
	font-size: 12px;
	font-weight: bold;
}

.message .note {
	font-size: 10px;
	font-weight: normal;
}

.message .title span {
	font-weight: normal;
}

.confirm {
	border-top: 1px solid #005826;
	border-bottom: 1px solid #005826;
	background: #ddf4da url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/accept.png ) no-repeat top left;
	background-position: 5px 4px;
}

.error {
	border-top: 1px solid #790000;
	border-bottom: 1px solid #790000;
	background: #fce4dc url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/exclamation.png ) no-repeat top left;
	background-position: 5px 4px;
}

.information {
	border-top: 1px solid #630;
	border-bottom: 1px solid #630;
	background: #FFc url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/information.png ) no-repeat top left;
	background-position: 5px 4px;
}

.status {
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	background: #ccf url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/status_online.png ) no-repeat top left;
	background-position: 5px 4px;
}

/* .HitList class */
.HitList {
	margin: 5px;
	border: 1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #ccc;
	display: block;
}

.HitList table,
.HitList ul,
.HitList ol {
	margin: 5px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
}

.HitList ul,
.HitList ol {
	list-style: none;
}

.HitList li {
	margin: 0;
	padding: 5px;
}

.HitList form li,
form .HitList li {
	margin: 0;
	padding: 0;
}

.HitList form li label,
form .HitList li label{
	margin: 0;
	padding: 10px 5px;
}

.HitList form li .checkbox,
form .HitList li .radio{
	margin: 5px;
	margin-top: 12px;
}

.HitList h1, .HitList h2, .HitList h3, .HitList h4, .HitList h5, .HitList h6 {
	margin: 5px;
}

.HitList .SubHead, .HitList tr.SubHead td {
	padding: 5px;
	color: #fff;
	text-shadow: #666 -1px -1px 0;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#cccccc', endColorstr='#666666', gradientType='0');
}


/* Sub-Navigation */
.SubNav {
	margin: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	padding: 0;
	display: block;
	min-height: 40px;
	background: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#999));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#999999', gradientType='0');
}

.SubNav .List {
	margin: 0;
	width: 100%;
}

.SubNav ul, .SubNav ol {
	margin: 0;
	list-style: none;
	padding: 0;
	display: block;
}

.SubNav li {
	margin: 5px 0 3px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #eee;
	padding: 0;
	display: inline-block;
	float: left;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#333));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#999999', endColorstr='#333333', gradientType='0');
}

.SubNav li.first {
	border-left: 1px solid #666;
}

.SubNav li.first a {
	border-left: 0;
}

.SubNav li.first, .SubNav li.first a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.SubNav li.last {
	border-right: 1px solid #ccc;
}

.SubNav li.last a {
	border-right: 0;
}

.SubNav li.last, .SubNav li.last a {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}

.SubNav li.current {
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#666666', endColorstr='#111111', gradientType='0');
}

.SubNav li.current.last {
	
}


.SubNav a {
	margin: 0;
	border: 0;
	border-right: 1px solid #666;
	border-left: 1px solid #ccc;
	padding: 4px 15px 6px 15px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-shadow: #333 -1px -1px 0;
}

.SubNav a:visited {
	color: #fff;
}

.SubNav a:hover {
	color: #fff;
}


/* link classes */

.outlink {
	padding-right: 15px;
	background: url("https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons_Extras/External_Link_10x10.png") no-repeat center right;
}


.link_list {
	margin: 0;
	border: 0;
	border-top: 1px solid #ccc;
	padding: 0;
}

ul.link_list, ol.link_list, .link_list ul, .link_list ol {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

.link_list li {
	margin: 0;
	padding: 0;
}

.link_list a {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	padding-right: 30px;
	background: url('http://tops.graphics.grocerywebsite.com/mini_themes/apple/img/chevron.png') no-repeat right center;
	display: block;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #333;
}

.link_list a:visited {
	color: #333;
}

.link_list a:active {
	color: #fff;
	background: #194fdb url('http://tops.graphics.grocerywebsite.com/mini_themes/apple/img/listArrowSel.png') no-repeat right center;
}

.link_list a strong {
	font-size: 16px;
}


.alt-list-login{
	font-size: 10px;
	width: 60px;
	padding: 3px !important;
}


/* 
	********************************************************
	Most of the stuff below here is crap to be gotten rid of

*/

/*
form strong
{
	padding-left: 5px;
	padding-right: 5px;
}

.FormSectionHeading
{
	margin-top: 5px;
	border-top: 3px solid #ddd;
	font-weight: bolder;
	font-size: 14px;
	color: #333;
	background: #ccc;
}

.CheckboxDescription
{
	font-size: 5px;
}

.StandardConfirm
{
	margin: 5px;
	border: 1px solid #333;
	padding: 0;
	background: #ddd;
}

.StandardConfirm table tr td { padding: 5px; }

.FieldTitle { font-weight: bold; }
span.FieldTitle { padding-left: 5px; }
.FieldNotes { font-size: 5px; }
.SubmitButton { padding: 2px; }
*/













/* Forms */
/*
form {
	margin: 0;
	border: 0;
	padding: 0;
}

.EntryForm {
	margin: 5px;
	border: 1px solid #333;
	padding: 0;
	background: #ddd;
}
*/

/*
.Label {
	font-weight: bold;
	text-align: right;
}

input {
	margin: 0;
	border: 1px solid #333;
	padding: 2px;
	background: #eee;
}
*/


/*
.FieldTitle {
	font-weight: bold;
}

.FieldNotes {
	font-size: 5px;
}

.SubmitButton {
	padding: 2px;
	background: #ccc;
}
*/


/* Links */
/*
a { color: #333; }
a:link:hover { color: #036; }
*/

/* 
VI. Hit Lists */



/*
VII. Inline Level Rules */

/*strong { font-style: bold; }*/

/* Footer Rules */


/* Error */

/*
#DisplayError {
	margin: 5px;
	border: 2px solid #f00;
	padding: 0;
	background: #ddd;
}
*/


/* Lists */

/*
dt {
	margin: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

dd {
	margin: 5px 5px 5px 15px;
}
*/





/* Session Debug */

.SessionDebug table tr td {
	font-size: 12px;
	font-family: monospace;
}



/** 
 * Site Specific Overrides 
 * 
 * Colors and other goodies different on this site than the defaults.
 * This should probably go in a seperat css file.
 * 
 * @project  Mini-site
 * @version  0.9 
 * @author  Greg Hemphill 
 * @copyright Copyright(c) 2009 
 *      by Webstop.com, Inc.
 */

h1, h2, h3, h4, h5, h6 { 
	color: #369; 
}


/* CSS for social media buttons on recipes */
 .share_group ul
{
	margin-left: 0px;
	display: inline-block;
}

 .share_group li
{
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
}

 .share_group .button {
	border-radius: 0; border-color: #bbb; 
	margin: 0px; 
	padding: 5px;   
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));;
	background: -moz-linear-gradient( top, #fff, #eee);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0');
	zoom: 1;
	-webkit-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
	-moz-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
}
 .share_group .button.first {border-radius: 5px 0 0 5px; border-right: 0px}
 .share_group .button.last {border-radius: 0 5px 5px 0; border-left: 0px}

 .share_group .share_icon {
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
}

div.Page p img {
	width: 100%;
}

div.Page p iframe {
	width: 100%;
}