﻿/*** General Layout and styling ***/
*
{
	margin: 0;
	padding: 0;
}
body
{
	padding-bottom: 10px;
	font: normal 0.8em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif;
	font-family: verdana, arial, sans-serif;
	color: #333;
	text-align: center;
	background: #FFF url(/images/main_bg.png) center top repeat-y;
}
#container
{
	text-align: left;
	width: 770px;
	margin: 0 auto;
	background: #d55a00 url(/images/main_bottom_bg.png) center bottom no-repeat;
}
p { 
	margin-top: 8px;
	margin-bottom: 2px;
	text-align: justify;
}
#footer
{
	width: 770px;
	margin: 0 auto;
	margin-bottom:15px;
}
#footer .log 
{
	font-weight:normal;
	color:#ff6500;
}
#footer .log a,
#footer .log a:link,
#footer .log a:visited
{
	margin:0 2px;
}
* html #container
{
	background-color: #d04e00;
}
hr
{
	display: none;
}
h1, h2, h3, h4, h5
{
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
}
h3
{
	font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif;
	/*font: bold 1.3em Georgia, "Times New Roman", serif; */
	color:#f95800;
	background:#fffff0;
	padding-bottom:5px;
	border-bottom:1px solid #ffffd8;
}
h3 a,
h3 a:link,
h3 a:visited 
{
	color:#000;
	border-bottom:2px solid #000;
}

h4 
{
	color:#000;
	margin-top:1em;
	font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
}
a,
a:link, 
a:visited
{
	text-decoration: none;
	color: #ff6500;
	border-bottom: 2px solid #ff6500;
}
a:hover
{
	text-decoration: none;
	color: #D7661C;
	background-color:#fffdcb;
	border-bottom: 2px solid #ff9000;
}
ol li
{
	margin-left:40px;
	padding:2px;
}
.action
{
	padding:2px 15px;
}
.button, 
.button:link,
.button:visited, 
.button:active, 
.button:hover {
	overflow:hidden;
	text-indent:-99em;	
	display:block;
	border:none;
}
.notebox 
{
	background: #ffffee; 
	padding: 10px; 
	border: solid 1px #ff9600;
	margin:10px 0;
}
.notebox legend 
{
	font-weight:bold;
	color:#ff6000;
}
.fallPromotion 
{
	background: #fff; 
	padding: 10px; 
	border: solid 1px #0db400;
	border-left: solid 4px #0a8800;
	margin:10px 0;
}
.fallPromotion h3 
{
	color:#0db400;
	font-size:1.2em;
}
.instructions 
{
	background: #ffffee; 
	padding: 10px; 
	border: solid 1px #ffa500;
	border-left: solid 4px #ffa500;
	margin:10px 0;
}
.instructions ul 
{
	padding:0;
	margin:0;
	margin-top:10px;
}
.instructions strong, 
.instructions h2
{
	color:#f95800;
	font-size:1.1em;
}
.instructions h2 {
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
	padding:3px;
}
.instructions h2 span {
	color:#04a700;
}
.demoTitle h3 
{
	color:#f95800;
	font-size:1.2em;
}
.instructions .buttons
{
	text-align:center;
}
#loadingFeed {
	border:2px solid #EEE;
	color:#000;
	text-align:center;
	padding:100px 0 160px 0;
	font-size:0.8em;
	background:url(/images/loading_bg.gif) center center no-repeat;
	overflow:hidden;
	white-space:nowrap;
	width:240px;
}
#loadingFeed strong {
	white-space:nowrap;
}
/*** Shop ***/
#checkout .name
{
	font-size:1.2em;
	line-height:1.4em;
}
#checkout .option 
{
	line-height:1.4em;
	vertical-align:middle;
}
#checkout select
{
	font-size:1.3em;
	width:140px;
}
.amount 
{
	background: #ecffdc; 
	padding: 10px; 
	font-size:1.1em;
	border: solid 1px #2bb600;
	border-left: solid 4px #2bb600;
	margin:10px 0;
}
.amount label 
{
font-weight:bold;	
}
/*** Header ***/
#introText {
	overflow:hidden;
	margin-top:20px;
	text-indent:-99em;	
	height: 80px;
	width: 352px;
	background: url(/images/header_intro_text.png) center center no-repeat;
}
#createYours, #purchaseNow
{
	display: block;
	width: 156px;
	height: 52px;
	border:none;
}
#createYours {	background: url(/images/create_yours_now.png);}
#purchaseNow { margin-top:8px;background: url(/images/purchase_now.png);}
#createYours:hover { background: url(/images/create_yours_now_over.png);}
#purchaseNow:hover { background: url(/images/purchase_now_over.png);}

