@media all {

html, body, b, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { quotes:none; list-style:none; padding:0; background:transparent; border:0; outline:0; margin:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-decoration:none; vertical-align:baseline; }

input, textarea, button { font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }

blockquote::before, blockquote::after, q::before, q::after { content:none; }

del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

*:focus { outline:0; }

/* end of reset */

div.text h3, div.text h4, div.text h5, div.text h6 { margin-bottom:1.2em; font-weight:bold; }
div.text ul, div.text ol, div.text dd { margin-left:2em; }
div.text p, div.text ul, div.text ol { margin-bottom:1em; }
div.text h3.light { margin-bottom: 0; }
div.text strong { font-weight:bold; }
#contentMain div.content { padding: 0 40px 0 40px; }

h3 { font-size: 1.2em; }

}
@media screen, projection {

a { color:#90c3dd; font-weight:bold; text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

#popup h2, hr, #menuMain h2, #menuMain .backToTop, #menuInfo h2, #footer h2 { height:1px; overflow:hidden; position:absolute; top:auto; right:1000em; }

/* lay k */

html {
	background:#fff url(/assets/images/beta/bgdCommon1.png) no-repeat 50% 0;
	font-size:100.01%;
	color:#808080;
}

body {
    font:0.88em/1.43 "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
}

#main {
	width:902px;
	position:relative;
	z-index:0;
	margin:0 auto;
}

/* skip links */

#skipLinks {
	position:absolute;
	z-index:100;
	color:#cae2ef;
}

	#skipLinks a {
		padding:5px;
		color:#cae2ef;
	}

	#skipLinks a:focus {
		background-color:#8ec2dc;
		color:#fff;
	}

/* content main */

#contentMain {
    width:100%;
    position:relative;
    z-index:10;
}
#contentMain::after {
	content:"";
	display:block;
	height:1px;
	clear:both;
}

/* classes */

/* headers */

#contentMain h2 {
	height:1%;
	font-size:2em;
	line-height:1;
	color:#505050;
}

	#contentMain h2 a {
		display:block;
		height:60px;
		padding:5px 41px;
		overflow:hidden;
		position:relative;
		z-index:-1;
		color:#505050;
		text-decoration:none;
	}

/* pages */

/* home */

#home {
	/* background:url(/assets/images/beta/picPhone.jpg) no-repeat 0 100%;*/
}

	#home h2 {
		padding-bottom:16px;
		background:url(/assets/images/beta/headers1.png) no-repeat 0 0;
	}

/* about */

#home div.about {
	height:1%;
	padding:0 41px;
	position:relative;
	margin-right: 420px;
}

	#home div.about ul {
		margin-left:35px;
	}

		#home div.about li {
			height:1%;
			padding-left:10px;
			background:url(/assets/images/beta/bgdCommon2.png) no-repeat -1812px 0.6em;
		}
/* download */

#home div.download {
	width:365px;
	padding:134px 45px 110px 0;
	background:url(/assets/images/beta/bgdCommon2.png) no-repeat -902px 100%;
	margin-left:auto;
	text-align:right;
    float:right;
}

#home div#screencast { 
    position: absolute;
    top: 90px;
    left: 675px;
    text-align: center;
    width: 
}

#home #phone { 
    float:left;
}

	#home div.download p.download {
		margin:0 0 0 50px;
		text-align:left;
	}

		#home div.download strong {
			display:block;
			padding-bottom:4px;
		}

		#home div.download p.download img {
			display:block;
			margin-top:25px;
		}

/* download */

#download {
	padding-bottom:50px;
	text-align:center;
}

	#download h2 {
		padding-bottom:1px;
		background:url(/assets/images/beta/headers1.png) no-repeat -902px 0;
	}

	#download div.text {
		clear:both;
	}

/* download */

#download div.download {
	font-size:1.21em;
}

#download div.text span {
	font-weight:bold;
}

/* download method */

#download div.downloadMethods h3 {
	padding:29px 0 23px;
	font-size:1.21em;
}

