/*
    ____  ___    ____  __________________    ______
   / __ \/   |  / __ \/_  __/  _/ ____/ /   / ____/
  / /_/ / /| | / /_/ / / /  / // /   / /   / __/   
 / ____/ ___ |/ _, _/ / / _/ // /___/ /___/ /___   
/_/   /_/  |_/_/ |_| /_/ /___/\____/_____/_____/


*/


/* Global defaults
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */


/* tags 
---------------------------------------------------------------- */

body {
	color: #323739;
	font: normal 12px helvetica, arial, sans-serif;
	line-height: 120%;
	min-width: 420px;

}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th{
	margin:0;padding:0;}
	
a {
    color: #005481;
    margin:0;
    padding:0;
    text-decoration: none;
}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0;
}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

img {
	border:0px;
	margin:0;
	padding:0;
}

p {
	margin:0 0 20px 0;
	padding:0;
}

pre {
	float:inherit;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}


/* typographic styles 
---------------------------------------------------------------- */

.emph {font-weight: emph;}
.skinny {font-weight: 100;}
.line-through {text-decoration: line-through;}
.center {text-align: center;}
.voice {font-family:Georgia, Times, serif;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}


/* sizes 
---------------------------------------------------------------- */

.grand {font-size: 32px;}
.large {font-size: 24px;}
.medium {font-size: 16px;}
.normal14 {font-size: 14px;}
.normal13 {font-size: 13px;}
.normal {font-size: 12px;}
.small {font-size: 11px;}
.tiny {font-size: 10px;}


/* colors 
---------------------------------------------------------------- */

