/* layout */
html,body,#container {
	height: 100%;
}

body>#container {
	height: auto;
	min-height: 100%;
}

#pusher {
	padding-bottom: 5em;
	margin-bottom: 1em;
}

body {
	background: url(/img/hpheader_background.png) left -95px repeat-x #FFF;
	font: 16px Arial, Sans Serif;
	margin: 0;
	padding: 0;
	height: 100%;
	z-index: auto;
}

body#site,body#error {
	background: #000;
	color: #FFF;
}

body#site #container {
	background: #262626;
	margin-bottom: 20px;
}

a img {
	text-decoration: none;
	border: 0
}

a {
	color: #1192a2;
}

a:visited {
	color: #1192a2;
}

a:hover {
	color: #1ac0d5;
	text-decoration: underline;
}

#container {
	width: 60em;
	margin: 0 auto;
	min-height: 100%;
	background: transparent;
}

/*Grid*/ /*Half*/
.onehalf {
	width: 49%;
	float: left;
	margin-left: 1%;
}

/*Third*/
.onethird {
	width: 32%;
	float: left;
	margin-left: 1%;
}

.twothirds {
	width: 65%;
	float: left;
	margin-left: 1%;
}

/*Quarter*/
.onequarter {
	width: 24%;
	float: left;
	margin-left: 1%;
}

.threequarters {
	width: 74%;
	float: left;
	margin-left: 1%;
}

/*homepage*/
div.hpheader {
	width: 100%;
	height: 12em;
	background: url(/img/header_bg.jpg) top left no-repeat;
	border-bottom: 4px solid #3b3b3b;
}

div.smallheader {
	width: 100%;
	height: 100px;
	background: url(/img/header_bg.jpg) no-repeat;
}

div.smallheader h1 {
	float: left;
	/*background: url(/img/logo_webapp.png) 10px 14px no-repeat;
	width: 153px;
	
	text-indent: -30000px;*/
	height: 100px;
}

div.smallheader h1 a { padding: 13px; background: none; }
div.smallheader h1 a img { vertical-align: middle; margin-top: 13px; }

.hpheader h2 {
	font-weight:normal;
	text-shadow: 1px 2px 2px #111;
	padding: 10px 26px 0 0;
	font-size: 24px;
}

.hpheaderLeft {
	width: 10em;
	float: left;
}

.hpheaderRight {
	width: 47em;
	float: right;
}

.hpheaderLogo {
	padding: 10px 0 0 18px;
}

.signupLogin {
	float:right;
	margin: 30px 0 0 0;
	text-align: right;
	width: 39em;
}

.signUp {
	float: right;
	min-width: 150px;
	margin-top: 14px;
	padding: 0;
}

.signUp span {
	display: block;
	float: left;
	width: 10px;
	height: 53px;
	background: url('/img/signupbutton_left.png') no-repeat;
}

.signUp a {
	display: block;
	float: left;
	height: 53px;
	background: url('/img/signupbutton_right.png') no-repeat right;
	font-size: 160%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	line-height: 53px;
	padding-right: 10px;
	text-shadow: 0 1px 0 #fff;
}

.signUp a:hover {
	color: #de8d0e;
}

.loginForm {
	float: right;
	overflow: hidden;
	margin: 0 26px 0 12px;
	width: 280px;
	text-align: right;
}

.loginForm p {
	text-align: left;
	float: left;
	width: 150px;
	margin-left: 52px;
	padding-top: 10px;
	font-size: 0.7em;
}

.loginForm .labels {
	width: auto;
	float: right;
	overflow: hidden;
	padding-bottom: 4px;
}

.loginForm .fields {
	float: right;
}

.loginForm p.keeplogin {
	margin-left:0;padding-top:5px;}

.loginForm p.keeplogin label, form.boxed p.keeplogin label
	{
	font-size:100%;
	display:inline;
	padding-left:0;}
	
p.keeplogin input
	{display:inline;padding:0;margin:0 4px 0 0;}
	
p.recover {padding:0;margin-left:10px;text-align:right;width:70%;}

form.boxed p.recover {width:100%;}

.hpheader input.button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline;
	font-size: 0.9em;
	padding: 4px 8px 6px 8px;
	background: #333;
	border: none;
	margin-top: 4px;
	cursor: hand;
}

.hpheader input.button:hover {
	background: #69c;
	cursor: pointer;
}

.loginForm input.button {
	background: #fff260;
	color: #000;
}

.hpheader form {
	display: inline;
}

.hpheader form div.fields input.login {
	padding: 3px;
	font-size: 80%;
	width: 120px;
}

.hpheader form label {
	width: 133px;
	color: #999;
	font-size: 80%;
	float: right;
}

.hpheader input.button {
	width: 60px;
	cursor: hand;
}

div.news {
	background:#FFF;
	color:#000;
	font-size:0.8em;
	height:2.5em;
	line-height:2.5em;
}

div.news img {
	position:absolute;
	top:120px;
	margin-left:10px;
}

div.news strong {
	font-weight:bold;
	color:#f15a25;
	padding-left:80px;
}

div.features .thirds {
	width: 30%;
	float: left;
	padding: 0 12px;
	margin: 20px 0;
}

div.features h2 {
	font-size: 0.9em;
	color: #e5ddab;
	text-shadow: 0 2px 0 #000;
}

div.features p {
	font-size: 0.8em;
	line-height: 1.5;
}

div.features img {
	margin: 8px 0;
	width: 280px;
	height: 60px;
}

.title {
	background: url(/img/title_bg.png) repeat-x;
	padding: 12px 0 12px 12px;
	font-size: 1.5em;
}

.highlight {
	height: 20.6em;
	background: transparent url('/img/highlight_background.jpg') bottom repeat-x;
}

.highlightlegend {
	padding: 8px 180px 0 66px;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.6em;
	color: #ddd;
}

.highlight img.phone {
	float: left;
}

.highlight ul {
	float: left;
	margin-top: 34px;
	font-size: 0.75em;
}

.highlight ul li {
	padding-left: 0.5em;
	line-height: 1.5em;
}

.highlight div.mobapps {
	width: 16.5em;
	float: left;
	margin-top: 23px;
}

div.wrapstuff.mob {
	width: 51em;
	padding-top: 23px;
	margin: 0 auto;
}

img.floatinglogo {
	float: right;
	margin-right: 28px;
}