#preview {
	position:relative;
}


/*** Sub Header ***/

#subHeader 
{
	clear:both;
	text-align:left;
	background:#a93800;
	border-bottom:1px solid #752700;
	font-size:0.8em;
	color:#fff;
	width: 770px;
	margin: 0 auto;
}
#subHeader label 
{	
	text-transform:uppercase;
	font-weight:bold;
	margin-left:10px;
}
#subHeader img 
{
	vertical-align:middle;
	border:none;
	margin:2px 2px;
}
#subHeader a
{
	border:none;
}
#subHeader .selected
{
	color:#FFF;
	font-weight:bold;
	padding:0 10px;	
}
#subHeader .selected strong 
{
	color:#fffc00;
}

	/*** Sub Navigation ***/
	#preview .button, 
	#preview .button:visited, 
	#preview .button:active, 
	#preview .button:hover {
		height:23px;
	}
	#subNavigation {
		position:absolute;
		bottom:16px;
		left:-70px;
		z-index:10;
	}

	#editionsBtn {
		width:126px;
		background: url(/images/compare_editions_btn.png);
	}
	#editionsBtn:hover {background: url(/images/compare_editions_btn_over.png);}
	#faqBtn {
		width:183px;
		background: url(/images/faq_btn.png);
	}
	#faqBtn:hover {background: url(/images/faq_btn_over.png);}
	#feedostyleMeBtn {
		width:159px;
		background: url(/images/feedostyle_me_btn.png);
	}
	#feedostyleMeBtn:hover {
		background: url(/images/feedostyle_me_btn_over.png);
	}

	/** Statistics ***/
	#statistics {
		font-size:10px;
		position:absolute;
		bottom:-4px;
		left:-100px;
		color:#414141;
	}
	#statistics strong {
		font-weight:bold;
		color:#006c11;
	}
	#statistics li {
		margin:0 30px;
	}

/*** Top header ***/
#topHeader {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	margin:0 auto;
	width:770px;
	height:24px;
	line-height:24px;
	font-size:12px;
	background:#000 url(/images/login_header_bg.png) bottom center;
	color:#FFF;
	text-align:right;
}
#topHeader a, 
#topHeader a:link,
#topHeader a:visited
{
	border:none;
}
#topHeader a:hover 
{
	color:#CCC;
	background:none;
}
/*** Footer ***/
#footer 
{
	font-size:0.9em;
}
#footer ul
{
	list-style:none;
}
#footer ul li 
{
	display:inline;
	font-weight:bold;
	margin:0 10px;
}
#footer p 
{
	clear:both;
	text-align:center;
	font-size:0.9em;
}
#footer a, #footer a:visited
{
	color:#d44100;
}
#footer a:hover
{
	color:#000;
}

/*** Navigation ***/
#navigation {
	list-style:none;	
	width:100%;
	margin:0;
	padding:0;
	display:inline;
}
#navigation li {
	float:left;	
	height:20px;
	padding:0;
	margin:0 5px;
}
#navigation .shop a,
#navigation .shop a:visited {
	color:#48ff3f;
	border:1px solid #13a300;
}
#navigation .shop a:hover {
	border:1px solid #48ff3f;	
}
#navigation .logout {
	float:right;	
}
#navigation a,
#navigation a:link,
#navigation a:visited,
#userLogin a,
#userLogin a:link,
#userLogin a:visited  
{
	border:3px solid #555;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color:#FFF;
	border:1px solid #555;
	background:#222;
	padding:0 7px;
	background:#000 url(/images/banner_btn_bg.png) center top repeat-x;
}
#navigation a:hover, 
#userLogin a:hover {
	border:1px solid #FFF;
	background:#000 url(/images/banner_btn_bg.png) center top repeat-x;
}
/*** User Login ***/
#userLogin {
	position:relative;
	padding:0 5px;
}
#userLogin label {
	margin-left:10px;
	margin-right:2px;
	font-size:0.9em;
}
#userLogin .text {
	border:1px solid #333;	
	width:85px;
	font-size:0.9em;
}
#userLogin .password {
	margin-right:5px;
	width:65px;
	font-size:0.9em;
}
#userLogin .loginButton {
	position:absolute;
	top:3px;
	right:3px;
}
#loginStatus {
	display:none;
	position:absolute;
	left:50%;
	width:375px;
	height:30px;
	background:#000;
	margin-left:8px;
	text-align:center;
	z-index:100;
	border:1px solid #000;
	border-top:none;
}
#loginMessage {
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
}
#loginStatus .loading {
	background:#000 url(/images/loading_black.gif) 235px 8px no-repeat;
}