.grey-dark {color: #40464a;}
.grey-mid {color: #60666a;}
.grey-light {color: #a0a6af;}
.white {color: #FFF;}
.green {color: #096;}
.yellow {color: #f90;}
.red {color: #c03a3e;}

.bg-green {background-color: #096;}
.bg-yellow {background-color: #fc0;}
.bg-red {background-color: #F03;}
.bg-grey {background-color: #c0c6cf;}
.bg-white {background-color: #FFF;}


.spy-plain a:link { text-decoration:none; }
.spy-plain a:active { text-decoration:none; }
.spy-plain a:visited { text-decoration:none; }
.spy-plain a:hover { text-decoration:none; }

.spy-dark a:link { color: #aaa; text-decoration:none; }
.spy-dark a:active { color: #aaa; text-decoration:none; }
.spy-dark a:visited { color: #aaa; text-decoration:none; }
.spy-dark a:hover { color: #aaa; text-decoration:underline; }

.spy a:link { color: #666; text-decoration:none; }
.spy a:active { color: #666; text-decoration:none; }
.spy a:visited { color: #666; text-decoration:none; }
.spy a:hover { color: #666; text-decoration:none; }

.spy_light a:link { color: #fff; text-decoration:none; }
.spy_light a:active { color: #fff; text-decoration:none; }
.spy_light a:visited { color: #fff; text-decoration:none; }
.spy_light a:hover { color: #fff; text-decoration:none; }

.spy_under { color: #ddd; }
.spy_under a:link { color: #ddd; text-decoration:none; }
.spy_under a:active { color: #ddd; text-decoration:none; }
.spy_under a:visited { color: #ddd; text-decoration:none; }
.spy_under a:hover { color: #fff; text-decoration:none; }

.lightyellow {background: lightyellow;}


/* layout 
---------------------------------------------------------------- */

.paragraph {margin-bottom:5px;}
.paragraph_set {margin-bottom:9px;}
.paragraph_group {margin-bottom:14px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both; }

.hidden {display: none;}

.error-msg {
  text-align: center;
  font-size: 11px;
  color: #F03;
  padding:15px 0px;
}
.flash-message {
  font-size: 11px;
  color: green;
  width:280px;
  padding:0px 20px;
  margin:0px auto 0px auto;
  text-align:center;
  line-height: 120%;
}
#hmmm-content {
  position:absolute; 
  overflow: hidden; 
  width: 99%; 
  height: 800px;
}


/* help 
---------------------------------------------------------------- */

.help {
  margin: 7px 0px 10px 0px;
}
.more-info {
  cursor: pointer;
}

.more-info:hover {
  text-decoration: underline;
}

.more-info-box {
  display: none;
}



/* buttons 
---------------------------------------------------------------- */

.button-active {
	letter-spacing:.5px;
	color:#eee;
	background-color:#005481;
	border:0px;
	font-size: 11px;
	text-align: center;
	margin: 0px;
	cursor: pointer;
	padding: 8px 16px !important;
	width:62px;
	overflow:visible;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.gray-active {
	background-color:#555;
}
.green-active {
	background-color: #00746b;
}
.inactive {
	background-color:#d5dadb;
	color:#fff;
	font-weight: normal;
	cursor: default;
}
.button-active-sm {
	font-weight: normal;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color:#fff;
	background-color:#005481;
	border:0px;
	text-align: center;	
	margin: 0px 1px !important;
	cursor: pointer;
	padding: 3px 10px 2px 10px !important;
	overflow:visible;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius: 2px 2px 2px 2px;
}
.button-active-ti {
	font-weight: normal;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color:#fff;
	background:#d7767c;
	border:0px;
	text-align: center;
	margin: 0px 0px 0px 1px !important;	
	cursor: pointer;
	padding: 3px 10px 2px 10px !important;
	margin-left:3px;
	float:right;
	overflow:visible;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius: 2px 2px 2px 2px;
}
.gray-active-sm {
	background-color:#888;
}

#button-edit-toggle, #address-book-button, #button-calendar {
  cursor:pointer;
}

.tool-box { 
}




/* home
---------------------------------------------------------------- */

#home-page {
	margin: 0 auto;
	overflow: auto;
	width: 520px;
}

#robo {
	height: 224px;
	margin: 0px 20px 0 0;
	position: relative;
	width:140px;
	top: 60px;
	left: 110px;
	z-index: 1;
}

#robo1 {
	position: absolute;
	top:0
	left:0;
	z-index: 1;
}
#robo2 {
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}

#rec-blip {
	background: white;
	height: 6px;
	width: 6px;
	position: absolute;
	
	top: 17px;
	left: 89px;
	z-index: 3;
}

#robo-eyes {
	display: none;
	height: 16px;
	position: absolute;
	width: 62px;
	top: 66px;
	left: 39px;
	z-index: 2;
}
.robo-eye {
	background: white;
	height: 16px;
	width: 16px;
}

#robo-eyes-mid {
	display: none;
	height: 12px;
	position: absolute;
	width: 44px;
	top: 60px;
	left: 33px;
	z-index: 6;
}
#robo-eyes-mid .right-eye {
	width:6px;
}
.robo-eye-mid {
	background: white;
	height: 13px;
	width: 13px;
}
#robo-eyes-sm {
	display: none;
	height: 8px;
	position: absolute;
	width: 22px;
	top: 49px;
	left: 116px;
	z-index: 7;
}
.robo-eye-sm {
	background: white;
	height: 7px;
	width: 8px;
}
.left-eye {
	clear:none;
	float:left;
}
.right-eye {
	clear:none;
	float:right;
}
#robo-self {
	position: relative;
	top:70px;
	left:60px;
}








#home-content {
	margin: 10px 0 30px 0;
	width: 320px;
	overflow: auto;
	z-index: 100;
	position: relative;
}

#home-top {
	height: 40px;
	overflow: hidden;
}

#sign-up-link, #log-in-link {
}
#alpha {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px;
}

.tab {
	background: #E9F3F3;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0px 0px 14px 4px;
	text-align: center;
	width: 80px;
	float:right;
	font-weight:emph;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0px 0px;
}

.signup {
	background-color: #005481;
	color: #fff;
}

.tab-selected {
	background: #FFF;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0px 0px;
}

#sign-in-link {
	clear:none;
	width:120px;
}

#sign-in-drawer {
	display: none;
}


#smirk-signup-form-newbie {
	height: 430px !important;

	width: 286px;

}

#smirk-signup-form {
	height: 220px !important;
	margin: 10px 0 0 0px;
	width: 269px;

}

#smirk-signup-form #domo{
	margin: 0 0 6px 8px;
}

#smirk-signup-form .su_field{
	font-size: 16px;
	height: 28px;
	line-height: 22px;
	margin: 4px 0 12px 0;
	padding: 5px 0 0 5px;
	position: relative;
	width: 260px;
}
#smirk-signup-form #roboto_me{
	float:right;
	margin: 0px 0 0 0;
	padding: 0;
}

.module-loader {
  position: relative;
  margin-left: 50px; 
}

/* Marketing
---------------------------------------------------------------- */

#marketing {
  overflow: hidden;
}

#all-your-face {
	margin:4px 0 20px 0px;
}

#update-yourself {
	background: url(../images/update-yourself.png) no-repeat top left;
	height: 250px;
	margin:4px 0 20px 0px;
	width: 288px; 
}

#all-in-one-place {
	background: url(../images/all-in-one-place.png) no-repeat top left;
	height: 302px;
	margin:4px 0 20px 0px;
	width:288px; 
}

#its-wayy-mobile {
	background: url(../images/its-wayy-mobile.png) no-repeat top left; 
	height:292px;
	margin:4px 0 20px 0px;
	overflow: hidden;
	width:288px; 
}

#roboto-is {
	display: block;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px 8px;
	width: 266px;
}

#noun {
	display: block;
	margin: 0 0 6px 0;
	width: 100%;
}