.content {
	clear: both;
	background: url('/img/content_bg.png') repeat #262626;
	overflow: hidden;
	padding: 12px 40px 10px 40px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

div.devs h2 {
	padding:8px;
	border:1px dotted #888;
	background:#444;
	margin:12px 0;
	font-size:0.8em;
}

.doubleColumn .left {
	width: 166px;
	float: left;
	text-align: right;
	margin-right: 44px;
	padding-top: 3px;
}

.doubleColumn .right {
	float: left;
	width: 600px;
}

.doubleColumninv .left {
	width: 37.5em;
	margin-left: 40px;
	margin-bottom: 20px;
	float: left;
}

.doubleColumninv .right {
	width: 18em;
	margin-left: 2em;
	float: left;
}

.singleColumn {
	width: 37.5em;
	margin-left: 40px;
	margin-bottom: 20px;
}

.content h4,.doubleColumninv h4 {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.1em;
	margin: 1em 0 1.37em 0;
}

.content p,.doubleColumninv p {
	margin-bottom: 8px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.content ul,.doubleColumninv ul {
	list-style: disc;
}

.singleColumn ul li,.content ul li {
	font-size: 0.875em;
	margin-left: 2em;
	padding-left: 0.25em;
	margin-bottom: 0.5em;
}

.content strong {
	font-weight: bold;
	color: #f8eab9;
}

.content h3 {
	font-weight: normal;
	margin-top:1em;
	font-size: 180%;
}

ul.subNav {
	text-align: right;
	list-style-type: none;
	margin: 0;
	padding: 0 20px 0 0;
}

ul.subNav li {
	margin: 5px 0 10px 0;
}

ul.subNav a {
	color: #fff;
	text-decoration: none;
}

ul.subNav a.current {
	color: #999;
}

ul.subNav a:hover {
	color: #69c;
	background: none !important;
}

dl.faq {
	margin: 14px 0 0 0;
	padding: 0;
}

dl.faq dt {
	color: #f8eab9;
	font-weight: bold;
	font-size: 100%;
}

dl.faq dd {
	line-height: 1.5;
	font-size: 80%;
	margin: 3px 0 26px 0;
}

dl.faq dd ol {
	list-style-type: lower-latin;
}

dl.faq h3 {
	margin-bottom: 0.25em;
}

dl.faq p {
	margin-top: 0.7em;
}

dl.faq ul {
	margin: 1.5em;
}

dl.faq ul li {
	list-style: disc;
	margin: 10px 0;
}

/*Exceptions and Specials*/
img.special_phones {
	padding: 60px 0 0 30px;
}

#hpheader h1 {
	text-indent: -66666px;
	width: 211px;
	height: 209px;
	background: url("/img/hp_logo.png") no-repeat;
	display: block;
	position: relative;
	left: 39%;
	top: 12%;
	float: left;
}

div#screenshots {
	background: url('/img/highlight_background.jpg') bottom repeat-x #333;
	border-top: 1px solid #444;
	height: 15em;
	color: #000;
	/*-moz-border-radius:12px;*/ /*-moz-border-radius-bottomright:12px;*/
	-webkit-border-radius: 12px;
	/*-webkit-border-bottom-left-radius:12px;*/
	/*border-bottom-radius:12px;*/ /*border-bottom-left-radius:12px;*/
}

h2.everywhere {
	border-bottom: 1px solid black;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 1px 0 #000;
	padding: 20px 0 6px 10px;
}

div#screenshots div.quarter {
	font-weight: bold;
	display: block;
	height: 226px;
	width: 33%;
	float: left;
	text-align: center;
}

div#screenshots a {
	padding-top: 195px;
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 37px;
	pointer: hand;
}

div#screenshots a:hover {
	text-decoration: underline;
	background: transparent;
	cursor: hand;
}

div#screenshots a span {
	display: block;
	font-weight: normal;
	font-size: 0.7em;
}

div#screenshots div.quarter.desktop {
	background: url("/img/screenshot_desktop.png") no-repeat bottom;
}

div#screenshots div.quarter.web {
	background: url("/img/screenshot_web.png") no-repeat bottom;
}

div#screenshots div.quarter.mobile {
	background: url("/img/screenshot_mobile.png") no-repeat bottom;
}

div#screenshots div.quarter.meo {
	background: url("/img/screenshot_meo.png") no-repeat bottom;
}

div#hpcontent {
	background: #222;
	min-height: 100%;
	height: 100%;
	padding: 0 2px 10px 0;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

div#hpmain {
	float: left;
	width: 64.5%;
	padding-left: 15px;
}

div#hpsidebar {
	padding-right: 4px;
	float: right;
	width: 33%;
}

#loginbox {
	background: #D7D7D7;
	padding: 5px 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#loginbox h2 {
	color: #FFF;
	background: #7A7A7A;
	text-shadow: 0 2px 4px #000;
	font-size: 1.25em;
	padding: 5px 10px;
	margin: -5px -10px 5px -10px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

#loginbox span {
	float: right;
}

#loginbox span a {
	color: #eec432;
	font-size: 0.875em;
	line-height: 26px;
}

#loginbox span a:hover {
	color: #eec432;
	font-size: 0.875em;
	line-height: 26px;
}

#loginbox form {
	color: #000;
	font-size: 0.875em;
	width: 230px;
	margin: 0 auto;
}

#loginbox form label {
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding: 16px 5px 0 0;
}

#loginbox form input[type="text"],#loginbox form input[type="password"]
	{
	margin-top: 12px;
	padding-top: 5px;
	width: 130px;
}

#loginbox form input[type="submit"] {
	margin-top: 12px;
	float: right;
}

/*signup*/
form.boxed {
	width: 22.5em;
	margin: 0 0 0 auto;
	background: #1C1C1C;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 25px 16px 40px 16px;
}

form.boxed label {
	display: block;
	padding: 16px 0 5px 0;
}

form.boxed input.field {
	width: 99%;
	font-size: 1em;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 4px;
}

form.boxed span.note {
	display: block;
	text-align: right;
	font-size: 0.75em;
	padding-top: 4px;
	margin-bottom: -16px;
}

form.boxed p {
	margin: 16px 0 0 0;
}

form.boxed p.recover {
	margin: 0;
	font-size: 0.75em;
	text-align: right;
}

form.boxed textarea {
	width:100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;}
	
form.boxed select {width:100%;}

p.infobubble {
	text-align: right;
	margin-bottom: 10px;
}

p.infobubble span {
	font-size: 0.7em;
	background: #1C1C1C;
	padding: 6px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#topbarnav {
	background: url("/img/topnavbar_bkg.png") repeat-x #555;
	height: 33px;
	font-size: 0.8em;
}

#topbarnav ul {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
}

#topbarnav li {
	display: inline;
}

#topbarnav a {
	border: 1px solid #444;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px;
	color: #FFF;
	text-decoration: none;
	background: #555;
}

#topbarnav a.logo, #topbarnav a.logo:hover {
	background:transparent;
	border:none;
}

#topbarnav a:hover {
	background: #173545;
}

#topbarnav a.logo img {
	vertical-align:middle;
}

#langbar {
	float: right;
	color: #FFF;
	line-height: 28px;
	margin-right: 18px;
}

#langbar label {
	padding: 12px;
	display: none;
}

#langbar select {
	background: transparent;
	border: 1px solid #444;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px;
	color: #FFF;
	background: #555;
}

#header {
	background: url(/img/header_bkg.png) top repeat-x;
	height: 80px;
	border-top: 4px solid #1d333e;
	color: #FFF;
	display:none;
}

#header h1 {
	float: left;
	font-size: 3.5em;
	width: 163px;
	height: 80px;
	white-space: nowrap;
}

#header h1 a {
	outline: none;
	background:  none;
	padding-left: 5px;
}

#search {
	display: none;
	float: right;
	width: 300px;
	font-size: 0.75em;
	text-align: right;
	margin: 9px 18px 0 0;
}

#search label {
	padding: 12px;
}

#search select {
	width: 195px;
}

#search p {
	line-height: 32px;
}

#buttonbar {
	margin: 10px 0 0 0;
	height: 2em;
	overflow: hidden;
}

#buttonbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#buttonbar li {
	float: left;
	padding: 0 0 0 4px;
	background: url("/img/tab_left.png") no-repeat left top;
	margin-right: 6px;
}

#buttonbar a {
	display: block;
	background: url("/img/tab_right.png") no-repeat right top;
	padding: 0 10px 0 6px;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	color: #CCC;
}

#buttonbar li.active {
	font-weight: bold;
	text-shadow: 0 1px 3px #777;
	background-position: left -300px;
}

#buttonbar li.active a {
	background-position: right -300px;
	color: #000;
}

#loginstatus {
	color: #FFF;
	float: right;
	text-align: right;
	margin-right: 10px;
}

#loginstatus span {
	font-size: 0.8em;
}

#loginstatus a.logout {
	display: inline;
	padding: 4px 8px;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#loginstatus a:hover {
	background: #5c0019;
}

/*main*/
#main {
	float: left;
	width: 75%;
	background: #fff;
}

