html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 

ul, li
{
	list-style:none;
 
}
/*
	Foundation styles
*/
body {
	background: url('../img/bg-basic-store2.png') top left;
	color: #454545;
	font: normal 100% Helvetica, Arial, sans-serif;
}

a {
	color: #80B548;
}

a:hover {
	color: #36C;
	text-decoration: none;
}

p {
	margin-bottom: 1em;
}

span.clearer
{
	display:block;
 height:1px;
margin:0;
padding:0;
	clear:both;
}

ul.bullets li
{
	list-style:disc;
	margin-left:1.07em;
}

ul.bullets
{
	margin-bottom:1em;
}

/*
	Type
*/
h1 {
	font-size: 3em;			/* 48px / 16px = 3em */
	line-height: 1.14583;	/* 55px / 48px = 1.14583 */
	margin: 0 0 1.07em;
	text-transform: uppercase;
}

 h2 {
	font-size:1.4em;
	margin:1em 0 1.5em 0;
}

 

 p:first-child {
	text-indent: 0;
}

 #content
{

	
}

/*	Layout
*/
body
{
	background: #efeee8;
}

#header
{
background:url('../img/bg.png') top left repeat-x #fff;
width:100%;
overflow:auto;	
}


#container
{
	width:100%;
	background:#f7f6f3;
	overflow:auto;
	padding-bottom:20px;
 
}

#top,
#logo,
#content,
#footer-content
{
	max-width:960px;
	margin:0 auto;
	padding:0 10px 0 10px;
	
}

#top
{
	display:block;
 
	height:23px;
	background:#80b548;
}
div#logo a:first-child
{
	display:block;
	width:601px;
	height:51px;
	float:left;
	background: url('../img/logo.png') top left no-repeat;
}

div#logo a:first-child em
{
	display:none;
}



div#logo {
	
	overflow:auto;
 
	padding-top:26px;
	height:60px;
}


div#logo em
{
	float:right;
	color:#ccc;
	padding-top:29px;
	font-size:0.85em;
}

html>body #logo
{ 
	
 *height:70px;
 overflow-x:hidden;

}


#content
{
 	margin-top:40px;
}

#list
{
	width:620px;
	margin-right:100px;
	float:left;
}

#about
{
	width:218px;
	float:left;
	margin-top:39px;
	font-size:0.75em;
	line-height:1.5em;
	padding:10px;
	background:#fff;
	 
	border:1px solid #d7d7d6;
}

#about #about-liveflows
{
	
}

#explain-title
{
display:block;
clear:both;
 margin-bottom:20px;
	font-size:0.75em;
	line-height:1.5em;
 

}
 

#footer
{

	border-top:1px solid #d7d7d6;
	padding-top:20px;
	padding-bottom:20px;


}

p#second-links
{ float:right;
	color: #ccc;

}

p#second-links a
{
	color: #ABABAB;
 
}

#content #list h2
{
	font-size:1.1em;
	border-bottom:1px solid #d7d7d6;
	padding-bottom:20px;
	margin-top:0;
}
 
#content #list h2 em
{
	font-weight:normal;
	font-size:0.9em;
	color:#ccc;
}

ul.top-list > li
{
clear:both;
overflow:auto;
margin:1em 0 1.5em 0;
}

 


ul.top-list > li > a
{
	display:block;
	float:left;
padding:0.3em 0 0.3em 10px;
width:530px;
margin-right:20px;
 text-decoration:none;
white-space:nowrap;
overflow:hidden;
color:#4a77cb;
	
}


ul.top-list > li > a:hover
{
	text-decoration:underline;
}

ul.top-list li em
{
 float:left;
width:60px;
text-align:right;
display:block;
font-weight:bold;
font-style:normal;
padding:0.3em 0 0.3em 0px;

}


ul.top-list > li > a.bar
{
background:url('../img/yellow_bar.png') no-repeat;
color:#4a77cb;
}