#btn-create-mine {
	margin: 0 0 10px 0;
}

#marketing-paginator {
	height: 5px;
	margin: 0 auto 10px auto;
	width: 52px;
}
.m-page-active {
	background: #40464F;
	clear:none;
	cursor: pointer;
	float:left;
	height: 5px;
	width: 5px;
	margin: 0 4px;
	padding: 0;
}
.m-page-inactive {
	background: #C0C6CF;
	clear:none;
	cursor: pointer;
	float:left;
	height: 5px;
	width: 5px;
	margin: 0 4px;
	padding: 0;
}


/* new faces styles 
---------------------------------------------------------------- */
#new-faces {
  padding-bottom:40px;
  -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 0px 0px 4px 4px;
}

.face {
	clear: none;
	float:left;
	background: #ddeded;
	border: none;
	margin:0 1px 0 1px;
	padding: 0;
	width: 55px;
	height: 55px;
}

.face-end {
	margin:0;
}



/* account styles 
---------------------------------------------------------------- */

#account-stuff { 
	margin: 0 0 0 0;
	padding: 0px 0px 45px 0px;
	/*
	width: 100%;
	min-width: 420px;
	*/
}
#brand {
  background: url(../images/roboto-label7.png) no-repeat;
  margin-top:17px;
  width:150px;
  height:40px;
  float:left;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 0 4px 4px 0;
}
#brand-mobile, #brand-mobile-hp {
	display:none;
}
.navbar-item {
  background: url(../images/roboto-navbar-33.png) repeat;
  height:26px;
  padding:14px 30px 0px 30px;
  margin-top:17px;
  float:left;
  margin-left:1px;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 0 4px 4px 0;
	cursor: pointer;
}
.navbar-link {
	margin: 30px 40px 0px 0px;
	float:right;
	cursor: pointer;
}
/*
#navbar-signout, #spin-color {
	cursor: pointer;
	width:50px;
	height:40px;
	margin-top:17px;
	float:right;
}
*/
#hmm {
	position: relative;
	top: 180px;
}
#already-have-one {
	height: 40px;
	line-height: 40px;
	margin-right: 30px;
	position: relative;
	text-align: right;
}
#calder-tv {
	cursor: pointer;
	width:66px;
	height:66px;
	float:right;
}

#display-entries-from-plaxo-box {
  border:1px solid #aaa;
  margin:10px 0px;
  font-size:11px;
  padding:7px;
  background: #eee;
  
}
#conflicts-feedback-area {
	background: #efefee;
	padding:7px 10px 13px 10px;
	margin:5px 0 5px 0;
}
#new-contact-card-info {
	background: #efefee;
	padding:10px 12px 10px 12px;
	margin:5px 0 5px 0;
}
#newcontact-firstname, #newcontact-lastname {
  width:126px;
}
#newcontact-email, #newcontact-phone {
  width:261px;
}




/* tiny nav styles 
---------------------------------------------------------------- */

#tiny-nav {
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: left;
	display: none;
	left: 90px;
}
#home {
	clear:none;
	float:left;
	position: relative;
	width:50px;
}
#account {
	clear:none;
	float:left;
	margin-left: 20px;
	position: relative;
}



/* login form styles 
---------------------------------------------------------------- */


#smirk-login-form-home {
  	position: relative;
	z-index: 15000;
	margin: 0 0 10px 0;
	min-height: 220px;
	width: 288px;
}


#smirk-update-form {
  position: relative;
	z-index: 15000;
	margin: 0 0 10px 0;
	min-height: 310px;
	width: 288px;
}




/* pages
---------------------------------------------------------------- */
#page {
	background: #ddeded url(../images/bg-pattern-plain.jpg) repeat;
}





/* verticali form styles 
---------------------------------------------------------------- */

#snapshot {
	padding-bottom:5px;
	padding-top:16px;
	background:#fff;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 4px 4px 0px 0px;
}