/*sidebar*/
#sidebar {
	float: right;
	font-size: 0.9em;
	width: 24%;
}

#sidebar div {
	background: #dfdfdf;
	padding-bottom: 10px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	margin-bottom: 10px;
	z-index: 500;
}

.sideBarTitles {
	display: block;
	clear: both;
}

.sideBarChilds {
	display: block;
	clear: both;
}

#sidebar div.options {
	background: #eee;
	-moz-box-shadow: 0 1px 4px #666;
	-webkit-box-shadow: 0 1px 4px #666;
	box-shadow: 0 1px 4px #666;
	z-index: 600;
}

#sidebar h2 {
	padding: 10px 10px;
	border-bottom: 1px solid #eee;
	z-index: 500;
}

#sidebar h2.first {
	margin: 0px 0px 0px -22px;
	text-indent: 22px;
	background: transparent url("/img/sidebar_arrow_light_shadow.png")
		no-repeat left -2px;
	border: none;
	z-index: 600;
}

#sidebar h2:hover {
	cursor: pointer;
}

#sidebar ul.important li {
	background: #AAA;
}

#sidebar li.first {
	border-top: 1px solid #bbb;
}

#sidebar form label {
	padding-left: 8px;
}

#sidebar form label.first {
	padding-left: 35px;
	padding-bottom: 8px;
	display: block;
}

#sidebar ul.tips {
	margin: 10px;
	padding: 4px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

#sidebar ul.tips li {
	margin: 4px 0;
	font-size: 0.85em;
}

#sidebar ul.tips li.important {
	font-size: 0.75em;
	margin-top: 8px;
	padding: 8px;
	-moz-border-radius: 8px;
	-webkitborder-radius: 8px;
	border-radius: 8px;
	background: #efe8ac;
}

#sidebar div.pondads {background:white;padding-left:40px;}

#sidebar ul.shorttips {

	padding: 10px;
}

#sidebar ul.shorttips li {
	font-size: 0.85em;
	font-style:italic;
}

/*Secondary navigation*/
.secondaryNavigation {
	background: #d1d1d1;
	font-size: 0.8em;
	padding-left: 4px;
	overflow: hidden;
	height: 2.7em;
	line-height: 2.7em;
	z-index: 10;
}

.secondaryNavigation ul li {
	line-height: 1.2em;
	display: inline;
}

.secondaryNavigation ul li a {
	color: #273d4b;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #eee 0 1px 0;
	padding: 5px 10px;
}

.secondaryNavigation ul li a:hover {
	color: #0E8CCB;
	background: none;
}

.secondaryNavigation ul li a.selected {
	color: #000;
	text-shadow: #ddd 0 1px 0;
	background: #b4b4b4;
	border-top: 1px solid #888;
	border-bottom: 1px solid #eee;
}

/*Other views (pages)*/
div.page {
	border-top: 1px solid #aaa;
	background: #eee;
	padding: 20px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	color: #000;
}

.page h3 {
	font-size: 1.1em;
	padding: 8px 0;
}

.page h2 {
	font-size: 1.3em;
	margin-bottom: 12px;
	text-shadow: 0 1px 0 #FFF;
	color: #333;
}

.page h4 {
	font-size: 1em;
	padding:8px 0;
	font-weight:bold;
	color:#555;
}

.page p {
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 6px;
}

/*My Stuff*/
h2.mystuff {
	line-height: 1.3em;
	font-size: 1.3em;
}

li.account,li.datasource {
	list-style: none;
	padding: 4px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 2px 0;
	height: 2em;
	line-height: 2em;
}

li.account img,li.datasource img {
	vertical-align: middle;
	padding-right: 5px;
}

li.account span.accountdesc,li.datasource span.dsdesc {
	font-size: 0.85em;
	padding: 2px 5px;
	font-weight: bold;
	color: #333;
}

li.account span.unread,li.datasource span.unread {
	font-size: 0.65em;
	color: #444;
}

li.account span.accountactions,li.datasource span.dsactions {
	float: right;
	padding: 0 8px;
	display: none;
}

li.account:hover span.accountactions,li.datasource:hover span.dsactions
	{
	display: block;
}

li.account.invalid {
	background: #5c0019;
	color: #FFF;
}

li.account strong {
	color: #FFF;
	font-size: 1.1em;
	font-weight: bolder;
}

/*Invitations*/
div.invitegroup {
	background:#FFF;
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:10px 0;
}
span.invitesleft {
	background:#eee;
	padding:6px;
	-moz-border-radius:8px;
	margin:0;
	float:right;
}

span.invitesleft strong {
	font-weight:bold;
	font-size:1.2em;
	line-height:1em;
}

ul.invitednumbers li {
	line-height:1.5em;
	font-size:1.2em;
	padding:4px 20px;
	border-bottom:1px dotted #777;
	letter-spacing:0.05em;
}

/*viewactions*/
.viewactions {
	/*background:url("/img/pagination_bkg.png") repeat-x top #d1d1d1;*/
	font-size: 0.8em;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 15px 5px;
	border-top: 1px solid #999;
}

.entity    ~ .viewactions {
	border: none;
}

.viewactions ul.pagination {
	float: right;
	padding: 0;
}

.viewactions li {
	display: inline;
}

.viewactions a {
	font-size: 1em;
	margin-right: 0px padding :       4px;
}

li.newevents {
	margin-right: 12px;
}

.viewactions .newevents a {
	margin-right: 0px;
	font-size: 1em;
	border: 1px solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 1px 16px;
	color: #FFF;
	text-decoration: none;
	background: url("/img/reload.png") no-repeat 0 1px #173545;
	text-shadow: 0 1px 0 #000;
}

.viewactions .newevents a:hover {
	background: url("/img/reload.png") no-repeat 0 1px #0e8ccb;
}

.viewactions .newevents span {
	font-size: 1em;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px 1px 16px;
	color: #ccc;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: url("/img/reload_inactive.png") no-repeat 0 1px #eee;
}

.viewactions a:hover {
	background: #173545;
}

/*Events & nodes*/
.node {
	border:1px solid #DEDEDE;
	border-top:5px solid #E9E9EA;
	background:#FFF;
}

.node p {
	font-size: 1em;
}

.node:hover,div#events .node_selected {
	border:1px solid #0cd7f0;
	border-top:5px solid #0cd7f0;
	background:#cfe9f0;
}

.node.forme:hover,div#events .forme.node_selected  {
	border:1px solid #f10d37;
	border-top:5px solid #f10d37;
	background:#fee8ec;
}

.node.mine:hover,div#events .mine.node_selected  {
	border:1px solid #dbf60d;
	border-top:5px solid #dbf60d;
	background:#f2f7cd;
}
div#events .node_selected .nodeactions {
	background: #FFF;
}

.node a {
	color: #1299aa;
}

.node a:hover {
	color: #1ac0d5;
	background: none;
}

.truncdata a:hover {
	text-decoration: underline;
	background: #FFF;
	color: #0e8ccb;
}

div.node.unread {
	border:1px solid #ccc;
	border-top:5px solid #1299aa;
	/*background: url("/img/node_unread_light.png") repeat-x #b9d2ee;
	border-top: 1px solid #0e8ccb;
	border-left: 1px solid #749ecd;
	border-right: 1px solid #749ecd;
	border-bottom: 1px solid #1f475c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	background:url('/img/nodes.unread.png') top repeat-x #FFF;
	
}

div.node.unread .event {
	
}

div.node.unread.mine {
/*	background: url("/img/node_mine_light.png") repeat-x #ddf3c1;
	border: 1px solid #6b7962;*/
	border-top:5px solid #cedb69;
	
}

div.node.mine {
	background:#FFF;
	border-top:5px solid #e9ecd6;
}

div#events {
	padding: 2px 0;
	color: #000;
}