ul.top-list > li > a.bar.ii
{
	background-position:  -500px 0;
}

ul.top-list > li > a.bar.iii
{
	background-position:  -600px 0;
}

ul.top-list > li > a.bar.iv
{
	background-position:  -620px 0;
}

ul.top-list > li > a.bar.v
{
	background-position:  -680px 0;
}

ul.top-list
{
	border-bottom:1px solid #d7d7d6;
	margin-bottom:20px;
}




p.button-positive a,
p.button-positive input
{
	display:block;
	background:url('../img/btn-big-green.png') top left no-repeat;
 	height:34px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.5em;
	padding:13px 0 0 20px;
	float:left;
	border:0;
	
}

p.button-positive a.grey,
p.button-positive span.grey{
  background:url('../img/a_btn_beige_big.png') top left no-repeat;
  background-color:#B2B2B2;
  display:block;
  margin-top: 20px;
  margin-left: 10px;
  padding:5px 0 6px 10px;
  border:0;
  color:#fff;
  height:15px;
  cursor:pointer;
  float:left;
  font-size:0.85em;
  text-decoration:none;
}


p.button-positive input
{
	height:47px;
	margin-right:-1px;
	padding-top:2px;
	cursor:pointer;
}

/* ---- safari hack for text alignment ----*/

 body :first-of-type p.button-positive a
{
	padding:10px 0 0 20px;
	height:37px;
}


 body :first-of-type #faq-box-rs p.button-positive a
{
	padding:13px 0 0 20px;
	height:34px;
}


/* -----
   --- ie7 only hack for aligning text in buttons -----
--------*/

 html>body p.button-positive a
{

		*padding:7px 0 0px 20px;
		*height:40px;
}

html>body #faq-box-rs  p.button-positive a
{

		*padding:12px 0 0px 20px;
		*height:38px;
}
 

p.button-positive span
{
	display:block;
	background:url('../img/btn-big-green.png') top right no-repeat;
 	height:47px;
float:left;
width:20px;
}

 
p.button-positive a:hover,
p.button-positive input:hover
{
	color:#E7F8BF;
}

#content .column
{
	width:460px;
	float:left;
	margin-right:40px;
	line-height:1.5em;
	font-size:0.85em;
	margin-bottom:40px;
}

#content .column>h3:first-child
{
	margin-top:0;
}

#content .column.ii
{
	margin-right:0;
}

#content .column h3
{
	color:#4A77CF;
	margin:1.5em 0 1em 0;
}


#about a 
{
    margin: 5px 0 0 -2px;
	background:url('../img/btn_learn_more.png') top left no-repeat;
	display:block;
	width:97px;
	height:29px;
}
#about a em
{
	display:none;
}

ins /*highlight text*/
{
	margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: #feff7e;
		font-style: normal;
		text-decoration:none;
		font-weight:bold;
	}
	

	/* ---------------
		---- signup ----
		---------------*/

		ul#platform
		{
			overflow:auto;
			margin:0.7em 0 1.4em 0;
			width:960px;
		}

	ul#platform li
	{
		float:left;

		font-size:1.5em;
		padding:10px;
		text-align:center;
		margin-right:0px;
		width:180px;
	}

	ul#platform li:last-child
	{
		margin-right:0;
	}
	ul#platform li > label
	{
		cursor:pointer;
	}

	ul#platform li:hover
	{
		background:#ECECEC;
	}

	form#signup label
	{
		font-weight:bold;
		
	}

	input#url,
	input#email
	{
		display:block;
		padding:0.15em;
		font-size:1.5em;
		margin-bottom:0.5em;
		border:1px solid #b5b5b5;
	}

	input#url:focus,
	input#email:focus
	{
		
		border:1px solid yellow;
	}

	input#email
	{
		margin-bottom:1em;
	}
 

	/* ---------------
		---- faq ----
		---------------*/

#faq
{
	
	line-height:1.5em;
	font-size:0.85em;
	
}