#snapshot-menu {
  padding: 10px 16px;
  width: 288px;
  background: #828c8c;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius: 0px 0px 6px 6px;
}
#snapshot-menu-new {
  position: relative;
  overflow: hidden;
  height: 0;
  display: none;
  padding: 7px 0px 20px 0px;
  width: 288px;
  background: #828c8c;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 0px 0px 4px 4px;
}
.snapshot-menu-col-left {
  float:left; 
  padding-left:3px;
  text-align: right;
  font-size: 10px;
  width:85px;
}
.snapshot-menu-col-right {
  float:right;
  font-size: 10px;	
  width:190px;
}

#verticali, #verticali-hell {
	width: 320px;
	position: relative;
	margin: 0px auto 0px auto;
}
#sortable, #sortable-hell {
	list-style: none;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 20px;
	padding:0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px;
}
#sortable li {
	border-bottom:1px solid #ddeded;
}
#sortable-hell li {
	border-bottom:1px solid #444;
}
.action-frame {
 	list-style: none;
	list-style-position: outside;
	list-style-type: none;
	background:#fff;
	width: 288px;
	padding: 0px 16px 0px 16px;
	margin: 0px auto;
	position: relative;
	/*   
	overflow: auto;
	background:#fff;
	 */
}

.contactuser-frame {
	background:#fff;
	width: 288px;
	padding: 0px 16px 10px 16px;
	margin: 0px auto 7px auto;
	border-bottom:1px solid #ddeded;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 0px 0px 4px 4px;
}

#uploader-frame .action-frame {
  background: #292929;
  color:#aaa;
}
#facebook-frame .action-frame {
  background: #292929;
  color:#aaa;
}
 
#music-frame .action-frame {
	width: 320px;
	padding: 0px;
}
#music-frame .edit-footer {
	padding-left: 16px;
	padding-right: 16px;
}
#music-frame .show-item {
  margin-left:14px;
  margin-right:14px;
}
.drag-handle {
	cursor: pointer;
}
.action-frame-title {
	margin-right:3px;
	color:#aaa;
}
.action-frame-edit {
	color:#ddeded;
}
.action-frame-internal {
	padding: 15px 16px 17px 16px;
	width: 288px;
	margin: 0px auto;
	background:#f5f3ee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #dedede;
	overflow: auto;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}
.action-frame-setting {
	float:right;
	color: #aaa;
	margin: 0 0 0 10px;
	height:15px;
	/*text-transform: lowercase;*/
}
.action-frame-activate {

}
.action-frame-empty {
	padding-bottom:7px;
	text-align: center;
	color: #ddd;
	font-size:11px;
	font-style: italic;
	font-family: Georgia, Times, serif;
}
.form-name {
	padding-bottom:3px;
	clear:both;
	font-size: 11px;
	line-height: 100%;
	color:#92928e;
}
.form-value {
	margin-bottom:8px;
}
.form-value input {
	padding:3px;
	width:256px;
	font-size: 14px;
}

.updatable {
	color: #777;
	cursor: pointer;
}
.updateable:hover {
	text-decoration: underline;
}
.edit-fields {
	display: none;
	background: #f4f4f3;
	padding:10px;
	margin:0px 0px 10px 0px;
}
.edit-prompt {
	line-height: 120%;
	margin:2px 3px 10px 3px;
	color:#333;
}
.edit-actionbar {
	overflow: auto;
}
.save {
	float: right;
	margin-left:3px;
}
.cancel {
	float: right;
	margin-left:3px;
}
.edit-footer {
	padding:0px 0px 14px 0px; /* top & bottom padding here. individual items above it get top padding */
}

.module {
	background: white;
	border-bottom: #ddeded 1px solid;
	overflow: auto;
	padding: 16px;
	width: 288px;
}
.notification {
	background: #FFFFBE;
	margin: 10px 0 0 0;
	padding: 16px;
	text-align: center;
	width: 288px;
}




/* edit module styles 
---------------------------------------------------------------- */
#user-name {
	line-height:120%;
	margin-bottom:4px;
}
#calder-tv-small {
	display:none;
}
#watch-me {
  text-align: center;
  margin:18px 0px 13px 0px;
}
.watch-me-button {
	font-weight: normal;
	font-size: 11px;
	color:#fff;
	background-color:#005481;
	text-align: center;	
	margin-bottom:15px;
	cursor: pointer;
	padding: 4px 25px;
	overflow:visible;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

#pan-left {
	position: absolute;
	left:-70px;
	top:170px;
	cursor: pointer;
}
#pan-right {
	position: absolute;
	right:-70px;
	top:170px;
	cursor: pointer;
}
#icon-status {
	height:288px;
}
#icon-maker {
	height:288px;
	margin-bottom:7px;
	clear:both;
	position: relative;
}
#icon-static {
}