a.detail {
	font-size: 0.7em;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 6px;
	color: #333;
	text-decoration: none;
	background: #ddd;
}

a.detail:hover {
	background: #173545;
	color: #FFF;
}

div.event {
	margin-bottom: 0;
	padding: 5px;
	word-wrap: break-word;
	overflow: hidden;
	/*background:url("/img/node_read_light.png") repeat-x #f9f9f9;*/
	font-size: 0.9em;
/*	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;*/
}

span.truncated {
	display: block;
	/*margin-top: 0.5em;*/
	/*margin-bottom: 0.25em;*/
	/*margin: 5px 5px 0 0;*/
}

div.node.forme.unread {
	/*background: url("/img/node_forme_light.png") repeat-x #fdd0ba;*/
	border-top:5px solid #8f001a;
}

div.node.forme {
	background:#FFF;
	border-top:5px solid #E9E9EA;
}

li.event_small {/*
	background: url("/img/node_read_light.png") repeat-x top left #e9e9e9;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;*/
	border-top:5px solid #e9e9ea;
}

li.event_small.unread {
	/*background: url("/img/node_unread.png") repeat-x top left #173545;*/
		border-top:5px solid #1299aa;
}

img.service_icon {
	width: 24px;
	height: 24px;
	float: right;
	margin: 2px 2px 2px 8px;
}

img.fav {
	float: right;
	margin-left: 8px;
	display: none;
}

div.event.mine img.fav {
	float: left;
	margin-left: 0;
	margin-right: 0px;
}

.favorite img.fav {
	display: block;
}

#events p.identification {
	font-size: 0.9em;
	line-height: 18px;
	/* HIDE TEXT OVER 100 CHARS? */ /*
  overflow: hidden;
  white-space: nowrap;
  */
}

#events p.identification span.account {
	font-style: italic;
	display: block;
	font-size: 0.85em;
	color: #666;
}

#events p.identification span.name {
	font-size: 1em;
}

#events div.node.private div.event p.identification span.name a {
	color: #5c0019;
	padding-right: 18px;
	background: transparent url("/img/private_dark.png") right top no-repeat;
}

#events div.node.private div.event p.identification span.name a:hover {
	color: #803c35;
}

#events p.identification span.author {
	font-weight: normal;
	font-size: 0.8em;
}

#events p.identification a {
	padding: 0;
	color: #1f475c;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	text-shadow: #fff 0 1px 0;
}

#events p.identification a:hover {
	color: #749ecd;
	background: none;
}

#events p.truncdata {
	line-height: 1.4;
	margin-top: 4px;
	margin-left: 70px;
}

.date {
	font-size: 0.7em;
	color: #ccc;
}

.event_summary_text {
	
}

.event_link {
	font-size: 0.75em;
	font-weight: normal;
}

.event_content,.event_media {
	font-size: 1em;
	clear: both;
	color: #000;
	font-size: 1em;
	line-height: 1.3;
	padding: 0;
}

.event_media,.event_flash_player {
	padding: 10px;
	margin-top: 8px;
}

.event_content p {
	line-height: 1.5;
	margin-bottom: 0.7em;
}

.event_content p.summary {
	font-size: 0.8em;
}

.event_content img {
	margin: 6px;
	max-width: 100%;
}

.event_content.image {
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 20px 10px;
	overflow: hidden;
}

.event_expanded {
	margin-left: 70px;
/*	background: #fff;
	-moz-border-radius: 6px;*/
	padding-right: 5px;
}

.event_short {
	margin-left: 70px;
	padding-right: 5px;
}

.event_title {
	font-size: 0.95em;
	margin-bottom: 0.25em;
	font-weight: bold;
	display: block;
}

.event_thumbnail {
	/*clear: left;*/
	float: left;
	margin: 0 10px 10px 0;
}

.event_summary {
	margin-bottom: 0.25em;
}

.event_summary h2 {
	font-weight: normal;
	font-size: 1.2em;
	padding: 0 16px;
	font-style: italic;
}

/*Comments*/

p.comment {
	margin:0.5em 0;
	padding-bottom:0.5em;
	font-size:0.9em;
	border-bottom:1px dotted #888;
}

p.comment:nth-last-child(1) {
	border:none;
}

p.comment:nth-child(2) {
	margin-top:2em;
}

img.CommentAuthorAvatar {
	width:32px;
	height:32px;
	float:left;
	margin-right:10px;
}

span.CommentAuthorName {
	font-weight:bold;
}

span.CommentTimeStamp {
	font-size:0.85em;
	color:#666;
	font-style:italic;
}

span.CommentText {
	display:block;
	margin-left:42px;
}

/*Entities*/
ul#entities {
	padding: 4px;
	color: #FFF;
}

ul#entities li {
	margin-bottom: 2px;
	padding: 5px; /*min-height:78px;*/
}

#entities a {
	color: #749ecd;
}

#entities a:hover {
	color: white;
	background: #749ecd;
	text-decoration: none;
}

#entities p.identification {
	font-size: 0.7em;
	margin-bottom: 6px;
}

#entities p.identification strong {
	font-style: italic;
}

li.friend {
	list-style-type: none;
	/* background:#ddd;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;*/
	margin: 0 0 8px 0;
	background: #ddd;
	padding: 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: auto;
	border: 1px #bbb solid;
}

li.friend img.avatar {
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 6px #666;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

li.friend p.name {
	margin-bottom: 15px;
	float: left;
	width: 80%;
}

li.friend p.actions {
	padding: 0px 0 0 0;
	float: left;
}

li.friend p.actions a {
	color: #fff !important;
}

li.friend p.actions a:hover {
	background: #173545 !important;
}

li.friend .last_update {
	color: #000;
}

#entities .name,.name {
	font-size: 1.2em;
	margin-bottom: 4px;
}

.last_update {
	font-size: 0.8em;
	color: #ccc;
}

.name em {
	float: right;
	font-style: normal;
	font-size: 0.7em;
}

/* .entity {
  margin:0 auto 15px auto;
  width:95%;
  background:url("/img/entity_header.png") repeat-x top left #ddd;
  border:1px solid #dcdcdc;
  color:#FFF;
  padding:8px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-radius: 12px;
} */
.entity {
	border: 1px solid #aaa;
	background: #eee;
	padding: 10px 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #000;
	overflow: hidden;
	margin-bottom: 10px;
}

.entityarrow {
	margin-top: -1px;
	height: 17px;
	background: url("/img/arrow_entity.png") no-repeat 75px 0;
	margin-bottom: 15px;
}

/* entity timeline */
.entity p.name {
	font-size: 1.5em;
	font-weight: bold;
	color: #444;
}

.entity p {
	margin: 0 0 8px 0;
}

/* manage entity */
.entity .avatarContainer {
	width: 58px;
	float: left;
}

.entity .formContainer {
	float: left;
	margin-left: 5px;
	width: 89%;
}

.entity .formContainer p {
	margin: 0 0 7px 8px;
}

.entity .formContainer label {
	font-size: 0.8em;
}

.entity .formContainer select {
	font-size: 0.9em;
}

.entity .formContainer input.button {
	margin-left: 6px;
}

.entity .formContainer a.renameEntity {
	font-size: 0.8em;
	margin-left: 8px;
}

.entity a.entityTimeline {
	font-size: 0.95em;
}

h3.manageLabel {
	margin: 10px 0 0 5px;
	color: #666;
}