#faq-box-rs
{
	float:right;
	background:#fff;
	border:1px solid #d7d7d6;
	padding:20px 20px 40px 20px;
	margin:0 0 770px 20px;
	width:450px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
		text-align:center;
}

#faq-box-rs p
{
	color:#BFBFBF;
	font-size:0.85em;
}

#faq-box-rs h2
{
	margin:40px 0 40px 0;
	line-height:1.4em;
}

 

#faq > h2
{
	text-align:center;
	font-size:2em;
	line-height:1.2em;
}
#faq > h3
{
	margin:2em 0 1em 0;
	color:#4a77cb;
}

img.img-ls
{
	float:left;
	margin:0 10px 0 0;
}


#faq-box-rs p.button-positive
{
	margin-left:52px;
	font-size:1.2em;
	line-height:1.2em;
	
}

/*----faq------* 


/* ---------------
	---- admin ----
	---------------*/
	
	
body#admin #login
{

	width:460px;
	margin:140px auto;
	overflow:auto;
}

body#admin #login ul
{
	border:1px solid #d7d7d7;
	padding:10px;	
	background:#fff;
	
}


body#admin #login input[type="text"],
body#admin #login input[type="password"]
{
	background:#d3d3d3;
	display:inline;
}


body#admin #login ul li.last-child
{
		margin-top:-5px;
		border-top:1px solid #d7d7d7;
		padding-top:10px;
		padding-left:180px;
		
}

body#admin #login ul li.last-child span
{
	margin-right:10px;
}
 body#admin #login ul li.last-child p 
{
	padding:5px 0 0 0px;
 	 
}
 body#admin #login ul li.last-child p a
{
	font-size:0.85em;
	color:#d7d7d6;
}
	






	
	
	
	
	body#admin #header
	{
		background:url('../img/a_bg.png') top left repeat-x;
	}
	
	#top
	{
		color:#fff;
		text-align:right;
		font-size:0.85em;
		padding-top:5px;
		height:18px;
	}
	
	#top a
	{
		color:#fff;
	}
	body#admin div#logo
	{
		padding:10px 0 0 0;
		height:40px;
		
	}
	
	body#admin div#logo a:first-child
	{
		background: url('../img/a_logo.png') top left no-repeat;
		width:385px;
		height:32px;
	}
	
 #admin-nav
{
	float:right;
}	

 body#admin div#logo #admin-nav a
{
	background:#fff;
	display:block;
	width:80px;
	padding:10px 5px 0 5px;
	height:24px;
	float:left;
	font-size:0.85em;
	margin-right:2px;
	text-align:center;
	border:1px solid #d7d7d6;
	border-bottom:0px ;
	
}

 body#admin div#logo #admin-nav a:last-child
{
	margin-right:0;
}

 body#admin div#logo #admin-nav a.active
{
	background:#f7f6f3;
	color:#454545;
	height:25px;
	text-decoration:none;
}
	
	#widget-list,
	#edit-widget,
	#widget-stats 
		{
			width:760px;
		}
		
	
 
	body#admin h2
	{
		font-size:1.1em;
		border-bottom:1px solid #d7d7d6;
		padding-bottom:20px;
	}
	
	
		body#admin ul
		{
			border-bottom:1px solid #d7d7d6;

		}


	html>body#admin ul
	{
 
		*overflow:auto;
	}
	
	body#admin ul li
	{
		clear:left;
		overflow:auto;
		margin:1em 0 1.5em 0;
	
	}
	
	
	#widget-list ul li > a:first-child,
	#edit-titles ul li > .name,
	#widget-stats ul li > span
	{
		color:#4a77cb;
		display:block;
		float:left;
		width:340px;
		overflow:hidden;
		white-space:nowrap;
		margin-right:40px;
	}
	

		
	
	#widget-list ul li > span
	{
		margin-right:40px;
	}

	#widget-list p#create-widget
	{
		margin-top:20px;
	}
	
	#widget-list p#create-widget a
	{
		background: url('../img/a_btn_new_widget.png') top left;
		display:block;
		width:148px;
		height:30px;
	}
	
	#widget-list p#create-widget a em
	{
		display:none;
	}