#maker-swf {
	height:288px;
	margin: 0;
	position: absolute;
	width:288px;
}
#maker-jpg {
	height:288px;
	margin: 4px 0 0 0;
	position: absolute;
	width:288px;
}
#status-message {
	background: url(../images/bg-jpg-status.png) repeat-x top left;
	color:#fff;
	font-size: 16px;
	padding:16px 16px;
	position: absolute;
	text-align: left;
	width:256px;
	z-index: 2000 !important;
	bottom:0px;
	left:0px	
}
#status-updater {
	overflow: auto;
	margin: 0 0 0 0;
}
#status-length {
	clear:none;
	float:left;
	font-size: 11px;
	font-style: italic;
	display: block;
	margin: 8px 0 0 0;
	padding:0;
	width: 160px;
	height: 16px;
}
#status-indicator {
	clear:none;
	display:block;
	float:left;
	margin:11px 6px 0 0;
	padding:0px;
	width: 6px;
	height: 6px;
}
#update-status {
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding:5px;
	width:276px;
	height:48px;
	overflow: hidden;
}
#commit-update-status, #commit-update-status-x {
	color:white;
	cursor: pointer;
	float:right;
	font-size: 11px;
	font-weight: emph;
	letter-spacing:1px;
	padding:12px 23px 11px 23px;
	text-align: center;
	margin: 8px 0 4px 7px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.commit-update-status-active {
	background: #005481;
}
.commit-update-status-new {
	background: #d82221;
}
#update-notifier {
	font-size: 11px;
	margin:12px 0px 12px 0px;
	text-align: left;
}
#update-message {
	color: #096;
	font-style: italic;
}
#update-timestamp {
	color:#60666F;
	font-size: 11px;
}
#update-timestamp-public {
	color:#90969F;
	margin-top:5px;
	margin-bottom:12px;
	text-align: right;
}
#publish {
	text-align: center;
}


/* show module styles 
---------------------------------------------------------------- */


#show-aboutme, #show-contactme, #show-facebook, #show-feeds, #show-favorites, #show-flickr, #show-googleme, #show-linkedin, #show-links, #show-location, #show-music, #show-myspace, #show-phone, #show-twitter, #show-uploader {
	padding: 0px;
	margin-bottom: 0px;
}
.show-item { 
	padding-top: 15px; /* individual item here within container has top padding only. */
}
#show-facebook {
	overflow: hidden;
}
#facebook_details {
  overflow: hidden;
}
#map_canvas {
	width: 288px;
	height: 200px;
	overflow: hidden;
}
#map-message {
}
#map-timestamp {
	font-style: italic;
	font-size: 11px;
	color:#aaa;
	margin-top:2px;
	text-align: right;
}
.flickr-pic {
	padding: 1px;
}
.followed-pic {
	padding-right: 1px;
	padding-bottom: 1px;
	float:left;
}
.tweet {
	clear:both;
	display: block;
	line-height:120%;
	overflow: auto;
	margin-top:10px;
}
.tweet-count {
	font-size: 20px;
	height: 40px;
	line-height: 100%;
}
.tweet-count-updates {
	font-size: 20px;
	height: 40px;
	line-height: 100%;
}
.tweet-counter {
	border-left:1px solid #ddeded;
	float:left;
	padding:0px 0px 5px 7px;
	margin-top:16px;
	width:90px;
}
.tweet-counter-updates {
	border-left:1px solid #ddd;
	float:left;
	padding:0px 0px 5px 7px;
	margin-top:16px;
	width:80px;
}
.tweet-status {
  clear:both;
  font-size:13px;
  font-family: Georgia, Times, serif;
  float:left;
  color:#333;
  line-height: 115%;
  overflow:visible;
  padding:13px 0px 11px 0px;
  width:290px;
}
.tweet-photo {
	margin: 3px 6px 0 0;
}