#download ul.downloadMethods {
	height:1%;
	overflow:hidden;
	padding:0 0 76px 134px;
	background:url(/assets/images/beta/bgdCommon2.png) no-repeat 0 100px;
}

	#download ul.downloadMethods li {
		float:left;
	}

	#download ul.downloadMethods li.mobileWeb {
		width:320px;
		padding:0 15px;
	}

		#download ul.downloadMethods li.mobileWeb img {
			display:block;
			margin:0 auto 1px;
		}
		
			#download ul.downloadMethods li.mobileWeb a {
				display:block;
				font-size:1.21em;
				line-height:1.1;
				color:#808080;
			}

/* popup */

#popup {
	padding: 28px 28px 0 28px;
}

/* popup form */

#popup form fieldset div {
	padding-bottom:26px;
}

	#popup form fieldset label {
		display:block;
		padding-bottom:10px;
	}

	#popup form fieldset input,
	#popup form fieldset select {
		padding:5px 2px;
		border:1px solid #bababa;
		background: #fff url(/assets/images/beta/bgdCommon2.png) no-repeat -1312px 0;
                margin-bottom: 28px;
	}

#popup form div.submit a {
	position:absolute;
	top:1px;
	right:6px;
}

/* header */

#header {
	height:58px;
	padding:30px 0 0 42px;
	background:#99c8df url(/assets/images/beta/bgdCommon1.png) no-repeat -399px 0;
	margin-bottom:27px;
}

/* footer */

#footer {
    padding-top:3px;
    padding-left: 15px;
    font-size:0.79em;
    color:#90c3dd;
}

	#footer p {
		padding-right:0.3em;
		float:left;
	}

/* menu */

#menuMain {
	position:absolute;
	top:45px;
	right:33px;
	z-index:30;
	font-size:0.86em;
	font-weight:bold;
	text-transform:lowercase;
}

	#menuMain li {
		float:left;
	}

		#menuMain li a,
		#menuMain li em {
			height:41px;
			padding:2px 9px 0;
			float:left;
			color:#346f8d;
		}

		#menuMain li em,
		#menuMain li a:focus,
		#menuMain li a:hover {
			background-color:#d4ecf7;
			text-decoration:none;
			font-style:normal;
		}

/* menu info */

#menuInfo {
    border-top:1px solid #f3f3f3;
    clear:both;
    font-size:0.79em;
    color:#90c3dd;
    text-transform:lowercase;
    padding-right: 15px;
}

	#menuInfo ul {
		padding-top:3px;
		float:right;
	}

		#menuInfo li {
			padding-left:1px;
			float:left;
		}

			#menuInfo li a {
				padding:4px;
			}

			#menuInfo li em {
				font-weight:bold;
			}

}
@media print {

/* printer styles */

div, hr, #contentMain a.more { display:none; }

#main, #header, #contentMain, #contentMain div { display:block; }

#main {
	margin:5px 10px;
	position:relative;
	font-size: 11px;
	color:#333;
}

	#main * {
		margin:0;
		text-decoration:none;
	}

	a { color:#333; }

	#contentMain {
		line-height:2em;
		color:#333;
	}

		#contentMain h2 {
			margin-bottom:1.5em;
			font-size:12px;
		}

		#contentMain p {
			text-indent:2em;
		}

}

.split_left{
	width: 487px;
	float: left;
	padding-right: 20px;
	padding-left: 40px;
	background: url(/assets/images/gfx/blue_separator.gif) top right repeat-y;
}

.split_right{
	width: 310px;
	float: right;
	padding-left: 20px;
}

select.categories {
	width: 80%;
	font-size: 14px;
}

#allWidgets.loading {
	height:200px;
	background:url(/assets/greybox/indicator.gif) no-repeat 50% 50%;
}

#allWidgets.loading ul {
	display:none;
}

ul.widget_previews li{
        width:141px;
	float: left;
	margin: 0 0 10px 12px;
	text-align: center;
	display: inline;
}

ul.widget_previews li p{
	margin-bottom: 15px;
}

.widget_previews_ctnr{
	margin-left: -15px;
        margin-top: 40px;
	width: 500px;
	background: none;
	border-right: 1px solid #E5E5E5;
}