/*** Main Content ***/
.contentWrapper
{
	width: 745px;
	margin: 0 auto;
	padding-top:10px;
}
.mainBody
{
	padding:0 10px;
}
.mainBody .break 
{
	clear:both;
	overflow:hidden;
	height:1px;
}
.contentWrapper ul
{
	list-style: none;
}
.contentWrapper li.box ol
{
	padding: 10px;
	padding-top: 0;
	margin-left: 20px;
}
.contentWrapper li.box div.wrapper
{
	padding: 0 10px 15px 10px;
}
.contentWrapper li.box
{
	width: 248px;
	float: left;
	background: #EEE url(/images/box_bottom_bg.png) center bottom no-repeat;
}
.contentWrapper li.box h3
{
	background: url(/images/box_top_bg.png) top center no-repeat;
	padding: 10px;
}
.mainContent {
	height:1%;
	background:url(/images/pro_demo_bg.png) center center repeat-y;
	margin:0;
	padding:0;
}
.mainContent .topBorder {
	background:url(/images/pro_demo_top_bg.png) center top no-repeat;
	height:16px;
	display:block;
	overflow:hidden;
	text-indent:-99em;
}
.mainContent .boxBody 
{
	padding:0 15px;
}
.mainFooter {
	background:url(/images/pro_demo_bottom_bg.png) center bottom no-repeat;
	height:20px;
	clear:both;
	overflow:hidden;
	text-indent:-99em;
}
.mainFooter p {
	padding-bottom:15px;
	text-align:center;
	font-size:1.1em;
}


/*** Edit space ***/
#editSpace 
{
	margin: 0 auto;	
	height:1%;
}
#editSpace .content {
	font-size:0.9em;
}
#editSpace p {
	text-align:left;
}
	/*** Columns ***/
	#leftColumn, #rightColumn, #centerContent {
		float:left;
		margin:0 5px;
	}
	#leftColumn 
	{
		margin-left:0;
	}
	#rightColumn {
		margin-right:0;
	}
	#centerContent {
		margin: 0 5px;
		padding-right:4px;		
	}
	.sideBox, .centerBox {
		position:relative;
		border: 1px solid #DDD;
		text-align:left;
		margin:0 0px 10px 0px;
	}
	.sideBox {
		width:225px;	
	}
	.sideBox .content, .centerBox .content
	{
		margin:5px;
	} 
	#appearance .header strong {
		background:url(/images/pro_appearance.png) left center no-repeat;
		margin-left:5px;
	}
	#options .header strong {
		background:url(/images/pro_options.png) left center no-repeat;
		margin-left:5px;
	}
	#layout .header strong {
		background:url(/images/pro_layout.png) left center no-repeat;
		margin-left:5px;
	}

	/*** Center Column ***/
	.box 
	{
		margin:0 auto 10px auto; 
		text-align:center;
		position:relative;
		text-align:left;
	}
	.fullPreview 
	{
		padding-top:15px;
		text-align:center;
	}

	/*** Box Header ***/
	.header 
	{
		background: #f3a932 url(/images/pro_side_title_bg.png) top left repeat-x; 
	}
	.header .help 
	{
		top:0;
		right:0;
		position:absolute;
		width:20px;
		height:18px;
		background: url(/images/pro_help_btn.png); 
		cursor:help;
	}
	.header .help:hover {background: url(/images/pro_help_btn_over.png);}
	
/*** Center Content ***/
#centerContent 
{
	width:240px;
	margin:0 auto;
}
	/*** Theme choice ***/
	.screenshot {
		text-align:center;
		position:relative;
		overflow:hidden;
		height:140px;
	}
	.screenshot ul {
		position:absolute;
		z-index:1000;
		list-style:none;
		width:3400px;
		height:150px;
		left:0;
		top:5px;
		margin:0; 
		padding:0;
	}
	.screenshot li {
		float:left;
		width:213px;
		height:150px;
		margin:0; 
		padding:0;
	}
	.screenshot li p {
		padding:0;
		width:150px;
		margin:0 auto;
		text-align:center;
		line-height:normal;
		position:relative;
	}
	.screenshot img {
		border:none;
		margin:0; 
		padding:0;
		margin-bottom:1px;
	}
	.screenshot .title 
	{
		text-align:center;
		display:block;
		background:#fff5cb;
		letter-spacing:1px;
		border-bottom:1px solid #ffeeab;
		border-top:1px solid #ffeeab;
		padding:0;
		color:#000;
		font-weight:bold;
		font-size:0.9em;
		width:140px;
		margin:0;
	}
	
	#themeNav {
		list-style:none;
		width:112px;
		margin:0 auto;	
	}
	#themeNav a,
	#themeNav a:link,
	#themeNav a:visited {
		width:46px;
		height:15px;	
	}
	#prevTheme {
		background:url(/images/previous_btn.png);
		margin-right:10px;
	}
	#nextTheme {
		background:url(/images/next_btn.png);
		margin-left:10px;
	}
	#themeNav li {
		float:left;
	}
	#resetBtn {
		width:46px;
		height:15px;	
		background:url(/images/reset_btn.png);
		margin-right:10px;
	}