.show-link {
	padding: 14px 10px 0px 0px;
	/*background: url(../images/arrow-nugget.png) no-repeat top right;
	background-position: 100% 70%;*/
}
.link-title {
	font-size:18px;
	font-weight: emph;
	line-height:110%;
}
.link-title a  {
	text-decoration: underline;
}
.link-url {
	font-size:10px;
	color:#aaa;
	margin-top:3px;
}
.link-nugget {
	float:right;
	position: relative;
	top: 12px;
}
.site-delete-button {
	color: #666;
	cursor: pointer;
}
.sub-title {
	clear: both;
	display: block;
	margin-top: 5px;
	text-align: right;
	width: 286px;
}
.module-linkoff {
	clear:both;	
	display: block;
	text-align: right;
	width: 100%;
}
.playlist-songtitle {
	font-size:16px;
	line-height:110%;
}
.playlist-timestamp {
	font-size:10px;
	color:#aaa;
	margin-top:3px;
}
.playlist-song-dark {
  padding:13px 16px 11px 16px;
  color:#333;
  background:#f5f5f5
}
.playlist-song-light {
  padding:13px 16px 11px 16px;
  color:#333;
  background:#fff;
}
.playlist-song-dark:hover, .playlist-song-light:hover {
  background:#333;
  color:#eee;
}
#linked-title {
  line-height: 110%;
}
#emailme {
  width:100%;
  margin:15px 0px 5px 0px;
}
#emailme-send {
  text-align:right;
}



/* google me styles 
---------------------------------------------------------------- */
#show-googleme .show-item {
  padding-top: 8px;
}
.google-link {
  font-size:12px;
  margin-top:6px;
}
.google-url {
  color:#419841;
  font-size:10px;
  overflow:hidden;
}
#google-me {
  margin:11px 0px 13px 0px;
}
.gsc-search-box {
  border:2px dashed green;
}
.gsc-twiddle {
  border:1px solid purple;
}
.gsc-twiddleRegionCell {
  border:1px solid blue;
}
.gs-title a {

}
.gs-snippet {
  border:1px solid pink;
  display: none;
}

.gs-visibleUrl {
  border:1px solid orange;
  display: none;
}





/* verticali framework
---------------------------------------------------------------- */
#verticali-tabs {
  width: 320px;
	position: relative;
	margin: 0px auto 0px auto;
	background: #fff;
}
.verticali-secondary-tab2 {
  width:106px;
  text-align: center;
  font-size:12px;
  font-weight: emph;
  height:25px;
  padding-top:13px;
  background: #E9F3F3;
  border-bottom:1px solid #c7d8d8;
  cursor: pointer;
}
.verticali-secondary-tab2:hover {
  background: #eff8f8;
}
.verticali-secondary-selected2 {
  width:106px;
  background: #fff;
  color:#333;
  border-bottom:1px solid #fff;
  text-align: center;
  font-size:12px;
  font-weight: emph;
  height:25px;
  padding-top:13px;
}
.centertab2 {
  border-left:1px solid #c7d8d8;
  border-right:1px solid #c7d8d8;
}

#verticali-archive, #verticali-watched, #verticali-public, #verticali-contacts {
	width: 320px;
	position: relative;
	margin: 0px auto 60px auto;
	background: #fff;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 0px 0px 3px 3px;
}
#verticali-page {
  padding:25px 0px;
	width: 320px;
	position: relative;
	margin: 0px auto 60px auto;
	background: #fff;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.verticali-segment {
	padding: 0px 14px;
}
 
#verticali-page hr {
	background:#ddeded;
	color:#ddeded;
	border: 0;
	height: 1px;
	margin: 25px auto 25px auto;
	width: 100%;
}
#verticali-label {
  padding:25px 14px 5px 14px;
}

#verticali-utility {
  padding:20px 0px;
  border-bottom:1px solid #cadfdf;
  background: #fff;
  margin: 0px auto 0px auto;
  width: 320px;
}
#contact-alert {
  font-size:11px;
  font-style: italic;
  color:#aaa;
}
#verticali-search {
  width:126px;
  height:22px;
  margin:0px auto;
  padding:0;
}
#archive-search-field, #watched-search-field, #everyone-search-field {
  width:102px;
  font-size: 11px;
  padding:2px 18px 2px 2px;
  float:left;
}
#action-box{
	position:relative;
  right:3px;
  top:-19px;
  float:right;
  z-index:200;
  cursor:pointer;
}
#search-field-x-button {
  /*
	position:relative;
  right:3px;
  top:-19px;
  float:right;
  z-index:200;
  cursor:pointer;
	*/
/*   display:none; */
}

#empty-web {
  display:block;
  margin:50px 10px;
  line-height:140%;
}
#empty-phone {
  display:none;
}