ul.datasource {
	margin: 5px 0 10px 0;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

li.datasource.manage {
	border: 1px solid #aaa;
	margin: 0 0 8px 0;
	background: #eee;
	padding: 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: auto;
	border: 1px solid #aaa;
}

li.account a:hover {
	background: #173545;
}

.datasource div.label {
	font-weight: bold;
}

li.datasource.manage {
	
}

li.datasource.manage p {
	display: block;
	font-size: 0.85em;
}

li.datasource.manage p.actions {
	border-top: 1px dotted #888;
	margin-top: 7px;
	text-align: right;
}

input.entityName:hover {
	border: 1px #ccc solid;
	background: #FFFFCC;
}

input.entityName:focus {
	background: #fff;
	border: 1px #bbb solid;
	color: #000;
}

.addstuff.manage {
	color: #000;
	font-size: 0.85em;
	width: 97.5%;
	margin: 10px 0 10px 0;
	background: #ededed;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

img.avatar {
	width: 48px;
	height: 48px;
	float: left;
	margin: 0 10px 4px 0;
	background: none;
	background: #FFF;
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 6px #666;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

img.entity_avatar {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	background: #FFF;
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 6px #666;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

img.avatar_mosaic {
	margin: 0 auto 5px auto;
	display: block;
	width: 48px;
	height: 48px;
	background: #FFF;
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 6px #666;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.addstuff {
	color: #000;
	font-size: 0.85em;
	width: 660px;
	margin: 10px 0 10px 0;
	background: #fff;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.entity .addstuff {
	background: #fcfcfc;
	margin: 10px 2px 2px 2px;
}

.entity .addstuff .entity_avatar {
	border: 1px solid #fff;
}

.addstuff ul.accountTypes {
	margin-bottom: 8px;
	overflow: hidden;
}

.addstuff ul li {
	display: inline;
}

.addstuff p {
	margin: 10px 0;
	clear: left;
}

.addstuff p.notes {
	margin: 10px 2px;
}

.addstuff form p.notes {
	margin: 10px 8px;
	clear: both;
}

.addstuff h3 {
	color: #444;
}

.addstuff em {
	font-size: 0.9em;
}

.addstuff form {
	background: #eee;
	border: 1px solid #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 2px;
}

.addstuff form label {
	padding: 0 8px;
}

.addstuff form input,span {
	margin: 10px 0;
}

.addstuff form input[type="text"] {
	width: 320px;
	padding: 3px;
}

/* fake service buttons */
.addstuff form.serviceButton {
	float: left;
	margin: 0 2px 4px 2px;
	height: auto;
	background: #ccc;
	cursor: hand;
}

.addstuff form.serviceButton.last {
	float: left;
	margin: 0 0 8px 0;
	cursor: hand;
}

.addstuff form.serviceButton input,span {
	margin: 0;
}

.addstuff form.serviceButton:hover {
	background: #555;
	color: #fff;
}

.addstuff form.serviceButton label {
	cursor: pointer;
	width: 123px;
	float: left;
	padding: 12px 0 7px 5px;
}

.addstuff form.serviceButton input[type="image"] {
	vertical-align: middle;
	float: left;
	padding: 7px 0 7px 7px;
}

#discover_sources .disabledbutton {
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
}

#discoveredSources    ~ .disabledbutton {
	display: block;
	float: left;
	margin: 0 12px 12px 12px;
}

#discoveredSources ul.discovered {
	margin: 0;
	padding: 0;
}

#discoveredSources ul.discovered li {
	margin: 0;
	border: none;
}

#discover_sources .button {
	margin: 0 12px 12px 12px;
	cursor: hand;
}

ul.discovered li label {
	font-size: 0.95em;
	vertical-align: middle;
	margin: 0 12px 12px 12px;
	padding: 0 0 8px 0;
	color: #444;
	border-bottom: 1px dotted #777;
	display: block;
}

ul.discovered li h3 {
	padding: 8px 8px 0px 12px;
}

.discovered li h3 img {
	vertical-align: middle;
}

/*Mosaic*/
div#entity_mosaic {
	margin: 0 auto;
	width: 99%;
	/*background:#666;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#entity_mosaic div {
	display: block;
	float: left;
	margin: 0 3px 6px 3px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

div#entity_mosaic div span {
	display: block;
	font-size: 0.65em;
	line-height: 1em;
}

div#entity_mosaic div a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 75px;
	height: 90px;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ddd;
}

div#entity_mosaic div a:hover {
	color: #FFF;
	background: #1f475c;
}

div#entity_mosaic div a.selected {
    background:#555;
    color:#FFF;
opacity:0.25;}

div.entity_tooltip_sources {
    position: absolute;
    z-index: 1000;
    background: #ccc;
    border: 1px solid black;
}

/*Filters*/
ul.timelinefilters li {
	border-bottom: 1px solid #eee;
	padding: 2px 0;
}

ul.timelinefilters a {
	float: right;
	text-decoration: none;
	color: #1f475c;
	padding: 4px;
}

ul.timelinefilters a.selectAllServices {
	text-decoration: none;
	color: #1f475c;
	padding: 4px;
	display: block;
}

ul.timelinefilters a:hover {
	text-decoration: underline;
	background: transparent;
}

ul.timelinefilters li img {
	vertical-align: middle;
}

ul.letterfilter {
	padding: 2px;
}

ul.letterfilter li {
	width: 100%;
	border: none;
}

ul.letterfilter li a {
	text-transform: uppercase;
	display: block;
	float: left;
	width: 1.25em;
	margin: 1px;
	text-align: center;
}

ul.letterfilter li a.active {
	background: #749ECD;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
}

/*Node actions*/
.nodeactions {
	background: #FFF;
	padding: 1px 2px 4px 2px;
	border-top: 1px solid #FFF;
	margin-top: 0;
}

div.node.unread .nodeactions {
	background: #f0fafb;
/*	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;*/
}

div.node.mine.unread .nodeactions {
	background: #f2fae8;
}

div.node.mine .nodeactions {
	background: #FFF;
}


div.node.forme.unread .nodeactions {
	background: #f5e6df;
}

div.node.forme .nodeactions {
	background: #FFF;
}

/*.nodeactions form {float:right;margin:0 0 0 4px;}*/
.nodeactions form input {
	cursor: pointer;
	background: transparent;
	border: none;
	color: #1299aa;
}

ul.nodeoptions {
	visibility: hidden;
	float: right;
	font-size: 0.8em;
	margin-right: 4px;
}

.node:hover .nodeactions ul.nodeoptions,div#events .node_selected .nodeactions ul.nodeoptions
	{
	visibility: visible;
}

ul.nodeoptions li {
	display: inline;
}

ul.nodeoptions li a {
	text-decoration:none;
	color:#1299aa;
	font-size:0.9em;
}

ul.nodeoptions li a:hover {
	color:#1299aa;
}

ul.nodeoptions li form {
	display: inline;
}

#buttonbar a.active {
	font-weight: bold;
}

div.messages {
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFF;
	width: 500px;
	background: rgba(255, 255, 255, 0.25);
	padding: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.errors {
	text-align: center;
	margin: 20px auto;
	font-weight: bold;
	font-size: 0.9em;
	color: #660000;
	width: 500px;
	background: rgba(255, 255, 255, 0.25);
	padding: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#footer {
	font-size: 0.8em;
	position: relative;
	margin-top: -5em;
	height: 5em;
	clear: both;
	padding: 12px;
	background: url('/img/footer.png') top left repeat-x #000;
	color: #ddd;
}

.footcontainer {width:74em;margin:0 auto;}

#footer span.ptlogos {
	float: right;
}

p.viewmobile {
	padding-top:12px;
}

/*Forms*/
form.multiField {
	margin: 5px;
}

form.singleField {
	display: block;
}

form.singleField.reply {
	padding-bottom: 10px;
	text-align: center;
}

form.singleField p {
	margin-bottom: 10px;
	font-size: 0.9em;
}

form.multiField p,form.multiField li {
	margin: 10px 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	overflow: hidden;
}

form.multiField input,form.singleField input,select {
	font-size: 1em;
	color: #000;
	padding: 3px;
}