/*** Digest Manager ***/
.sideBox dd {
	margin:5px 0;
}
.text {
	padding:1px;
}
* html #editSpace .text {
	width:95%;
	margin: 0 auto;		
}
#editSpace fieldset {
	border:1px solid #f6dcb5;
	padding:5px;	
	background: #FFF url(/images/fieldset_bg.png) bottom left repeat-x; 
	font-size:0.95em;
	margin-top:-5px;
}
* html #editSpace fieldset {
	padding: 0 5px 5px 5px;
}
#editSpace fieldset legend {
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	margin-left:5px;
	color:#972e00;
	font-size:1em;
	background:#FFF;
}
#editSpace fieldset legend .help {
	color:#999;
}
#editSpace fieldset p {
	position:relative;	
}

#editSpace .for {
	padding-left:2px;
	padding-right:4px;
	line-height:1.2em;	
}
#editSpace fieldset .title, #editSpace .for {
	font-size:1em;
	font-weight:bold;
}
#editSpace fieldset .label 
{
	float:left;
	width:90px;
	clear:both;
	padding:5px 0;	
}
#editSpace fieldset.colors .colorList
{
	padding:0;
	padding-left:4px;
}
#editSpace fieldset.colors p
{
	margin:1px 0;
}
#editSpace fieldset.colors .last 
{
	margin-top:5px;
	padding:5px 0;
	border-top:1px dashed #f6dcb5;
}
#editSpace fieldset.colors .last a 
{
	margin:0 auto;
}
#editSpace fieldset .color 
{
	width:115px;
	padding:0;
} 
#editSpace fieldset.colors p a,
#editSpace fieldset.colors p a:link,
#editSpace fieldset.colors p a:visited,
#editSpace fieldset.colors p a:hover,
#editSpace fieldset.colors img
{
	border:none;
}
.sideBox .label {
	color:#222;
	font-weight:bold;
}
.sideBox .text {
	width: 100%;
}
.sideBox .text {
	width: 100%;
	margin:0;
}
.sideBox .setting {
	margin-top:3px;
	margin-bottom:8px;
	margin:0;
	margin-left:20px;
}
.sideBox .colorText 
{
	width:50px;
	padding:1px 0;
	margin:0;
}
.sideBox .sizeText 
{
	font-size:13px;
	width:65px;
	padding:1px 0;
	margin:0;
}