#unsortable {
	list-style: none;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top:7px;
}
#unsortable li {
	/*border-bottom:1px solid #ddeded;*/
	padding:10px 14px 4px 14px;
	overflow: auto;
}
#unsortable hr {
	background:#ddeded;
	color:#ddeded;
	border: 0;
	height: 1px;
	margin: 5px auto 0px auto;
	width: 100%;
}

.person-name {
  width:200px;
  float:left;
  font-size:14px;
  font-weight:emph;
  margin-bottom:4px;
  overflow: hidden;
  line-height: 120%;
}
.person-name a {
  color:#333;
  text-decoration: underline;
}
.person-name-ab {
  width:236px;
  float:left;
  font-size:16px;
  font-weight:normal;
  margin:12px 0px 5px 0px;
  overflow: hidden;
  line-height: 120%;
}
.person-name-ab a {
  color:#444;
  text-decoration: none;
}
.person-name-ab a:hover {
  text-decoration: underline;
}
.person-smirk {
  width:80px;
  height:80px;
  margin:0px 10px 7px 0px;
  float:left;
  background: #eee;
}
.person-smirk-small {
  width:40px;
  height:40px;
  margin:0px 14px 9px 0px;
  float:left;
  background: #eee;
}
.person-status {
  width:200px;
  font-size:13px;
  font-family: Georgia, Times, serif;
  float:left;
  color:#333;
  line-height: 115%;
  overflow:visible;
}
.person-status-ab {
  clear:both;
  width:290px;
  font-size:13px;
  font-family: Georgia, Times, serif;
  color:#333;
  line-height: 115%;
  overflow:hidden;
}
.person-timestamp {
	font-style: italic;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	color:#aaa;
	margin-top:2px;
	margin-bottom:5px;
}
.archive-date-row {
  height:23px;
  width:290px;
}
.archive-day {
  color:#333;
  float:left;
  margin-right:3px;
  margin-top:3px;
  font-weight: emph;
}
.archive-month {
  color:#aaa;
  text-transform: uppercase;
  float:left;
  margin-top:3px;
  margin-right:1px;
  font-weight: emph;
}
.archive-year {
  color:#aaa;
  float:left;
  margin-top:3px;
  font-weight: emph;
}
#verticali-footer {
  padding:20px 14px 25px 14px;
  /*border-top:1px solid #ddeded;*/
}
.verticali-load {
  font-weight: emph;
  font-size:15px;
  text-align: center;
}
#show_more {
  cursor: pointer;
}



/* DEAL
---------------------------------------------------------------- */
#my-deal{
}
#form-my-account{
	margin: 10px 0 10px 10px;
}
#delete-account{
}
.form-section-header{
	margin: 0 0 10px 0;
	width: inherit;
}
.form-section{
	margin: 0 0 30px 0;
}
#my-deal input{
	font-size: 16px;
	height: 28px;
	line-height: 22px;
	margin: 4px 0 12px 0;
	padding: 5px 0 0 5px;
	position: relative;
	width: 260px;
}
#domo {
  margin-bottom:10px;
}



/* developer API page
---------------------------------------------------------------- */

#lhs {
	float:left;
	width: 510px;
}
#rhs {
	width: 190px;
	float: right;
}
#rhs-legal {
	text-align: left;
	width: 190px;
	
	top:10px;
	right: 16px;
}
#sweet {
	margin: 0px 0px 40px 0px;
	height:111px;
}
#get-a-pid {
	margin: 100px 0 30px 0;
}
#heres-how {
	margin:0 auto;
	position: relative;
}
#hit-us {
	float: left;
	margin-right:15px;
}
#partner-capture {
	background: #555;
	color:#fff;
	padding:13px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius: 8px 8px 8px 8px;
}
#form-email {
  width:110px;
}
.code {
	background: #fdffcd;
	display: block;
	padding: 10px;
	width: 94%;
}
.code-url {
	display: block;
	margin:5px 0;
}
.api-chunk {
	margin-bottom: 100px;
}
.hook-section {
	margin-bottom: 12px;
}
.hooks {
	background: #F4F9F9;
	border: #D9EBEB solid 1px;
	margin-bottom: 30px;
	width: 510px;
}
.hook {
	display: block;
	margin: 20px 0 0px 20px; 
	position: relative;
	width: 480px;
}
.use {
	display: block;
	font-style: italic;
	margin: 0 0 20px 20px; 
	position: relative;
	width: 480px;
}
.big-btn {
	background: #06C;;
	border: 1px #02a solid;
	color: white;
	display: block;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	margin:10px 0 0 0;
	text-align: center;
	
	width: 190px;
}
#link-section {
	margin: 0;
}