form.multiField select option {
	font-size: 1em;
	color: #333;
}

form.multiField label {
	width: 140px;
	color: #333;
	float: left;
	margin: 0 10px 0 0;
	font-size: 0.8em;
	padding: 4px;
}

form.multiField textarea,textarea {
	font: 15px Arial, Sans Serif;
	line-height: 1.3em;
	height: 40px;
	padding: 3px;
	width: 450px;
	float: left;
}

form input.button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
	display: inline;
	font-size: 0.9em;
	padding: 4px 8px 5px 8px;
	background: #333;
	border: none;
	cursor: hand;
}

form.multiField input.button:hover,form.singleField input.button:hover {
	background: #444;
	cursor: pointer;
}

p.notes {
	border: 1px #999 dotted;
	padding: 8px;
	background: #e7e7e7;
	margin: 15px 5px;
	color: #000;
	font-size: 0.90em;
}

#short_text_partial form#short_text_form div.accounts, {
	width: 86%;
	margin: 5px 0;
	}
	
#short_text_partial form#timeline_add_image_form div.accounts, #short_text_partial form#timeline_add_video_form div.accounts {
	width:100%;
	margin:14px 0 0 0;
	padding-top:4px;
	border-top:1px solid #999;
}

#short_text_partial form#short_text_form label, #short_text_partial form#timeline_add_image_form div.accounts label, #short_text_partial form#timeline_add_video_form div.accounts label {
	font-size: 0.65em;
	width: 22%;
	overflow: hidden;
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
}

#short_text_partial form#short_text_form label img, #short_text_partial form#timeline_add_image_form label img, #short_text_partial form#timeline_add_video_form label img {
margin-bottom:2px;
}

#short_text_partial form#short_text_form img, #short_text_partial form#timeline_add_image_form img, #short_text_partial form#timeline_add_video_form img {
	vertical-align: middle;
	margin-right: 2px
}

label.file {
	font-size:0.75em;
	font-weight:bold;
}

form ul li ul.discovered {
	padding-left: 24px;
}

form ul li ul.discovered h3 {
	font-size: 0.9em;
	text-shadow: 0 1px 0 #FFF;
}

form ul li ul.discovered img {
	vertical-align: top;
}

form ul li ul.discovered label {
	width: 100%;
}

form.singleField.reply input.text {
	border: 1px solid #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 0.8em;
	padding: 6px;
	width: 82%;
}

form.singleField.reply input.text:focus {
	border: 1px solid #666;
}

/* form utils */
.alignWithFields {
	margin-left: 160px;
}

/*javascript stuff*/
div.modal {
	background: #fff;
	border: 1px #666 solid;
	-moz-box-shadow: 0 1px 3px #333;
	-webkit-box-shadow: 0 1px 3px #333;
	box-shadow: 0 1px 3px #333;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding:10px;
}

a.event_close {
	border: 1px solid #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px;
	color: #FFF;
	text-decoration: none;
	background: #555;
}

a.event_close:hover {
	background: #173545;
}

/*Extra stuff*/
div.clear,#sidebar div.options ul.letterfilter div.clear,#sidebar div#mergeBox div.clear
	{
	clear: both;
	visibility: hidden;
	height: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0em;
}

.hidden {
	display: none !important;
	width: 0;
	height: 0;
}

ol {
	list-style:decimal;
	margin:12px 12px 12px 40px;
}

ol li {font-size:0.85em;
	margin-bottom:10px;}

/*Other buttons and links*/
a.button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 5px;
	color: #FFF;
	text-decoration: none;
	background: #555;
}

a.button:visited {
	color: #FFF;
}

a.button:hover {
	background: #173545;
}

a.button:active {
	background: #FFF;
	color: #555;
}

a.button.critical:hover {
	background: #5C0019;
}

a.actionlink {
	display: block;
	text-align: right;
	padding: 4px 4px 0 0;
	color: #000;
	font-size: 0.8em;
}

form a.actionlink {
	text-align: right;
}

.disabledbutton {
	font-size: 0.9em;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px 5px 8px;
	color: #ccc;
	text-shadow: 0 1px 0 #fff;
	background: #eee;
	margin: 5px;
}

a#link_select_all_services {
	text-align: right;
	display: block;
	margin: 3px 8px;
	float: none;
}

/*Notifications*/
div#notifications {
	padding: 0;
	margin: 0;
}

div#notifications ul#notification_list {
	padding: 0;
	margin: 0;

}

div#notifications ul#notification_list li {
	padding: 8px;
	font-size: 0.85em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#notifications ul#notification_list li form {
	float: right;
}

div#notifications p {
	padding: 6px 12px 0 0;
	text-align: right;
	font-size: 0.8em;
}

/*Mergebox*/
div#mergeBox {
	background: #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #eee;
	margin: 0;
	padding: 0;
}

div#mergeBox h2 {
	border-bottom: 1px solid #777;
	background: #333;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

/* div#mergeBox h2:hover { cursor: default; } */
div#mergeBox p {
	padding: 4px 8px;
}

ul#mergeBoxList {
	max-height: 410px;
	overflow: auto;
	min-height: 92px;
}

ul#mergeBoxList li {
	height: 32px;
	overflow: hidden;
	padding: 4px;
	background: #555;
	border-bottom: 1px solid #777;
	border-top: 1px solid #444;
	white-space: nowrap;
}

ul#mergeBoxList li a {
	display: block;
	text-align: right;
	font-size: 0.7em;
	margin-left: 36px;
}

ul#mergeBoxList li span.remove {
	font-size: 0.6em;
	display: block;
	float: right;
}

ul#mergeBoxList li img {
	width: 32px;
	height: 32px;
	margin-right: 4px;
	vertical-align: middle;
	float: left;
}

div#sidebar div#mergeBox form {
	display: inline;
	padding-right: 8px;
	float: right;
}

#mergeBoxEmpty span {
	margin: 8px auto;
	width: 160px;
	display: block;
	background: #474747;
	border: 1px solid #aaa;
	padding: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.mergeBoxHover {
	border: 1px solid green;
}

.mergeBoxActions {
	overflow: hidden;
	background: none !important;
	padding-top: 10px;
}

span.open {
	background: url(/img/collapse.down.png) right center no-repeat
		!important;
	width: 22px;
	height: 14px;
	float: right;
}

span.closed {
	background: url(/img/collapse.up.png) right center no-repeat !important;
	width: 22px;
	height: 14px;
	float: right;
}

.invisible {
	visibility: hidden;
}

/* my stuff / device management */
.deviceGroup {
	
}

.deviceGroup h3 {
	display: inline;
	font-size: 1.3em;
}

.deviceGroup h3 img {
	vertical-align: middle;
	margin-right: 8px;
}

.deviceGroup h3,h4,p {
	padding: 0;
}

.deviceGroup h4 {
	margin: 10px 0;
	font-size: 1.2em;
}

.deviceGroup p {
	margin: 10px 0;
	font-size: 0.9em;
}

.deviceGroup a {
	float: right;
	margin-top: 7px;
}

.deviceGroup p.myDevices {
	margin: 10px 0;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 12px;
	line-height: 1.7em;
	/* -moz-box-shadow:0 1px 3px #999;
  -webkit-box-shadow:0 1px 3px #999;
  box-shadow:0 1px 3px #999; */
}

.deviceGroup p.myDevices a {
	float: none;
	font-weight: normal;
}

.deviceGroup p.myDevices span.deviceLabel {
	color: #808080;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.deviceGroup p.myDevices span.phoneNumber {
	font-weight: bold;
	font-size: 2em;
	color: #222;
}

.deviceGroup p.notice {
	font-weight: bold;
}