/*** color picker styles***/
#pickerBox {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#555;
	width:353px;
	height:175px;
	background: url(/images/picker_bg.png) no-repeat center center;
}
#pickerBox * {
	padding:0;
	margin:0;
}
#pickerBox #pickerHead {
	float:left;
	padding-left:10px;
	padding-top:6px;
}
#pickerBox #pickerClose {
	padding-right:10px;
	padding-top:3px;
	float:right;
}
#pickerBox #pickerClose a:link, #pickerBox #pickerClose a:visited {
	color:#000;
	text-decoration:none;
}
#pickerBox #pickerClose a:hover {
	color:#f40;
	text-decoration:none;
}
#pickerBox #pickerTable {
	border:0;
	clear:both;
	padding-left:10px;
}
#pickerBox .box {
	height:12px;
	line-height:12px;
	width:12px;
}
.pickerPreview 
{
	background-color: #FFF;
	border: 1px solid #000;
	padding: 0 8px;
	height: 16px;
}
.picker 
{
	vertical-align:middle;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
.pickerClose a,
.pickerClose a:link,
.pickerClose a:hover,
.pickerClose a:visited
{
	border:none;
}
#pickerBox .pickerReset 
{
	margin:0 5px;
	text-align:center;
}
.pickerReset a, 
.pickerReset a:link,
.pickerReset a:visited 
{
	display:block;
	padding:3px;
	background:#ffffe5;
	border:1px solid #ff6c00;
	color:#ff3c00;
}
.pickerReset a:hover 
{
	background:#ffe26d;
	border:1px solid #ff5a00;
}
.pickerReset img 
{
	border:none;
}
.warningPane, .notAvailable, .promotionPane {
	margin:5px 0;
	border:1px solid #ffd36a;
	background:#fff0a1;
	position:relative;
}
.promotionPane {
	border:1px solid #17c600;
	background:#d5ffcf;
	padding:5px;
	text-align:center;
}
.notAvailable 
{
	padding:5px;
	text-align:center;
	background:#fff5c0;
}
.warningIcon,
.promotionIcon,
.warningIconBig {
	width:20px;
	height:19px;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-9px;
	background:url(/images/warning_icon.gif) no-repeat;
	z-index:100;
}
.promotionIcon {
	width:32px;
	height:32px;
	margin-top:-16px;
	background:url(/images/promotion.gif) no-repeat;
}
.warningIconBig {
	width:32px;
	height:32px;
	margin-top:-16px;
	background:url(/images/warning_icon_big.gif) no-repeat;
}
.warningMessage, .promotionMessage {
	padding:5px 5px 5px 30px;
	text-align:center;
}
.promotionMessage {
	padding-left:50px;	
}

	/*** Specific styling ***/
	
	#digestTitle {
		width:198px;
	}
	#digestSubtitle {
		width:201px;
	}
	input#digestWidth {
		margin-right:2px;	
	}
	input#digestWidth, input#digestHeight, input#digestSpacing {
		width:65px;
		font-size:13px;
	}
	#fontSize {
		width:150px;
	}
	#entryCount {
		width:50px;
	}
/*** Contact form ***/
#contactForm {
	margin:0 auto;
	position:relative;
}
#contactFields
{
	background:#FFF;
}
.textContent 
{
	padding:0 30px;
}
.textContent h2 
{
	font-size:1.5em;	
	display:block;
	font-weight:bold;
	color:#f95800;
}
.textContent h3 
{
	font-size:1.35em;	
	display:block;
	font-weight:normal;
	margin:0.5em 0 0 0;
	padding:0;
} 
.textContent ul 
{
	margin:0.8em 0;
	list-style:circle;
}
.textContent ul li 
{
	margin-left:2em;
	margin-bottom:0.2em;	
}
.confirmation 
{	
	/*display:none;*/
}
.confirmation .message
{
	background: #e7ffe5; 
    color: #000; 
    border: 1px solid #0db400; 
    border-left: 4px solid #0a8800; 
    margin: 5px auto;
    padding: 15px 0; 
    text-align: center;
}
.confirmation .message a,
.confirmation .message a:link, 
.confirmation .message a:visited
{
	color:#108400;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding-bottom:1px;
	border-bottom:2px solid #108400;
}
.confirmation .message a:hover 
{
	background-color:#b3ffa9;
	border-bottom:2px solid #094c00;
}
.confirmation .navigation 
{
	text-align:center;	
}
.errorMessage 
{
	display:none;
	background: #ffffe9; 
    color: #d40000; 
    border: 1px solid #f50000; 
    border-left: 4px solid #d40000; 
    margin: 5px auto;
    padding: 5px; 
}
.errorMessage p 
{
	padding:0;
	margin:0;
}
.errorMessage ul 
{
	list-style:disc;
	padding-bottom:5px;
}
.errorMessage ul li 
{
	list-style:disc;
	font-weight:bold;
}

/*** Form ***/
.form
{
	padding:0 10px;
}
.form p {
    clear: both;
    height: 100%;
    padding: 10px 0;
}
.form .row 
{
    border-bottom: solid 1px #eee;	
}

.form p label {
    font-weight: bold;
    color: #000;
    width: 180px;
    margin-left: 0;
    margin-right: 10px;
    float: left;
}
.form p .secondLine {
	margin-top:7px;
	margin-left:190px; 
}
.form .checkbox 
{
    font-weight: normal;
    width: auto;
    float:none;
    margin: auto;
}
.form textarea 
{
	clear:both;
}
.form .formnote {
    padding: 0;
    padding-left: 110px;
    padding-bottom: 10px;
    margin-top: -10px;
}
.form .buttons {
    margin-top: 5px;
}
.form .buttons input {
    float: left;
    margin-right: 15px;
}
.form .required {
    color: #F00;
}
.form  li 
{	
	margin-left:2em;
}
.form .list, .form ul, .form li
{
	list-style:none;
}
.form .list 
{
	clear:both;	
	padding-bottom:10px;
}
.form .list label 
{
	font-weight:normal;
	display:inline;	
	padding-left:10px;
}