.section-links{
	margin: 12px 0 30px 0;
	padding: 0;
}
.section-link {
	display: block;
	background: #fff;
	line-height: 30px;
	list-style: none;
	margin: 0px 0 2px 0px;
	padding-left: 10px;
	height: 30px;
	width: 180px;
}


/* share styles 
---------------------------------------------------------------- */


#icon-embed-code {
	background: #333;
	border:0px solid #ccc;
	color: #ccc;
	font-size:10px;
	font-family: courier;
	height:250px;
	overflow-x: hidden; 
	overflow-y: hidden;
	padding:10px;
	width:272px;
	margin:0px 0px 20px 0px;
}
.action-frame-share {
	padding: 16px;
	margin: 30px auto 0 auto;
	background:#f5f3ee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #dedede;
	overflow: auto;
}
#share, #link {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 3px 3px 3px 3px;
}
#share-widget {
	

}


/* footer styles 
---------------------------------------------------------------- */
#footer-plain { 
	color: #828486;
	clear:both;
	margin-top:20px;
}
#footer-plain a{ 
	color: #828486;
}
.footer-bar { 
  clear:both;
  margin-top:0px;
  background: #424648;
  overflow: auto;
  padding:0px;
}
#add-stuff{
	background: #FFFFBE;
	line-height: 140%;
	padding: 33px 0px 40px 0px;
	margin: 0 auto 0 auto;
	width: 320px;
	text-align: center;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius: 4px 4px 0px 0px;
}
#button-sync {
  display: none;
}
#button-import {
  display:block;
}
#footer-menu {
  padding: 15px 16px 8px 16px;
  width: 288px;
  margin: 16px auto 9px auto;
  /*background: #666;*/
  background: #c2c4c6;
  overflow: auto;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.menu-item {
  width:143px;
  padding:0;
  margin:0;
  float: left;
  font-size: 11px;
}
.footer-rows {
  padding: 10px 16px 0px 16px;
  width: 288px;
  height:25px;
  font-size:13px;
  margin: 1px auto 1px auto;
  background: #525456;
  overflow: hidden;
  display: block;
  cursor: pointer;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.footer-rows:hover {
  background: #626466;
}
#footer-actions {
  width: 288px;
  margin: 0px auto 0px auto;
}
#robo-footer {
	font-size: 10px;
	margin-top:0px;
	clear:both;
}
#massively-small {
	margin: 7px 0 30px 0;
	text-align: center;
}
#copyright {
	clear:none;
	height: 40px;
	line-height: 40px;
	width: 200px;
}


/* contacts
---------------------------------------------------------------- */

#sync-pane {
  width:320px;
  text-align:center;
}
#sync-button {
  margin: 60px 20px;
}
#sync-progress {
  width:200px;
  height:10px;
  border:1px solid #aaa;
  margin:0px auto;
}
#progress-bar {

}
#show-contact-button {
  cursor: pointer;
}
#contact-info {
	/* display:none; */
	padding-top:3px;
}
#my-contact-card-info {
	background: #efefee;
	padding:7px 10px 13px 10px;
	margin:5px 0 5px 0;
}
#my-contact-card-info hr {
	background:#ddeded;
	color:#ddeded;
	border: 0;
	height: 1px;
	margin: 7px auto 7px auto;
	width: 100%;
}
.contact-section-title {
  font-size:11px;
  margin:5px 0px;
  font-weight: emph;
}

.contact-row {
	background: #fff;
	padding:13px;
	margin:1px 0 0 0;
	overflow:hidden;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
.contact-row-actions {
	text-align:right;
	padding:10px 0px 0px 0px;
}

.new-contactinfo-box {
	display: none;
	border:1px solid #ccc;
	padding:8px;
	margin:1px 0 8px 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}

.new-entry-textfield {
	margin-bottom:5px;
}
.update-contact-value-field {
  margin-left:5px;
}

.contact-row-value {
	cursor:pointer;
}
.contact-type, .contact-title {
  font-style: italic;
  text-transform: lowercase;
  margin-left:5px;
}
.contact-value {
  font-size: 15px;
  line-height: 125%;
}


.move-up-button {
	z-index:2;
	float:right;
	width:16px;
	height:16px;
	cursor: pointer;
}

.add-arrow {
	cursor:pointer;
	width:14px;
	height:14px;
	margin-right:2px;
}




/* IE button fix
---------------------------------------------------------------- */
input[type=button] {
   margin:0;
   padding:0 .25em;
   width:auto;
   overflow:visible;
   font-size:11px;
}