.deviceGroup a.addDevice {
	margin-top: 4px;
	font-size: 0.9em;
}

p.previousStep {
	margin: 10px 0;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 10px 15px 10px;
}

p.previousStep span.deviceLabel {
	display: block;
	margin-bottom: 8px;
	color: #808080;
}

p.previousStep span.phoneNumber {
	font-size: 2.3em;
	font-weight: bold;
	display: block;
}

form.addDevices {
	
}

form.addDevices fieldset {
	padding: 0 10px;
	border: 1px #ccc solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

form.addDevices fieldset legend {
	background: #eee;
	padding: 0 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
}

form.addDevices fieldset p {
	margin: 8px 0;
}

form.addDevices label {
	margin-right: 7px;
}

form.addDevices input[type="text"] {
	padding: 4px;
}

p.devMobileUpdates {
	margin: 0 0 -17px 12px;
	font-size: 1.2em;
	font-weight: bold;
	color: #555;
}

ul.accountList {
	margin: 10px 0;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 12px;
	font-size: 0.9em;
	/* -moz-box-shadow:0 1px 3px #999;
  -webkit-box-shadow:0 1px 3px #999;
  box-shadow:0 1px 3px #999; */
}

ul.accountList li img {
	vertical-align: middle;
}

ul.accountList li.label {
	color: #444;
	display: block;
	overflow: hidden;
	margin-bottom: 12px;
	font-weight: normal;
	display: block;
	background: none;
	padding: 0;
}

span.shortnumber {font-weight:bold;font-size:1.2em;}

ul.accountList li.accounts {
	font-weight: bold;
	margin: 4px 0;
	overflow: hidden;
	white-space: nowrap;
	line-height: 2.5em;
	border-bottom: 1px dotted #ccC;
}

ul.accountList li.accounts span.accountdesc {
	float: left;
}

ul.accountList li.accounts span.deviceActionButtons {
	float: right;
}

ul.accountList li.accounts span.deviceActionButtons a {
	font-weight: normal;
}

ul.accountList li a {
	float: none;
}

hr.separator {
	margin: 15px 0;
	background: #ccc;
	border: none;
	height: 1px;
}

.progressBarWrapper {
	width: 300px;
	border: 1px solid #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #f4f4f4;
}

.progressBar {
	margin: 1px;
	background: url(../img/progressbar.bg.png) repeat-x #ddd;
	border: 1px solid #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	height: 18px;
}

#deleteDialog,#mergeDialog {
	padding: 0;
}

div.modal #deleteDialog,#mergeDialog {
	padding: 15px;
}

#deleteDialog,#mergeDialog img {
	vertical-align: middle;
}

#deleteDialog h2,#mergeDialog h2 {
	color: #333;
	margin: 0;
	font-size: 1.3em;
}

#deleteDialog p,#mergeDialog p {
	color: #222;
	margin: 15px 0;
}

#deleteDialog p img {
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

#deleteDialog p.postContent {
	font-style: italic;
}

#deleteDialog p.confirmAction,#mergeDialog p.confirmAction {
	font-size: 0.9em;
	font-weight: bold;
}

a.cancelButton {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline;
	font-size: 0.9em;
	padding: 6px 8px 6px 8px;
	background: #999;
	border: none;
	margin-right: 5px;
	text-decoration: none;
}

#deleteDialog a.button,#mergeDialog a.button,#deleteDialog input.cancelButton,#mergeDialog input.cancelButton
	{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline;
	font-size: 0.9em;
	padding: 6px 8px 6px 8px;
	background: #999;
	border: none;
	margin-right: 5px;
}

#mergeDialog p.mergedEntity {
	vertical-align: middle;
}

#mergeDialog p.mergedEntity img,#mergeDialog ul li img {
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

#mergeDialog ul {
	margin: 15px 0;
}

#mergeDialog ul li {
	margin: 15px 0;
}

#mergeDialog ul li,#mergeDialog p {
	
}

/* delete dialogs - no js */
#main #deleteDialog,#main #mergeDialog {
	background: #f0f0f0;
	padding: 15px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 1px #999 solid;
}

/* facebook content */
	/* div.UIStoryAttachment_Title { background: #ccc; } */
	/* div.UIStoryAttachment_Copy {} */
div#userMessages, div#loadingMessage {
	width: 500px;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -250px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: 0 3px 6px #111;
	-webkit-box-shadow: 0 3px 6px #111;
	box-shadow: 0 3px 6px #111;
	z-index: 1000;
	overflow: hidden;
	padding: 0 20px;
	clear: both;
}

div#userMessages *, div#loadingMessage * {
	position: static;
}

div#userMessages.info, div#loadingMessage.info {
	background: rgba(205, 250, 107, 0.85);
	color: #384d0a; /*#696;*/
    height: 90px;
}
div#loadingMessage.info {
    height: 50px;
}

div#userMessages.error {
	background: rgba(200, 0, 0, 0.85) /*#900*/;
	color: #fff;
}

div#userMessages a, div#userMessages p, div#loadingMessage p {
	text-align: center;
	margin: 15px 10px;
}

div#userMessages p#userMessageContent {
	font-weight: bold;
	margin-bottom: 8px;
}

div#userMessages a {
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
}

div#userMessages a:hover {
	color: #fff;
	text-decoration: underline;
	background: none;
}

div#events input.fuzzy {
	background: none;
	border: none;
	text-shadow: 0 1px 0 #fff;
	cursor: default;
}

/* sidebar */
form.sidebar input.button {
	margin-left: 10px;
}

/**/ /*
  form#short_text_form fieldset { padding:8px; }

form#short_text_form textarea { width:99%; }

form#short_text_form span.counter {
  float:right;
  font-size:2em;
  color:#666;
}

form#short_text_form li.account { background:#fff;  }
form#short_text_form li.account label { font-weight: bold; }

#short_text_form li.account input { padding:4px; }

form.singlefield.reply input.counter {
  background: none;
  border: none;
  text-align: right;
  font-size: 2em;
  color: #666;
  text-shadow: 0 1px 0 #fff;
}

form#short_text_form input.button { margin: 0 0 0 7px; float: right; }

form#short_text_form input#char_counter, input.counter {
  background: none;
  border: none;
  text-align:right;
  font-size:2em;
  color:#666;
  text-shadow:0 1px 0 #fff;
  float: right;
}

form.singleField input.counter.timeline { float: none !important; }

form#short_text_form input#char_counter:hover, input.counter:hover { cursor: default; } 

div#short_text_partial form#short_text_form input#char_counter, input.counter {
  width:2em;
  text-align:left;
  font-size:1em;
  color:#666;
  text-shadow:0 1px 0 #eee;
}

input.shortText { font-size: 1.5em !important; margin-top: 3px; }

#short_text_partial #short_text_form fieldset {
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
  background:#D1D1D1;
  border:none;
}

#short_text_partial #short_text_form input.text {
  width:82%;
  border:1px solid #d1d1d1;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  font-size:1em;
}

#short_text_partial #short_text_form input.text:focus { border:1px solid #666; }
*/ /* publishing forms */
form.publishShortText textarea {
	width: 98%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
}

form.timelinePublish .button {
	font-size:0.7em;
}

fieldset.postContent {
	margin-bottom: 10px;
}

fieldset.attachments a {
	font-size:0.75em;
	display:block;
	padding-bottom:1em;
}

form.publishShortText h2 {
	float: left;
}

form.publishShortText h3,form.publishLongText h3,form.publishMedia h3 {
	color: #333;
}

form.publishShortText textarea {
	width: 99%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
	padding: 5px;
	clear: both;
	float: none;
}

form.publishShortText input#char_counter {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	background: none;
	border: none;
	color: #666;
	clear:both;
}

form.publishShortText div.punyfier {
	float: right;
	margin-top: 4px;
	margin-right: -4px;
}