/*** Personal Homepage ***/
#changePassword 
{
	display:block;	
	margin-top:20px;
}
#changePassword label 
{
	font-weight:normal;
	display:inline;	
	width:auto;
	float:none;
}

/*** Compare Plans Table ***/
.comparePlans 
{
	font-size:0.95em;
    border-collapse: collapse;
    text-align: left;
    margin: 10px 0;
    padding: 0;
    width:100%;
}

.comparePlans th {
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
    font-weight: 700;
    font-size: 1.35em;
    padding: 5px 5px;
    color:#000;
}

.comparePlans td {
    vertical-align: middle;
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px 10px;
    width:20%;
}
.comparePlans thead td 
{
    border: none;
    overflow:hidden;
    text-indent:-99em;
}
.comparePlans .current 
{
    background:#d4ffd4;
}
.comparePlans thead .current
{
    text-indent:0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color:#005300;
    font-weight:bold;    
} 
.comparePlans thead .noshow 
{
	border:none;
}

.comparePlans form {
    margin: 10px 0 5px;
}

.comparePlans input {
    font-weight: 700;
    padding: 10px;
}
.bigButton 
{
	text-align:center;
	padding:5px;
}
.bigButton input {
    font-weight: 700;
    padding: 10px;
}
.comparePlans .description 
{
	color:#999;
	font-size:0.65em;
    font-weight: normal;
    text-align: center;
    margin:0;
}

.comparePlans .price {
    font-weight: 700;
    font-size: 0.9em;
    color: #33f;
    text-align:center;
}