.widget_previews_ctnr2{
	margin-left: -15px;
	width: 250px;
	background: none;
	border-right: 1px solid #E5E5E5;
}
#workarea ul.installed_widgets{
	list-style-image: url(/assets/images/gfx/bullet.gif);
        margin-left: 0;
	padding-left: 5px;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
}
#workarea { 
  position: fixed;
  margin: 0;
  margin-left: 570px;
  margin-top: 65px;
}
.installed_main { margin-top:35px; }
ul.front_points{
	list-style-image: url(/assets/images/gfx/bullet.gif);
	padding-left: 18px;
	margin-top: 20px;
    line-height: 200%;
    font-family:'Arial';
	font-size: 16px;
    font-weight:bold;
	color: #000;
}
ul.installed_widgets li{
	margin-bottom: 5px;
        margin-left: 0;
	list-style-image: none;
}

ul.installed_widgets li a.red{
	font-size: 12px;
}

#installed_widgets {
	height:1000px;
}
#installedWidgets {
  padding-top: 40px;
}

/* @widget generic preview */

.widget_previews li.generic div {
	height:156px;
	background:#049904 url(/assets/images/gfx/bgdWidgetGeneric.png) no-repeat 0 0;
	position:relative;
}

	.widget_previews li.generic div h3 {
		height:56px;
		padding-top:46px;
		line-height:50px;
                font-size: 12px;
                font-weight: bold;
	}


	.widget_previews li.generic div li {
		display:block;
		float:none;
		text-align:left;
	}

.widget_previews li p.addButton {
	background-color:#fff;
	position:relative;
	z-index:10;
}

.widget_previews li.hasLogo div {
	background:none !important;
}

	.widget_previews li.hasLogo div h3 {
		height:131px;
		padding-top:25px;

	}

	.widget_previews li.hasLogo div p {
		width:100%;
		position:absolute;
		top:156px;
		left:0;
		font-size:12px;
		font-weight:bold;
	}

.widget_previews li.loading {
	background:url(/assets/greybox/indicator.gif) no-repeat 50% 21px;
}

	.widget_previews li.loading * {
		visibility:hidden;
	}

.widget_previews li.loaded {
	opacity:0.4;
	filter:alpha(opacity=40);
}

	.widget_previews li.loaded p.addButton {
		visibility:hidden;
	}

a.red:link, a.red:visited{
	color: #f66;
}

select.categories {
  margin-top: 5px;
  padding: 5px 2px;
  border:1px solid #bababa;
  background: #fff url(/assets/images/beta/bgdCommon2.png) no-repeat -1312px 0;
}

form p.notice {
  padding: 2px 40px;
  font-size: 90%; 
}

form p.security {
  background: url(/assets/images/gfx/black_lock.png) no-repeat 20px 1px
}

form.signup{
	font-size: 14px;
}

form.signup .straight{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	line-height: 22px;
}

form.signup p{
	margin: 5px 0;
}

form.signup select{
	font-size: 13px;
	width: 175px;
}

form.signup small{
	font-size: 14px;
	color: #999;
	font-style: italic;
	padding-left: 5px;
	line-height: 22px;
}

form.signup input, form.signup select{
  padding: 5px 2px;
  border:1px solid #bababa;
  background: #fff url(/assets/images/beta/bgdCommon2.png) no-repeat -1312px 0;
  font-size: 14px;
  width: 170px;
}
form.signup textarea{
  padding: 5px 2px;
  border:1px solid #bababa;
  font-size: 14px;
  width: 300px;
  height: 90px;
}
form.signup input.button{
  padding: 0;
  font-size: 14px;
  width: 158px;
  height: 27px;
  background: none;
  border: none;
  padding-left: 160px;
}
form.signup input.submit{
  background: #f18f00 url(/assets/images/gfx/button_common.gif) no-repeat 0 0;
  color: #fff;
  font-weight: bold;
  width: 158px;
  height: 27px;
  border: none;
  padding: 0 0 5px 0;
  margin: 0;
}
form.signup input.colorpicker{
  padding: 0;
  width: 17px;
  height: 17px;
  background: none;
}