body#admin ul li label 
{
	display:block;
	float:left;
	width:220px;
	margin-right:40px;
	line-height:1.1em;
}

body#admin #login label
{
	width:140px;
}
#edit-widget
{
  border: 0;
}
body#admin #edit-widget ul{
  border: 0;
}
#edit-widget fieldset
{
  border: 1px solid #d7d7d6;
  padding: 15px;
}
#edit-widget legend
{
  margin: 0 20px;
}
#edit-widget ul li a
{
	color:#4A77CB;
}

#edit-widget ul li label em
{
	font-size:0.80em;
	color:#ccc ;
}


#edit-widget ul li#edit-image img
{
	float:left;
	margin-right:40px;
}

#edit-widget ul li#edit-image .btn
{
	margin-top:9px;
}

#edit-titles ul li span.name
{
	width:460px;
	color: #454545;
}



#edit-titles ul li span input
{
	width:450px;
}

#edit-titles ul li span.date
{
	display:block;
	float:left;
	width: 220px;
	font-style:normal;
}
 
#widget-stats ul li > span
{
	color: #454545;	
}

ul li .remove
{
	color:#f7f6f3;
	font-size:0.8em;
}
ul li:hover .remove
{
	color:red;
}


li#email-edit input
{
	float:left;
	margin-right:40px;
}

li#email-edit input[type='submit']
{
	margin-right:0px;
	margin-top:0px;
}

p#password-edit
{
	margin:20px 0 20px 0;
}

input#password-edit
{
	margin-left:260px;
}

#network h2 
{
	height:20px;
 
}

#network h2 span
{
	margin:5px 10px 0 0;
}

#network h2 span,
#network h2 select
{
	float:left;

}

#network #ls
{
	width:220px;
	margin-right:40px;
	float:left;
}

#network #rs
{
	width:700px;
		float:left;
}

#network #ls ul li
{
	margin:0;
}

#network #ls ul li a
{
	display:block;
	padding:0.3em;
	background:#EFEEE8;
	margin-bottom:3px ;
	text-decoration:none;
}

#network #ls ul li a.active
{
	background:#80b548;
	color:#fff;
}

#network #rs ul li > a:first-child
{
	color:#4A77CB;
	display:block;
	width:300px;
	overflow:hidden;
	white-space:nowrap;
	float:left;
	margin-right:40px;
}

#network #rs ul li
{
	margin:1em 0 1em 0;
	clear:both;
	overflow:auto;
}

#network #rs ul li:first-child
{
	margin-top:0;
}

body#admin #edit-titles select,
#network #rs ul li select{
  display: inline;
}

p.save-cancel,
p.pagination
{
	clear:right;
	margin-top:20px;

}

p.save-cancel
{
	margin-left: 600px;
}

p.button-positive > span.btn-big.grey,
p.save-cancel > span.btn-big.grey
{
 margin-right:10px;
	
}

span.protip{
  float: left;
  margin-top: 20px;
} 

p.pagination a,
p.pagination span
{
	display:block;
	width:15px;
	height:17px;
	padding:3px 0 0 5px;
	float:left;
	margin-right:7px;
	background:#efeee8;
	border:1px solid #d7d7d8;
	text-decoration:none;

}

/* -----
   --- safari only hack for aligning text in buttons -----
--------*/
 body#admin :first-of-type p.pagination a,
body#admin :first-of-type p.pagination span
 {
	
	padding:1px 0 0 5px;
		height:19px;
}



 


p.pagination a.active
{
	background: #8AB548;
	color:#fff;
}