.comparePlans .label 
{
	text-align:left;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.baby 
{
	background-color:#fffff0;
}
.hipster 
{
	background-color:#ffffe6;
}
.connector
{
	background-color:#ffffdC;
}

/*** Create Digest Steps ***/
.validation 
{
	padding:8px 0 8px 30px;
	background:#FFF url(/images/validating.gif) center left no-repeat;
	color:#555;
}
.step fieldset 
{
	clear:both;	
}
#feedScraper 
{
	background:#ffffe2;
	border:1px solid #ff9600;
	border-top:none;
	width: 560px;
	position:absolute;
	padding:3px;
	left:0;
	color:#000;
}
#feedScraper ul 
{
	list-style:none;
	margin:5px 10px;
}
#feedScraper ul li 
{
	margin:2px 0;
}
#feedScraper ul a, 
#feedScraper ul a:link,
#feedScraper ul a:visited,
#feedScraper ul a:hover
{
	border:none;
	display:block;
	padding:2px;
	text-align:center;
	font-weight:bold;
} 
#feedScraper ul a:hover 
{
	border:none;
	background:#ffde59;	
}
#feedScraper ul a span 
{
	font-weight:normal;
	font-style:italic;
	color:#888;
}
#predefinedSource, #customSource 
{
	background:#FFF;
}
.step .boxBody 
{
	margin:8px 10px;
}
.step .input, .bigText
{
	padding: 2px; 
	font-size: 1.35em;
}
#step2, #step3, #step4 
{
	display:none;
}
#selectedFeeds, #allowedReferers
{
	margin:8px 0;
	border:1px solid #10a900;
	border-left:4px solid #10a900;
	padding:5px 5px 10px 5px;
	background:#f1ffef;
}
#selectedFeeds legend, #allowedReferers legend
{
	font-weight:bold;
	background:#FFF;
}
#selectedFeeds img, #allowedReferers img
{
	border:none;
}
#selectedFeeds a,
#selectedFeeds a:link
#selectedFeeds a:visited,
#selectedFeeds a:hover,
#allowedReferers a,
#allowedReferers a:link,
#allowedReferers a:visited,
#allowedReferers a:hover
{
	vertical-align:middle;
	border:none;
}
#selecedFeedList span, #allowedReferersList span
{
	color:#888;
	font-style:italic;
	white-space:nowrap;
	overflow:hidden;
}
.publisherList 
{
	float:left;
	width:290px;
	margin:0 10px;
	padding:10px 15px;
	background:#ffffee;
}
.publisherList label 
{
	display:block;
	font-weight:bold;
}
.publisherList select 
{
	width:98%;
}
#summaryLength 
{
	width:70px;	
}
#pauseTime 
{
	width:100px;
} 
/*** Navigation ***/
#navBar 
{
	background:#fff7dc;
	font-weight:bold;
	padding:2px;
	border:1px solid #ffedaf;
	
}
#navBar li 
{
	margin-left:8px;
}
#navBar a,
#navBar a:link,
#navBar a:visited,
#navBar img
{
	border:none;
	color:#ff3c00;
}
#navBar a:hover 
{
	color:#000;
}
#navBar li 
{
	display:inline;
}

.planDetails 
{
	margin-top:20px;
	margin-bottom:0;
	padding:0;
	clear:both;
}
.planDetails .description .alert,
.planDetails .description .alert a,
.planDetails .description .alert a:link,
.planDetails .description .alert a:visited
{
	background:#ffe7e2;
	color:#ff2a00;
	padding:2px 0;
}
.planDetails .description .alert a,
.planDetails .description .alert a:link,
.planDetails .description .alert a:visited 
{
	border-bottom:1px solid #ff2a00;
}
.planDetails .description 
{
	color:#999;
	font-size:0.85em;
    font-weight: normal;
    text-align: center;
    margin:0;
    padding:0;
    overflow:hidden;
}
.planDetails .description a,
.planDetails .description a:link,
.planDetails .description a:visited 
{
	color:#999;
	border-color:#999;
}
.planDetails .description a:hover 
{
	color:#000;
	border-color:#000;
}
.planDetails li 
{
	float:left;
	margin:0;
	width:24.8%;
	
}
.planDetails li div 
{	
	border:3px solid #EEE;
	margin:0 4px;
	padding:5px;
	color:#555;
    font-size: 0.9em;
    text-align:center;
	padding:13px 0;
}
.planDetails .first
{
	margin-left:0;
}
.planDetails .last
{
	margin-right:0;
}
.planDetails p {
    text-align:center;
    font-weight: 700;
    font-size: 1.5em;
    color: #33f;
    margin:0;
    padding:13px 0;
}
#digestGallery 
{
	clear:both;
	border:1px solid #CCC;
	border-left:4px solid #CCC;
	padding:5px;
	margin:10px 0;
}
#digestGallery h4 
{
	margin:0;
	background:#CCC;
	padding:2px;
	font-size:1.2em;
}
.digestList thead td
{
	font-weight:bold;
	background:#EEE;
	padding:1px 5px;
	border:1px solid #DDD;
}
.digestList .remaining td 
{
	color:#065c00;
	font-weight:bold;
	text-align:right;
	background:#e3ffdf;
	padding:1px 5px;
	border:1px solid #b1ffa6;
}
.digestList .nomore td, #digestGallery div.nomore
{
	color:#bb0d00;
	font-weight:normal;
	text-align:right;
	background:#ffeceb;
	padding:4px 5px;
	border:1px solid #ff3a2b;
	margin-top:10px;
}
#digestGallery div.nomore p 
{
	text-align:center;
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-weight:normal;
}
.digestList img,
.digestList a,
.digestList a:visited,
.digestList a:hover
{
	border:none;
}
.digestList .impressions 
{
	text-align:right;
}
.digestList .options 
{
	width:20%;
}
.digestList
{
	width:100%;
}
.digestList tr 
{
	background:#f6f6f6;
	margin:2px 0;
}
.digestList .buttons 
{
	width:40%;
	text-align:center;
}
.digestList .buttons a 
{
	margin:0 2px;
}
.digestList .altRow 
{
	background:#FFF;
}
.mainBody .title 
{
	margin-top:5px;
	margin-bottom:10px;
}
.tooltip 
{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	background:#ffffd3;
	position:absolute;
	width:240px;
	z-index:10000;
	font: 0.9em Verdana, sans-serif;
}
.tooltip p
{
	padding:9px;
	font-size:0.9em;
	margin:0;
}

/*** DEMO ***/
.feedostyle_digest_container {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:0.6em;
	border:none;
}

/*** Help icon ***/
#helpIcon
{
	display: none; 
	height: 130px;
	width:30px;
}
#helpIcon .anonymous
{
	color:#777;
}
#helpIcon .anonymous a,
#helpIcon .anonymous a:link,
#helpIcon .anonymous a:visited
{
	color:#777;
	border:none;
}
#helpIcon h4 
{
	font-size:1.2em;
	color:#f95800;
	margin:0;
	padding:0;
}
#helpIcon .head 
{
	background:#fff6e8;
	border: 1px solid #f6dcb5;
	padding:4px;
	text-align:left;
	font: normal normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,Arial,sans-serif;
}
#helpIcon .toggleBtn
{
	text-decoration: none;
	border: none; 
	position: absolute; 
	bottom: 0; 
	right: 0; 
	vertical-align: middle;
}
#helpIcon img
{
	border: none; 
	vertical-align: middle; 
	padding-bottom: 2px;
}
#helpHolder 
{
	position: absolute; 
	bottom: -2px; 
	right: -2px;
	padding: 5px; 
	background: #FFF url(/images/fieldset_bg.png) bottom left repeat-x; 
	border: 1px solid #ffa500;
	border-left: 4px solid #ffaf37;
}
#helpHolder p 
{
	text-align: left; 
	color: #710300; 
	margin-bottom: 5px;
	font: normal normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,Arial,sans-serif;
}
#helpEmail 
{
	width: 98%; 
	margin:2px 0;
}
#helpMessage
{
	width: 98%; 
	height: 70px;
	margin:2px 0;
}
#helpSuccessful {
	font: normal normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,Arial,sans-serif;
	background: #deffdb; 
	color: #003704; 
	border: 1px solid #0a8800; 
	margin: 5px;
	padding: 5px 15px; 
	text-align: center;
}