form.signup input#facebook-button {
  margin-left: 40px;
  width: auto;
}

.signup_step2{
	border: 5px solid #F18C00;
	padding: 20px;
	text-align: center;
	font-size: 14px;
}

.step_graphic{
	margin-bottom: 20px;
}

.signup_step2 h2{
	font-weight: normal;
	color: #F18C00;
	margin-bottom: 10px;
}

.signup_step2 p{
	line-height: 18px;
	margin-bottom: 20px;
}

.status{
	color: #999;
	font-style: italic;
	margin-top: 10px;
}

.align_middle *{
	vertical-align: middle;
}

p.narrow { 
  padding-left: 40px;
  padding-right: 40px;
}

p.subtitle { 
  margin-top: -35px;
  margin-bottom: 35px;
}

#miniheader { 
  /* color: #fff; */
  margin-top:20px;
}

#colorPickerDiv { 
  clear: none;
}

#sampletext { 
  float: left; 
  margin-top: 80px;
  margin-left: 240px;
  padding: 5px;
  display: inline;
  clear: none;
  position: absolute;
}

p.error { 
  color: #f66;
  font-style: italic;
}
#red { 
  color: #f66;
}

div.text li {
  height:1%;
  padding-left:10px;
  background:url(/assets/images/beta/li.png) no-repeat 0 8px;
}

#main_text{ 
  width: 420px; 
  text-align: center;
  margin-top: 120px;
}

#main_text b { 
  font-weight: bold;
  
}

#complete_text { 
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

#complete_text #blueline { 
  background: none;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
#complete_text #blueline p { 
  padding: 0 0 15px 60px;
}
#complete_text #blueline h1 { 
  font-size: 30px;
  magrin: 0;
  padding: 20px 0 20px 100px;
}

#complete_text #whiteline { 
  background-color: #fff;
  margin: 0;
  padding-top: 5px;
}
#complete_text #whiteline p { 
  padding: 5px 10px 20px 60px;
  padding-top: 5px;
}
#complete_text #whiteline p.icon_power { 
  background:url(/assets/images/beta/icon2.png) no-repeat 17px 0px;
}
#complete_text #whiteline p.icon_pencil { 
  background:url(/assets/images/beta/icon1.png) no-repeat 17px 0px;
  padding-bottom: 7px;
}
#complete_text #whiteline p.icon_person { 
  background:url(/assets/images/beta/icon3.png) no-repeat 17px 0px;
}

#settingscontainer { 
  margin: -17px 5px 0 15px;
  padding: 0;
}
#settingscontainer #tabs { 
  float:left;
  clear: both;
  z-index: 0;
  position: absolute;
}
	#settingscontainer #tabs li {
		margin: 0 0 0 8px;
                padding: 0;
                float: left;
                width: 169px;
		height: 47px;
	}

		#settingscontainer #tabs li a,
		#settingscontainer #tabs li a:visited { 
                        display: block;
                        width: 169px;
			height: 47px;
			text-align: center;
			padding: 17px 0 0 0;
			color: #50829d;
                        background: url(/assets/images/beta/tab_normal.png) no-repeat 0 0;
                        font-weight: normal;
                        text-decoration: none;
		}

		#settingscontainer #tabs li a:focus,
		#settingscontainer #tabs li a:hover {
                        background: url(/assets/images/beta/tab_hover.png) no-repeat 0 0;
                        text-decoration: none;
		}

		#settingscontainer #tabs li.active a { 
                        background: url(/assets/images/beta/tab_active.png) no-repeat 0 0;
                        text-decoration: none;
		}

#settingscontainer #tabcontent { 
  float:left;
  width: 99%;
  margin: 45px 0 0 0;
  background: url(/assets/images/beta/tab_body_background.png) repeat-x 0 0;
  padding: 30px 0px 10px 0px;
  z-index: 10;
}
#settingscontainer #tabvfill { 
  float:left;
  margin: 45px 0 0 0;
  width: 2px;
  z-index: 10;
}
.clearfix { 
  clear: both;
}