form.publishShortText div.punyfier label {
	font-size: 0.8em;
}

form.publishShortText a.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #999 none repeat scroll 0 0;
	border: medium none;
	color: #FFFFFF;
	display: inline;
	font-size: 0.8em;
	padding: 6px 8px;
}

/* publish to account list */
fieldset.accountListing ul li:hover {
	background: #FFFFCC;
}

fieldset.accountListing ul li input {
	float: left;
	margin: 10px 5px 0 5px;
}

fieldset.accountListing ul li label {
	font-weight: bold;
	font-size: 0.85em;
	color: #333;
	float: left;
	width: 96%;
}

fieldset.accountListing ul li label:hover {
	cursor: pointer;
}


fieldset.accountListing ul li label img {
	vertical-align: middle;
	margin-top: -3px;
}

div#short_text_partial {
	border-top:1px solid #bbb;
	background: #eee;
	padding: 10px;
}

div.attachments {
	margin-top:35px;
	padding-top:8px;
	border-top:1px solid #BBB;
	clear:both;
	width:86%;
	font-size:0.75em;
}

form.timelinePublish {
	display: inline;
}

form.timelinePublish fieldset {
	padding: 0;
	margin: 0;
}

form.timelinePublish fieldset input.text {
	width: 85%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
	padding: 5px;
	display: inline;
}

form.timelinePublish fieldset input.button {
	min-width: 10%;
}

form.timelinePublish fieldset input#char_counter {
	float: right;
	background: none;
	border: none;
	width: 10%;
	text-align: center;
	padding: 6px 4px 0 0;
	font-size: 1.2em;
	text-shadow: 0 1px 0 #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #666;
}

span.important,input.countOverflow,div.node form.timelineReply fieldset input.countOverflow
	{
	color: #f00 !important;
}

form.timelinePublish fieldset div.acccounts {
	overflow: hidden;
}

/* timeline reply */
form.timelineReply fieldset {
	padding: 0 5px;
}

form.timelineReply fieldset input.text {
	width: 83%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
	padding: 5px;
	display: inline;
}

form.timelineReply fieldset input.button {
	width: 7%;
}

form.timelineReply fieldset input.char_counter {
	background: none;
	border: none;
	color: #333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 6%;
	text-align: center;
}

form.publishLongText {
	
}

form.publishLongText fieldset {
	
}

form.publishLongText fieldset label,form.publishMedia fieldset label {
	font-size: 0.85em;
	color: #333;
	display: block;
}

form.publishLongText fieldset input.text,form.publishMedia fieldset input.text
	{
	width: 99%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
	padding: 5px;
	display: inline;
}

form.publishLongText fieldset textarea,form.publishMedia fieldset textarea
	{
	width: 99%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px #999 solid;
	margin-bottom: 5px;
	padding: 5px;
	clear: both;
	float: none;
	height:10em;
}

form.publishMedia input.file {
	display: block;
	margin-bottom: 5px;
}

form.publishMedia input.button {
	display: block;
	float: none;
}

/* entity management */
form.manageEntity {
	
}

form.manageEntity h3 {
	color: #333;
	float: none;
}

form.manageEntity fieldset.entityOptions img {
	vertical-align: top;
}

form.manageEntity div.avatarContainer {
	float: left;
	margin-bottom: 10%;
}

form.manageEntity fieldset.entityOptions {
	
}

img.entityAvatar {
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 6px #666;
	-webkit-box-shadow: 0 1px 6px #666;
	box-shadow: 0 1px 6px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 8px;
}

form.manageEntity fieldset.entityOptions input.entityName {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 2px 5px 5px 5px;
	background: #fefefe;
	border: 1px #999 solid;
	font-size: 1.3em;
	font-weight: bolder;
	color: #444;
	width: 88%;
	margin-bottom: 5px;
}

form.manageEntity fieldset.entityOptions label {
	font-size: 0.85em;
	color: #333;
	display: block;
	margin-bottom: 3px;
}

form.manageEntity fieldset.entityOptions select {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 0.65em;
	display: block;
	margin-bottom: 5px;
}

form.manageEntity fieldset.entityOptions input.button {
	display: block;
	margin-bottom: 5px;
}

form.manageEntity ul {
	margin-bottom: 15px;
}

form.manageEntity ul.accounts li,form.manageEntity ul.datasources li {
	list-style: none;
	padding: 6px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 2px 0;
	line-height: 1.8em;
	overflow: hidden;
}

ul.accounts li, ul.datasources li {
	list-style: none;
	padding: 6px;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 2px 0;
	line-height: 1.8em;
	overflow: hidden;
}

form.manageEntity ul.accounts li img,form.manageEntity ul.datasources li img
	{
	vertical-align: middle;
	float: left;
}

ul.accounts li img, ul.datasources li img
	{
	vertical-align: middle;
	float: left;
}

form.manageEntity ul.accounts li img.serviceIcon,form.manageEntity ul.datasources li img.serviceIcon
	{
	float: right;
}

ul.accounts li img.serviceIcon, ul.datasources li img.serviceIcon
	{
	float: right;
}

span.entityActions {
	float: right;
}

span.entityServiceName {
	font-size: 0.85em;
	color: #333;
	font-style: italic;
}

span.entityServiceAlias {
	font-size: 0.95em;
	font-weight: bold;
	color: #333;
}

/* account listing */
ul#my_stuff_accounts {
	margin-bottom: 15px;
}

/* punyfier */
div.punyUndo {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ccc;
	padding: 4px 10px;
	-moz-box-shadow: 0 1px 4px #666;
	-webkit-box-shadow: 0 1px 4px #666;
	box-shadow: 0 1px 4px #666;
	margin: 0 auto;
	position: absolute;
	top: 207px;
	text-align: center;
	width: 200px;
	font-size: 0.95em;
	left: 50%;
	margin-left: -205px;
}

/* utility classes */
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.clear_both {
	clear: right;
}

input.countOverflow {
	color: #f00;
}

/* error pages */
div.appError {
	width: 800px;
	margin: 20px auto;
	text-align: center;
	background: none;
}

div.appError h2 {
	color: #fff;
	font-size: 1.5em;
}

div.appError p {
	margin: 10px 0;
}

div.appError img {
	-moz-box-shadow: 0 1px 4px #666;
	-webkit-box-shadow: 0 1px 4px #666;
	box-shadow: 0 1px 4px #666;
	margin-bottom: 30px;
}

/* signup form validations */
span.note.error {
	color: #f00;
}

span.note.ok {
	color: #690;
}

input#Username.loading {
	background-image: url(../img/loader.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

input#Username.error {
	background-image:
		url(http://www.openwebgraphics.com/resources/data/224/cancel.png);
	background-position: center right;
	background-repeat: no-repeat;
}

input#Username.ok {
	background-image:
		url(http://www.openwebgraphics.com/resources/data/47/accept.png);
	background-position: center right;
	background-repeat: no-repeat;
}

span#meter_point_parent {
	float: left;
	margin: 5px 0 0 5px;
}

span.meter_point {
	float: left;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border: 1px solid #fff;
}

/* ie6 */
div.browserLinks { margin: 20px auto; display: block; overflow: hidden; }
a.browsers { width: 101px; height: 100px; float: left; text-decoration: none; margin: 20px 10px; }
a.browsers.ie8 { background: url("/img/microsoft.internet.explorer8.png") top left; }
a.browsers.firefox { background: url("/img/mozilla.firefox.png") top left; }
a.browsers.safari { background: url("/img/apple.safari.png") top left; }
a.browsers.chrome { background: url("/img/google.chrome.png") top left; }
a.browsers.opera { background: url("/img/opera.png") top left; }
a.browsers:hover { background-position: bottom left; }