body#admin input[type='text'],
body#admin input[type='password'],
body#admin textarea,
body#admin select
{
	display:block;
	padding:0.15em;
	font-size:1.1em;
 	display:inline;s
	border:1px solid #b5b5b5;
}

body#admin textarea
{
	font-size:0.75em;
	width:460px;
	height:180px;
}
	
	body#admin a.btn	
	{
	background: url('../img/a_btn_beige.png') top left no-repeat green;	
	display:block;
	float:left;
	padding:5px 0 0 10px;
	height:15px;
	font-size:0.85em;
	line-height:0.85em;
	color:#fff;
	text-decoration:none;

	}
	
	/* -----
	   --- safari only hack for aligning text in buttons -----
	--------*/

 body#admin :first-of-type a.btn 
{
	
	padding:4px 0 0 10px;
		height:16px;
}

	
		
	body#admin a.btn:hover
			{
			text-decoration:underline;
		   
		}
		
 

	
	body#admin span.btn
	{
		background: url('../img/a_btn_beige.png') top right no-repeat green;	
		display:block;
		float:left;
		width:10px;
		height:20px;
	}
	
	
	body#admin .btn.orange
	{
		background-color:orange;
	}

	body#admin .btn.grey
	{
		background-color:#B2B2B2;
	}
	
	body#admin .btn.red
	{
		background-color:red;
	}

	body#admin a.btn.green,
	body#admin span.btn.green,
	body#admin .btn-big.green
	{
		background-color:#80B548;
	}	
 
	a.btn-big,	
	input.btn-big
	{
		background:url('../img/a_btn_beige_big.png') top left no-repeat;
		display:block;
		padding:0 0 6px 10px;
		background-color:orange;
		border:0;
		color:#fff;
		height:26px;
		cursor:pointer;
		float:left;
		font-size:0.85em;
 
		text-decoration:none;
	}
	
		a.btn-big
	{
		padding:6px 0 0px 10px;
		height:20px;
	}


		/* -----
		   --- safari only hack for aligning text in buttons -----
		--------*/

	 body#admin :first-of-type input.btn-big 
	{

			padding:0 0 3px 10px;
			height:26px;
	}

 	body#admin :first-of-type a.btn-big 
	{

			padding:4px 0 0 10px;
			height:22px;
	}

	/* -----
	   --- ie7 only hack for aligning text in buttons -----
	--------*/

	 html>body#admin input.btn-big 
	{

			*padding:1px 0 2px 5px;
			*height:26px;
	}

 	html>body#admin a.btn-big 
	{

			*padding:4px 0 0 10px;
			*height:22px;
	}

    	html>body#admin  a.btn 
	{

		*padding:3px 0 0 10px;
		*height:17px;
	}
	

	 html>body#admin p.pagination a,
	html>body#admin p.pagination span,
	 {

		padding:1px 0 0 5px;
			height:19px;
	}

 	html>body#admin input#password-edit
{
	*width:135px;
}
	
    p.button-positive span.grey,
	span.btn-big,
	span.btn-big.input
	{
		background:url('../img/a_btn_beige_big.png') center right no-repeat;
		background-color:orange;
		display:block;
		height:26px;
		width:12px;
		float:left;
		margin-left:-2px;
	}
	span.btn-big
	{
		width:10px;
		margin-left:0;
	}
	
p.button-positive span.grey{
  background-color: #B2B2B2;
		margin-left:0px;
  height:15px;
  width:3px;
  float:left;
		margin-left: 0px;		
}


div#page-messages .error-messages,
div#page-messages .success-messages
{
	padding:5px;
	background:#FFA0A6;
	color:red;
	border:1px solid red;
	 
	font-size:12px;
	margin: 0 auto 20px auto;
	 
}
div#page-messages .success-messages
{
	background:#B2DB57;
	color: green;
	border:1px solid green;
}
		
/* --------------------------------
----------Installation Guides------
-----------------------------------*/

#content textarea.installation-codes
{
	 width:460px;
	height:130px;	
}