/*** Faq ***/
#faq 
{
	padding:0 55px;
}
#faq .list a,
#faq .list a:link,
#faq .list a:visited,
#faq .list a:hover
{
	border:none;
}
.supportedVersions
{
	border: 1px dashed #CCC;
	margin:auto;
	width:250px;
}
.supportedVersions a, 
.supportedVersions a:link,
.supportedVersions a:visited,
.supportedVersions a:hover
{
	border:none;
}
.supportedVersions caption
{
	font-weight:bold;
	width:auto;
	margin:0 auto;
	color:#999;
}
.supportedVersions th,.supportedVersions td
{
	text-align:center;
}
.supportedVersions img
{
	vertical-align: middle;
}
.supportedVersions td
{
	border-bottom: 1px dashed #CCC;
	padding-left: 1em;
	padding-right: 1em;
}
.supportedVersions td.feedVersion
{
	width: 100px;
}
.backToTop 
{
	width:100%;
	text-align:right;
	padding-bottom:10px;
	border-bottom:1px solid #EEE;
}
#codeBox 
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-175px;
	background: #ffffee; 
	border: solid 1px #ffa500;
	border-left: solid 4px #ffa500;
	width:350px;
}
#codeBox .head 
{
	background:#fff6e8;
	border: 1px solid #f6dcb5;
	padding:4px;
	text-align:left;
	font: normal normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Verdana,Arial,sans-serif;
}
#codeBox .content 
{	
	padding: 10px; 
}
#codeBox #codeContent 
{
	height:130px;
}
#codeBox h5 
{
	color:#f95800;
	font-size:1.1em;
	margin:0;
	padding:0;
	font-weight:bold;
}
#codeBox p 
{
	margin:0;
	padding:0;	
}

#checkout .discount {
	width:420px;
}
#checkout .discount span {
	font-weight:bold;
}
#checkout .discount p {
	position:relative;
	padding:5px;
	text-align:right;
	padding-right:30px;
}
#checkout .discount .math {
	position:absolute;
	width:15px;
	text-align:center;
	color:Green;
	right:5px;
	top:5px;
	font-size:1.7em;	
}
.discounted {
	border-top:1px solid #DDD;
	color:green;
}
#checkout .discount .info {
	color:#999;
	background:#ffffe6;
	font-style:normal;
	font-size:0.8em;
}
/*** Feedo Buttons ****/
#feedoButtons {
	border:1px solid #ffa500;
	border-width:1px 1px 1px 4px;
	margin:5px 0;
	padding:5px;
	background:#ffffee;
}
.feedoButtons ul  {
	width:460px;
	margin:0 auto;
	padding:0 0 0 20px;
}
.feedoButtons ul li {
	float:left;
	margin:0 20px;
	text-align:center;
}
.feedoButtons ul input {
	margin:0;
	padding:0;
}
.feedoButtons ul label {
	text-indent:-99em;
	overflow:hidden;
	width:92px;
	height:24px;
	display:block;
	margin:0;
	padding:0;
}
.feedoButtons ul #goldBtn { background:url(/images/feedostyle_me_gold.gif) center center no-repeat;}
.feedoButtons ul #blackBtn { background:url(/images/feedostyle_me_black.gif) center center no-repeat;}
.feedoButtons ul #whiteBtn { background:url(/images/feedostyle_me_white.gif) center center no-repeat;}